/* NonOp reading layout. Deliberate palette and original illustration geometry retained. */
:root{--wide:74rem;--measure:43rem;--accent:#1e40af;--gutter:clamp(20px,4vw,44px)}
body{overflow-x:visible}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #0a48a9;outline-offset:4px}
a,button,summary,input{-webkit-tap-highlight-color:#eff4ff}
.site-header{padding-block:10px}
.site-header .wrap{gap:10px;flex-wrap:wrap}
.header-nav{gap:2px;flex-wrap:wrap}
.header-nav a{padding-inline:12px;font-size:.94rem}
.header-nav .hub-return{color:var(--muted);font-weight:600;font-size:.84rem}
.header-nav .nav-hub{display:inline-flex}
.site-footer{margin-top:56px;padding-block:30px 44px}
.site-footer p{max-width:70ch}
.footer-links a,.back-options a{display:inline-block;min-height:44px;padding-block:9px}
.site-footer .attribution{font-size:.92rem}
.page-hero{padding-block:26px 30px;background:var(--tint);border-radius:0 0 28px 28px;overflow:visible}
.page-hero .wrap{grid-template-columns:minmax(0,1fr) 128px;gap:24px}
.page-hero h1{font-size:clamp(2rem,3.5vw,3.15rem);max-width:23ch}
.page-hero .summary{font-size:1.16rem;max-width:60ch;line-height:1.6}
.page-hero .emblem{order:0;justify-self:center;width:120px;contain:paint}
.emblem .motif{--m:120px}
.crumbs{flex-wrap:wrap;line-height:1.6}
.crumbs a{display:inline-block;padding-block:6px}
.guide-safety{max-width:var(--wide);padding:15px var(--gutter) 0;margin:0 auto;font-size:.94rem}
.guide-safety a{display:inline-block;min-height:44px;padding-block:8px}
.overview{max-width:var(--wide);margin:26px auto 0;padding-inline:var(--gutter)}
.overview-inner{max-width:54rem;margin-inline:auto;border-block:1px solid var(--line);padding:23px 0 8px}
.overview h2{font-size:1.4rem;margin-bottom:16px}
.overview dl{margin:0}
.overview dl>div{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:18px;border-top:1px solid var(--line);padding:14px 0}
.overview dt{font-weight:800;line-height:1.5}
.overview dd{margin:0;font-size:1.06rem;line-height:1.62}
.overview a{white-space:nowrap}
.reading-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;margin-top:32px}
.contents-rail{position:sticky;top:20px;padding-top:8px;font-size:.93rem}
.contents-disclosure{border-block:1px solid var(--line);padding-block:12px}
.contents-disclosure summary{font-size:1rem;font-weight:800;min-height:44px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}
.contents-disclosure summary::-webkit-details-marker{display:none}
.contents-disclosure summary::after{content:'';height:8px;width:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin-left:auto;margin-right:5px;align-self:center}
.contents-disclosure[open] summary::after{transform:rotate(225deg)}
.contents-disclosure ol{list-style:none;margin:0;padding:2px 0 6px}
.contents-disclosure a{display:block;min-height:44px;padding:9px 8px;border-radius:7px;color:var(--muted);text-decoration:none;line-height:1.45}
.contents-disclosure a:hover{background:var(--accent-soft);color:var(--ink)}
.contents-disclosure a[aria-current="location"]{box-shadow:inset 3px 0 var(--accent-deep);color:var(--ink);background:var(--accent-soft);font-weight:780}
.article{min-width:0;padding:0}
.article .measure{margin-inline:0;max-width:var(--measure)}
.article section{margin-block:0 44px;scroll-margin-top:24px}
.article .measure>section+section{margin-top:44px}
.article .more{max-width:var(--measure)}
.article p,.article li{overflow-wrap:break-word}
.article h2{font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.2}
.section-head{gap:12px;align-items:flex-start;margin-bottom:16px}
.section-head .badge{width:36px;height:36px;border-radius:12px}
.section-head .badge .icon{width:21px;height:21px}
.question-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.question-actions .btn{font-size:1rem;padding-inline:18px;min-height:46px}
.copy-feedback{flex-basis:100%;font-size:.92rem;margin:0!important}
.copy-feedback:empty{display:none}
.talk{padding:24px}
.talk li::before{background:var(--accent-deep);opacity:1}
.source-list{font-size:.97rem;line-height:1.6}
.source-list li{padding:7px 0 9px .25em;scroll-margin-top:24px}
.source-list a{color:#0a48a9;overflow-wrap:anywhere}
.source-ref{font-size:.8em;font-weight:800;vertical-align:super;white-space:nowrap}
.source-note{font-size:.93rem;color:var(--muted)}
.pager{border-top:1px solid var(--line);padding-top:12px}
.pager a{box-shadow:none;background:transparent;padding:12px 0}
.pager .next{text-align:left}
.guide-steps>li{padding:14px 0 14px 20px;border-left:3px solid var(--accent-soft);margin:0 0 12px}
.guide-steps>li::before,.guide-steps>li::after{display:none}
.guide-steps>li strong{display:block;margin-bottom:6px}
.back-options{margin-top:32px}
/* Reading and safety text stays visible. Article decoration is still; homepage scenes follow scroll. */
body:not(.page-hub) .motif,body:not(.page-hub) .motif *,body:not(.page-hub) .motif *::before,body:not(.page-hub) .motif *::after{animation:none!important;will-change:auto!important}
.page-hero__text>*,.page-hero .emblem,.article section,.toc li{animation:none!important;opacity:1;transform:none}
.scene__head>*,.scene__cards>li{opacity:1!important;transform:none!important}
body:not(.page-hub) .scene{--in:1!important;--out:0!important}
html{scroll-behavior:auto}
@view-transition{navigation:none}
@media(max-width:900px){
 .reading-layout{display:block;margin-top:24px}
 .contents-rail{position:static;max-width:var(--measure);margin:0 auto 32px;padding:0}
 .contents-disclosure{padding:8px 16px;background:var(--paper-deep);border:0;border-radius:14px}
 .article .measure,.article .more{margin-inline:auto}
 .overview-inner{max-width:var(--measure)}
 .overview dl>div{grid-template-columns:1fr;gap:4px}
 .page-hero .wrap{grid-template-columns:minmax(0,1fr) 96px}
 .page-hero .emblem{width:96px}.emblem .motif{--m:96px}
}
@media(max-width:600px){
 .site-header .wrap{align-items:center;gap:3px}
 .brand{gap:6px;font-size:1.14rem}.logo-mark{width:28px;height:28px}
 .header-nav{gap:0;flex:1;justify-content:flex-end}
 .header-nav a{padding-inline:8px;font-size:.79rem;line-height:1.2}
 .header-nav .hub-return{display:none}
 .page-hero{padding-block:18px 24px}
 .page-hero .wrap{grid-template-columns:minmax(0,1fr);gap:14px}
 .page-hero .emblem{justify-self:start;width:80px;display:none}
 .page-hero .summary{font-size:1.1rem}
 .page-hero h1{font-size:2.2rem}
 .page-hero .also{font-size:.9rem}
 .crumbs{font-size:.88rem}
 .overview{margin-top:18px}.overview-inner{padding-top:20px}
 .overview dd{font-size:1rem}
 .article section{margin-bottom:36px}
 .article .measure>section+section{margin-top:36px}
 .talk{padding:20px 17px}.talk .section-head .badge{display:none}
 .question-actions{display:grid;justify-items:start}
 .site-footer{margin-top:36px}
}
@media(max-width:355px){.site-header .wrap{justify-content:center}.header-nav{flex-basis:100%;justify-content:center}.header-nav a{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.print-actions{margin-top:18px}
.print-footer{display:none}
@media print{
 @page{margin:18mm}
 body{font-size:10.5pt;line-height:1.45;background:white;color:#111}
 .site-header,.site-footer,.contents-rail,.emblem,.question-actions,.pager,.back-options,.print-actions,section.more,#more-title{display:none!important}
 /* Print is a short handout: the research deep-dive, the full bibliography,
    and in-text citation markers stay on the web page (see the footer URL). */
 #how-well-it-works,
 section.more[aria-labelledby="sources-title"],
 .source-ref{display:none!important}
 .wrap,.reading-layout,.article,.measure,.overview{display:block;max-width:none;width:auto;padding:0;margin:0}
 .page-hero{background:none;padding:0;border-radius:0}.page-hero .wrap{display:block}
 .page-hero h1{font-size:24pt;max-width:none}.page-hero .summary{font-size:12pt}
 .article section{margin:20pt 0!important;animation:none!important}
 h1,h2,h3,dt{break-after:avoid}p,li{orphans:3;widows:3}
 .talk{background:none;border:1px solid #aaa;padding:14pt}
 .talk ul{list-style:none}
 .talk li{padding-left:1.9em}
 .talk li::before{content:"\2610";position:absolute;left:0;top:.05em;width:auto;height:auto;background:none;border-radius:0;opacity:1;font-size:14pt;line-height:1.3}
 .routing{background:none;box-shadow:none;border:1px solid #aaa}
 a{color:#111!important;text-decoration:underline}
 .overview dl>div{display:block;break-inside:avoid}
 .print-footer{display:block;margin-top:26pt;padding-top:10pt;border-top:1px solid #999;font-size:9pt;line-height:1.5;color:#333}
 .print-footer p{margin:4pt 0}
 .print-url{overflow-wrap:anywhere}
}