/* Shared inner-page treatments echo the approved homepage; brand colours stay in brand.css. */
:root{--card-radius:22px;--button-radius:12px;--card-shadow:6px 7px 0 var(--slate)}
.inner-page .site-header{background:var(--white);color:var(--blue);border:0;min-height:94px;padding-block:22px}
.inner-page .site-header nav a:hover{color:var(--orange)}
.inner-page .header-cta{border:2px solid var(--orange);border-radius:var(--button-radius);box-shadow:0 6px 0 var(--orange);color:var(--blue);padding:12px 22px}
.inner-page .header-cta:hover{background:var(--paper)}
.inner-page .menu{color:var(--blue);border-color:var(--blue)}
.inner-page .site-header.open nav{background:var(--white);color:var(--blue);border-color:var(--line)}
.inner-page .page-heading{background:var(--blue) url('/assets/homepage-header.webp') center/cover;padding-top:60px;padding-bottom:66px}
.inner-page .page-heading h1{max-width:1050px;font-size:clamp(2.7rem,5.1vw,4.8rem)}
.inner-page .compound-heading{padding-block:32px 40px}
.inner-page .compound-heading h1{font-size:clamp(3rem,5vw,4.5rem)}
.inner-page .button.primary{border:2px solid var(--orange);border-radius:var(--button-radius);background:var(--paper);color:var(--blue);box-shadow:0 6px 0 var(--orange)}
.inner-page .button.primary:hover{background:var(--white)}
.inner-page .button:active,.inner-page .header-cta:active{transform:translateY(3px)}
.inner-page .reading{line-height:1.75}
.inner-page .reading h2{letter-spacing:-.02em;line-height:1.15;margin-top:2.6rem}
.inner-page .reading h3{line-height:1.25}
.inner-page .reading>section>div>div>img,.inner-page .post-rich-content>figure:not(.article-takeaways):not(.blog-visual) img{border-radius:var(--card-radius)}
.inner-page .blog-card{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--line);box-shadow:4px 5px 0 var(--slate)}
.inner-page .blog-card h2{margin-top:0;font-size:1.65rem;line-height:1.2}
.inner-page .blog-card:hover{box-shadow:var(--card-shadow)}
.inner-page .reading .blog-visual,.inner-page .reading .article-sources,.inner-page .resource-collection,.inner-page .resource-start>a,.inner-page .resource-help{border-radius:var(--card-radius)}
.inner-page .reading .blog-visual{border:1px solid var(--line);background:var(--paper);padding:26px}
.inner-page .visual-card{border-radius:16px;border:1px solid var(--line)}
.inner-page .visual-number{color:var(--blue);border:1px solid var(--blue);background:var(--paper)}
.inner-page .visual-note,.inner-page .medication-update,.inner-page .form-notice{border-radius:0 16px 16px 0;border-left:4px solid var(--orange);background:var(--paper)}
.inner-page .stage-download{border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.inner-page .stage-next .button,.inner-page .compound-start,.inner-page .resource-help a{border:2px solid var(--cream);border-radius:var(--button-radius);box-shadow:0 5px 0 var(--cream)}
.inner-page .stage-takeaway{border:1px solid #f7f3c260;border-radius:var(--card-radius);padding:24px}
.inner-page .next-reading{padding-block:42px}
.inner-page .next-reading nav a{border:1px solid var(--blue);border-radius:var(--button-radius);padding:12px 20px;text-decoration:none}
.inner-page .next-reading nav a:hover{background:var(--white)}
.inner-page .compound-toc{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--paper)}
.inner-page .compound-toc a:hover,.inner-page .compound-toc a[aria-current]{background:var(--white);color:var(--blue);border-left-color:var(--orange)}
/* Readable HTML infographics, editable with the article and accessible without images. */
.reading .article-takeaways{margin:2rem 0 3rem;padding:28px;background:var(--paper);border:1px solid var(--blue);border-radius:var(--card-radius);box-shadow:5px 6px 0 var(--slate)}
.article-takeaways figcaption{display:flex;flex-direction:column;gap:9px;margin:0 0 24px;text-align:left;font-style:normal;color:var(--blue)}
.takeaway-label{font:500 .75rem/1.4 var(--body-font);letter-spacing:.14em}
.article-takeaways figcaption strong{font:900 clamp(1.7rem,2.8vw,2.15rem)/1.12 var(--display-font);letter-spacing:-.02em}
.takeaway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.takeaway-card{padding:0 20px;border-left:1px solid var(--line);min-width:0}
.takeaway-card:first-child{padding-left:0;border:0}.takeaway-card:last-child{padding-right:0}
.takeaway-symbol{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}
.reading .takeaway-symbol img{width:44px;height:44px;object-fit:contain;border-radius:0;margin:0}
.takeaway-symbol span{display:grid;place-items:center;border:1px solid var(--blue);border-radius:50%;width:27px;height:27px;font-size:.75rem;color:var(--blue)}
.reading .takeaway-card h3{font:900 1.25rem/1.2 var(--display-font);color:var(--blue);margin:0 0 12px;text-wrap:pretty}
.reading .takeaway-card p{font-size:1rem;line-height:1.55;margin:0;color:var(--ink)}
.reading .article-checkpoint{background:var(--white);border-top:5px solid var(--orange);box-shadow:none;margin-top:3rem}
.article-checkpoint .takeaway-grid:has(>.takeaway-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.inner-page .neuro-summary section{border-radius:16px;border:1px solid var(--line);border-top:3px solid var(--orange)}
@media(max-width:900px){.inner-page .site-header{min-height:80px;padding-block:20px}.inner-page .site-header.open nav{top:80px}.inner-page .stage-cards{gap:18px}}
@media(max-width:650px){.inner-page .page-heading{padding:42px 22px 48px}.inner-page .page-heading h1{font-size:clamp(2.5rem,9vw,3.4rem)}.inner-page .compound-heading{padding-block:26px 32px}.reading .article-takeaways{padding:22px;margin:1.8rem 0 2.5rem;box-shadow:4px 5px 0 var(--slate)}.takeaway-grid,.article-checkpoint .takeaway-grid:has(>.takeaway-card:nth-child(2):last-child){grid-template-columns:1fr}.takeaway-card,.takeaway-card:first-child,.takeaway-card:last-child{padding:20px 0;border-left:0;border-top:1px solid var(--line)}.takeaway-card:first-child{padding-top:0;border-top:0}.takeaway-card:last-child{padding-bottom:0}.takeaway-symbol{margin-bottom:12px;justify-content:flex-start}.reading .takeaway-symbol img{width:38px;height:38px}.takeaway-symbol span{margin-left:auto}.reading .takeaway-card h3{font-size:1.35rem}.reading .takeaway-card p{font-size:1.05rem}.inner-page .reading .blog-visual{padding:20px}.inner-page .next-reading nav a{display:block}.inner-page .stage-takeaway{padding:22px}}
@media(prefers-reduced-motion:reduce){.inner-page .button:active,.inner-page .header-cta:active{transform:none}}
.reading.blog-article>.article-takeaways:first-child{margin-top:0}
.reading.blog-article>section>div>div>img{width:100%;max-height:280px;object-fit:cover;margin:2rem 0;border-radius:var(--card-radius)}