.reader-body *{box-sizing:border-box}
.reader-body{scroll-behavior:smooth}
.reader-body{margin:0;color:#183237;background:#f6f5f0;font:18px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body a{color:#00685d;text-underline-offset:.18em;overflow-wrap:anywhere}
.reader-body a:hover{text-decoration-thickness:.15em}
.reader-body :focus-visible{outline:3px solid #b86114;outline-offset:5px}
.reader-body .skip{position:absolute;top:-8rem;left:1rem;padding:.7rem;background:white;z-index:10}
.reader-body .skip:focus{top:1rem}
.reader-body .wrap{max-width:1080px;margin:auto;padding:0 28px}
.reader-body header{background:#153b3b;color:#f8fbf7;padding:30px 0 54px;border-bottom:8px solid #dfbc72}
.reader-body header a{color:#fff}
.reader-body nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.9rem}
.reader-body .eyebrow{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:#dbc799;margin:30px 0 12px}
.reader-body h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.17;max-width:960px;margin:.3em 0}
.reader-body h2{font-size:1.65rem;line-height:1.3;margin:0 0 18px}
.reader-body h3{font-size:1.1rem;line-height:1.35}
.reader-body header .subtitle{max-width:800px;margin:20px 0 0;color:#e0ebe7}
.reader-body main{padding:34px 0}
.reader-body section{margin:40px 0}
.reader-body p{max-width:82ch;margin:.8em 0 1.1em}
.reader-body .lead{padding:24px 28px;background:white;border-left:5px solid #bc7c2b;margin:0 0 36px;font-size:1.13rem}
.reader-body .lead p{margin:0}
.reader-body .cite{font-size:.82rem;margin-left:.5em;white-space:normal}
.reader-body .cite a{margin-right:.45em}
.reader-body ul.check{padding-left:1.4em;background:#edf3ec;padding-top:20px;padding-bottom:20px;padding-right:22px;border-radius:8px}
.reader-body li{margin:.55em 0}
.reader-body figure{margin:30px 0 46px;border:1px solid #b9c9c5;border-radius:12px;background:white;overflow:hidden}
.reader-body figure .fighead{padding:24px 24px 12px;border-bottom:1px solid #d6e1dc;background:#eff4ef}
.reader-body figure h2{font-size:1.35rem;margin:0 0 10px}
.reader-body figure .fighead p{font-size:.95rem;margin:.4em 0}
.reader-body .map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px}
.reader-body .panel{min-width:0;border:1px solid #bfcdc7;border-top:5px solid #377f74;border-radius:7px;padding:18px;background:#fcfcf8}
.reader-body .panel h3{margin:0 0 12px}
.reader-body .panel p{font-size:.95rem;line-height:1.6;margin:0}
.reader-body .pathways .map{grid-template-columns:1fr}
.reader-body .pathways .panel{display:grid;grid-template-columns:210px 1fr;gap:20px}
.reader-body .pathways .panel .description p{font-size:.85rem}
.reader-body .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:34px}
.reader-body .steps li{position:relative;background:#eaf1ef;padding:14px;border-radius:5px;margin:0;font-size:.95rem;line-height:1.5}
.reader-body .steps li+li:before{content:"→";position:absolute;left:-29px;top:35%;font-size:1.3rem;color:#265e57}
.reader-body .sequence .panel{position:relative}
.reader-body .sequence .panel+.panel:before{content:"→";position:absolute;left:-17px;top:40%;color:#265e57;background:white;font-size:1.2rem}
.reader-body .sequence .map{gap:28px}
.reader-body .scope .panel:nth-child(2){border-top-color:#8b611d}
.reader-body .scope .panel:nth-child(3){border-top-color:#636574}
.reader-body figcaption{padding:0 24px 20px;font-size:.88rem;color:#36564f}
.reader-body details{margin:0 24px 24px;padding:12px 16px;background:#f1f3ee;border-radius:6px;font-size:.9rem}
.reader-body summary{cursor:pointer;font-weight:650}
.reader-body details p{margin:10px 0 0}
.reader-body .sources{border-top:2px solid #c5cfbf;padding-top:30px}
.reader-body .sources li{font-size:.92rem;margin:0 0 24px}
.reader-body .source-meta{display:block;margin-top:5px;color:#40554c}
.reader-body .related ul{padding-left:22px}
.reader-body .route-note{font-size:.85rem;border:1px solid #cccebc;padding:15px;border-radius:6px}
.reader-body footer{border-top:1px solid #c3cdc3;padding:20px 0 36px;font-size:.8rem;color:#466055}
@media(max-width:760px){.reader-body{font-size:17px}
.reader-body .wrap{padding:0 18px}
.reader-body .map{grid-template-columns:1fr;padding:18px}
.reader-body .pathways .panel{grid-template-columns:1fr;gap:15px}
.reader-body .steps{grid-template-columns:1fr;gap:28px}
.reader-body .steps li+li:before{content:"↓";top:-27px;left:45%}
.reader-body .sequence .panel+.panel:before{content:"↓";left:48%;top:-32px}
.reader-body .sequence .map{gap:32px}
.reader-body figure .fighead{padding:20px 18px 12px}
.reader-body figcaption{padding:0 18px 18px}
.reader-body details{margin:0 18px 18px}
.reader-body .lead{padding:20px}
.reader-body h2{font-size:1.4rem}
}
@media(prefers-reduced-motion:reduce){.reader-body{scroll-behavior:auto}
}
@media print{.reader-body{background:white;font-size:12pt}
.reader-body header{background:white;color:#183237;border-bottom:2px solid #183237;padding:0}
.reader-body header a,.reader-body header .subtitle,.reader-body .eyebrow{color:#183237}
.reader-body nav,.reader-body .skip{display:none}
.reader-body figure,.reader-body .panel{break-inside:avoid}
.reader-body .map{grid-template-columns:1fr}
.reader-body .pathways .panel{grid-template-columns:1fr}
.reader-body details{display:block}
.reader-body summary{list-style:none}
.reader-body a{color:#183237}
}
