/* ADHDre blog: calm pastels, generous space, no motion unless you hover. */
:root {
  color-scheme: light dark;
  --bg:#fbf8f3; --fg:#2b2840; --muted:#5d5a73; --link:#4533b0; --line:#e6e0d4;
  --lav:#e9e3ff; --mint:#dcf3e6; --peach:#ffe5d3; --sky:#dbebfa; --butter:#fff3c4; --rose:#fde0ea;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#1b1a22; --fg:#ece9f5; --muted:#b3afc6; --link:#c9c0ff; --line:#2e2c3a;
    --lav:#2c2848; --mint:#1f3a31; --peach:#40302b; --sky:#223646; --butter:#3d3a22; --rose:#412836;
  }
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:19px/1.75 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--link); text-underline-offset:3px; text-decoration-thickness:2px; }
a:focus-visible { outline:3px solid var(--link); outline-offset:3px; border-radius:6px; }
.skip { position:absolute; left:-999px; top:8px; background:var(--lav); padding:8px 14px; border-radius:10px; z-index:2; }
.skip:focus { left:8px; }

.wrap { max-width:1040px; margin:0 auto; padding:0 20px; }
.wrap.narrow { max-width:780px; }

.site { display:flex; align-items:center; gap:14px; padding:28px 0 12px; }
.brand { display:inline-flex; align-items:center; gap:14px; text-decoration:none; color:var(--fg); font-weight:700; font-size:1.4rem; letter-spacing:-.01em; }
.logo { width:56px; height:auto; background:#fff; border-radius:14px; padding:6px; }

h1 { font-size:clamp(2rem,5vw,2.8rem); line-height:1.15; margin:0 0 14px; letter-spacing:-.02em; }
h2 { font-size:1.5rem; line-height:1.3; margin:0 0 10px; }
h3 { font-size:1.2rem; line-height:1.35; margin:0; }
p { margin:0 0 1.1em; max-width:40rem; }
.card p:last-child { margin-bottom:0; }

.sprawl { display:grid; grid-template-columns:repeat(12,1fr); gap:20px; margin:16px 0 56px; }
.card { grid-column:span 12; border-radius:26px; padding:30px 32px; }
@media (min-width:820px) {
  .s5 { grid-column:span 5; } .s6 { grid-column:span 6; } .s7 { grid-column:span 7; }
}
@media (max-width:520px) { .card { padding:24px 22px; } body { font-size:18px; } }

.c-lav { background:var(--lav); } .c-mint { background:var(--mint); } .c-peach { background:var(--peach); }
.c-sky { background:var(--sky); } .c-butter { background:var(--butter); } .c-rose { background:var(--rose); }

.big { font-size:1.35rem; line-height:1.6; }
.pull { font-size:1.6rem; line-height:1.35; font-weight:700; letter-spacing:-.01em; }

.posts { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-top:16px; }
.post { display:block; border-radius:20px; padding:22px 24px; text-decoration:none; color:var(--fg);
  border:2px solid transparent; min-height:104px; }
.post h3 { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; text-decoration-color:var(--link); }
.post:hover, .post:focus-visible { border-color:var(--link); }
@media (prefers-reduced-motion: no-preference) {
  .post { transition:transform .15s ease; } .post:hover { transform:translateY(-3px); }
}

article.card { margin:16px 0 64px; }
article h2 { margin-top:1.6em; }
article ul { padding-left:1.3rem; max-width:40rem; } article li { margin:.4em 0; }
.back { display:inline-block; margin:8px 0 0; }
.callout { font-size:1.5rem; line-height:1.4; font-weight:700; margin-bottom:1.2em; }
.hl-blue { color:#0693e3; font-weight:600; }
.hl-orange { background:#ff5349; color:#230687; padding:0 .3em; border-radius:4px; }
.when { color:var(--muted); font-size:.9rem; margin-bottom:1.4em; }