/* BRAIN article only. Shared navigation, colors and typography stay in style.css. */
.brain-page .brain-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:40px; align-items:center; padding-block:42px 36px; }
.brain-hero h1 { font-size:clamp(1.8rem,3.35vw,2.7rem); line-height:1.6; margin-bottom:20px; text-wrap:balance; }
.brain-hero .eyebrow { margin-bottom:14px; }
.brain-hero .lead { font-size:1.125rem; }
.brain-page figure { margin:28px 0; }
.brain-hero figure { margin:0; }
.brain-page figure img { display:block; width:100%; height:auto; border-radius:3px; }
.brain-page figcaption { margin-top:12px; font-size:.875rem; line-height:1.8; color:var(--muted); }
.brain-page .brain-diagram { margin-block:28px; }
.brain-figure-link { font-size:.875rem; margin-top:10px; }
.brain-figure-text { border-left:3px solid var(--line); padding-left:20px; margin-top:20px; }
.brain-figure-text p:first-child { font-weight:700; }
.brain-figure-text p:last-child { margin-bottom:0; }
.brain-fit { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-block:22px; }
.brain-fit > div { border-top:2px solid var(--green); padding-top:18px; }
.brain-fit h3 { margin-top:0; }
.brain-fit ul { padding-left:1.25em; }
.brain-page pre { white-space:pre-wrap; overflow-wrap:anywhere; background:var(--mist); padding:20px; border:1px solid var(--line); border-radius:3px; line-height:1.85; }
.brain-page code { font-family:ui-monospace,Consolas,monospace; font-size:.875em; overflow-wrap:anywhere; }
.brain-page .brain-labels { min-width:0; }
.brain-labels th:first-child { width:9rem; }
.brain-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin:24px 0; }
.brain-actions a { min-height:44px; }
.brain-page .brain-download { margin-top:24px; padding:28px; background:var(--mist); border-left:4px solid var(--green); }
.brain-download h3 { margin-top:0; }
@media(max-width:900px) { .brain-page .brain-hero { grid-template-columns:1fr; gap:22px; padding-top:28px; } .brain-hero figure { max-width:640px; } }
@media(max-width:600px) { .brain-fit { grid-template-columns:1fr; gap:16px; } .brain-page pre { padding:16px; } .brain-page .brain-download { padding:20px; } .brain-labels th:first-child { width:7rem; } .brain-labels th,.brain-labels td { padding:12px 8px; } }