/* /adhd only (01.11. late, minimal round, STYLE-OPENNOTE-WISPR.md §9 "Made-for pages"). Loads after t-made.css, which
   still draws the demo window, the pill, the key caps, the three steps and the FAQ list. Prefix xadhd-. Tokens only. */

/* hero: centred stack like the home (Opennote 451c6ea9); a wide drawing, so cap it by height */
.r-art.l.xadhd-art{width:auto;height:clamp(150px,13vw,196px);max-width:100%}
.xadhd-h{max-width:11em;margin-left:auto;margin-right:auto}
/* the demo sits right under the button, at --mid (Granola f98fa449, as /students) */
.xadhd-demo{max-width:var(--mid);margin:var(--in) auto 0}

/* the research answer: one sand panel, centred, one claim + one quieter line + its source (Headspace 3941e882, no colour) */
.xadhd-panel{text-align:center;display:flex;flex-direction:column;align-items:center}
.xadhd-panel .r-h{margin:0 auto;max-width:14em;text-wrap:balance}
.xadhd-say{margin:var(--in) auto 0;max-width:29ch;font:400 var(--fs-h3)/1.25 var(--serif);color:var(--ink);text-wrap:balance}
.xadhd-also{margin:16px auto 0;max-width:40ch;font:400 var(--fs-body)/1.55 var(--sans);color:var(--ink-2);text-wrap:pretty}
.xadhd-src.xmade-src{margin:32px auto 0;font-size:var(--fs-small);color:var(--ink-3)}

.xadhd-more{margin-top:32px;justify-content:center}

/* closing drawing: pg-students is taller than wide; t-made.css caps it by height already */