.reader-body{color-scheme:light;--ink:#163839;--muted:#496567;--teal:#076b65;--line:#cdded9;--cream:#f7f7ed}
.reader-body *{box-sizing:border-box}
.reader-body{margin:0;background:#fffef9;color:var(--ink);font:18px/1.65 system-ui,-apple-system,sans-serif}
.reader-body main{max-width:950px;margin:auto;padding:34px 28px 70px}
.reader-body nav{max-width:950px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid var(--line)}
.reader-body a{color:#006560;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #d78e15;outline-offset:4px}
.reader-body .skip{position:absolute;top:-100px;background:white;padding:12px;z-index:3}
.reader-body .skip:focus{top:0}
.reader-body h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.13;letter-spacing:-.04em;margin:12px 0 24px;max-width:850px}
.reader-body h2{font-size:1.6rem;line-height:1.25;margin-top:0}
.reader-body h3{font-size:1.4rem;line-height:1.3;margin:8px 0 16px}
.reader-body h4{font-size:1.03rem;margin:0 0 5px;line-height:1.4}
.reader-body p{margin:0 0 18px}
.reader-body .lead{font-size:1.25rem;line-height:1.55}
.reader-body .eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.reader-body .meta,.reader-body .references,.reader-body small{color:var(--muted);font-size:.85rem}
.reader-body header{padding:24px 0 32px}
.reader-body section{padding:30px 0;border-top:1px solid var(--line)}
.reader-body figure{margin:28px 0;padding:26px;background:var(--cream);border:1px solid var(--line);border-radius:12px}
.reader-body .scope{font-size:.88rem;font-weight:650}
.reader-body .diagram{list-style:none;padding:0;display:grid;gap:14px;margin:20px 0}
.reader-body .diagram li{display:flex;gap:12px;background:white;border:1px solid var(--line);border-left:4px solid var(--teal);padding:16px;border-radius:6px;min-width:0}
.reader-body .diagram p{font-size:.95rem;margin:0}
.reader-body .step{flex:0 0 25px;font-weight:750;color:var(--teal)}
.reader-body .bars{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .track{height:12px;background:#e6ece7;border-radius:6px;margin-top:15px}
.reader-body .track span{height:100%;display:block;background:var(--teal);border-radius:6px}
.reader-body .interpretation{font-weight:650;font-size:.97rem;border-top:1px solid var(--line);padding-top:16px}
.reader-body .interpretation p{margin:0}
.reader-body figcaption{font-size:.8rem;margin-top:18px;color:var(--muted)}
.reader-body li{margin-bottom:10px}
.reader-body .sources{padding-left:22px}
.reader-body .sources li{margin-bottom:20px}
.reader-body footer{font-size:.85rem;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:600px){.reader-body{font-size:17px}
.reader-body main{padding:22px 18px 50px}
.reader-body nav{padding:16px 18px}
.reader-body figure{padding:18px;margin:24px -4px}
.reader-body .bars{grid-template-columns:1fr}
.reader-body .diagram li{padding:13px}
.reader-body .step{flex-basis:20px}
.reader-body h1{letter-spacing:-.025em}
.reader-body section{padding:24px 0}
}
@media print{.reader-body .skip,.reader-body nav{display:none}
.reader-body{font-size:11pt}
.reader-body figure{break-inside:avoid}
.reader-body main{padding:0;max-width:none}
.reader-body a{color:inherit}
}
