.reader-body *{box-sizing:border-box}
.reader-body{scroll-behavior:smooth}
.reader-body{margin:0;color:#203637;background:#f4f1e9;font:17px/1.65 system-ui,sans-serif}
.reader-body a{color:#14615c;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #a95122;outline-offset:4px}
.reader-body .skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:2}
.reader-body .skip:focus{top:12px}
.reader-body header,.reader-body main,.reader-body footer{max-width:1100px;margin:auto;padding:28px}
.reader-body header{padding-top:50px;border-bottom:2px solid #1e6261}
.reader-body h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.13;max-width:850px;margin:20px 0}
.reader-body h2{font:700 1.7rem/1.2 Georgia,serif;margin-top:45px}
.reader-body h3{line-height:1.35}
.reader-body .eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:800}
.reader-body .lead{font-size:1.2rem;max-width:900px}
.reader-body .notice{border-left:5px solid #b05c30;background:#fff8ee;padding:18px 22px}
.reader-body .meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reader-body .meta div{background:#fff;padding:12px 18px;border:1px solid #d0d9cf}
.reader-body .meta dt{font-weight:bold}
.reader-body .meta dd{margin:4px 0}
.reader-body figure{margin:30px 0;border:1px solid #a5bcb3;background:#fff;padding:24px;border-radius:12px}
.reader-body figcaption{font-size:.95rem;margin-top:18px;border-top:1px solid #ccd9d2;padding-top:14px}
.reader-body .figure-title{font:bold 1.5rem/1.25 Georgia,serif}
.reader-body .kicker{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.reader-body .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.reader-body .node{border:1px solid #86a9a0;border-top:5px solid #23665c;border-radius:7px;padding:18px;background:#eff7f1;min-width:0}
.reader-body .node strong{display:block;font-size:1.05rem;line-height:1.4}
.reader-body .node p{font-size:.94rem;margin:10px 0}
.reader-body .node ul{padding-left:20px;font-size:.93rem}
.reader-body .flow{display:flex;align-items:stretch;gap:8px;margin-top:20px}
.reader-body .flow .node{flex:1}
.reader-body .timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reader-body .timeline .arrow{display:none}
.reader-body .timeline .node{padding:14px}
.reader-body .timeline .node strong{font-size:.95rem}
.reader-body .arrow{align-self:center;font-size:1.5rem;font-weight:bold;color:#7a4d2e}
.reader-body .lanes{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}
.reader-body .lane{border:1px solid #8caca1;padding:18px;border-radius:9px}
.reader-body .step{padding:12px;background:#edf4ef;margin:8px 0;border-left:4px solid #296b60}
.reader-body .down{display:block;text-align:center;font-size:1.4rem}
.reader-body .article{background:white;border:1px solid #c0d0c6;padding:22px;margin:18px 0;border-radius:9px;scroll-margin-top:20px}
.reader-body .article h3{font-size:1.15rem;margin:8px 0}
.reader-body .byline{font-weight:600}
.reader-body .citation,.reader-body .small{font-size:.9rem}
.reader-body .pill{display:inline-block;padding:3px 10px;border:1px solid #88a59b;border-radius:30px;font-size:.8rem}
.reader-body .toc{columns:2;padding-left:25px}
.reader-body .toc li{padding:3px 0;break-inside:avoid}
.reader-body .checklist li{margin:10px 0}
.reader-body .sources li{margin:12px 0}
.reader-body .footer-note{font-size:.9rem;color:#496460}
.reader-body p,.reader-body li,.reader-body h1,.reader-body h2,.reader-body h3,.reader-body dd{overflow-wrap:break-word}
.reader-body nav{display:flex;gap:18px;flex-wrap:wrap}
.reader-body details{margin:18px 0}
.reader-body summary{cursor:pointer;font-weight:700}
.reader-body summary:focus-visible{outline:3px solid #a95122}
@media(max-width:700px){.reader-body header,.reader-body main,.reader-body footer{padding:20px}
.reader-body .grid,.reader-body .lanes,.reader-body .meta{grid-template-columns:1fr}
.reader-body .flow{flex-direction:column}
.reader-body .timeline{grid-template-columns:1fr}
.reader-body .arrow{transform:rotate(90deg)}
.reader-body figure{padding:18px}
.reader-body .toc{columns:1}
}
@media print{.reader-body{background:white;font-size:11pt}
.reader-body .skip,.reader-body nav{display:none}
.reader-body figure,.reader-body .article{break-inside:avoid}
.reader-body header,.reader-body main,.reader-body footer{padding:10px}
.reader-body a{color:inherit}
.reader-body .grid{grid-template-columns:repeat(3,1fr)}
}