.reader-body{color-scheme:light;--ink:#192e35;--muted:#48616a;--paper:#fbfaf6;--accent:#176966;--line:#b9cdca}
.reader-body *{box-sizing:border-box}
.reader-body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body main{max-width:1100px;padding:32px 28px 72px;margin:auto}
.reader-body nav{max-width:1100px;margin:auto;padding:18px 28px;border-bottom:1px solid var(--line)}
.reader-body a{color:#0e615f;text-underline-offset:.2em;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #8e450b;outline-offset:4px}
.reader-body h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.12;max-width:950px;margin:.5em 0}
.reader-body h2{font-size:1.55rem;line-height:1.3}
.reader-body h3{font-size:1.14rem;line-height:1.4;margin:.4em 0}
.reader-body p{max-width:80ch}
.reader-body header{padding:22px 0 36px}
.reader-body .eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--accent)}
.reader-body .lead{font-size:1.28rem}
.reader-body .date,.reader-body .refs,.reader-body footer{font-size:.88rem;color:var(--muted)}
.reader-body section{margin:40px 0}
.reader-body figure{margin:38px 0;border:1px solid var(--line);border-radius:16px;background:#fff;padding:26px;box-shadow:0 4px 0 #e1ebe8}
.reader-body .figure-head>span{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}
.reader-body .figure-head h2{margin:.25em 0}
.reader-body .scope{padding:10px 14px;border-left:4px solid var(--accent);background:#edf5f3;font-size:.94rem}
.reader-body .visual{list-style:none;margin:24px 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.reader-body .visual li{min-width:0;background:#f0f5f3;border-top:4px solid var(--accent);border-radius:6px;padding:18px}
.reader-body .visual p{font-size:1rem;margin:.7em 0}
.reader-body .step{font-size:.8rem;color:var(--muted);font-weight:700}
.reader-body .compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .path{grid-template-columns:1fr;counter-reset:none}
.reader-body .path li{display:block;position:relative;padding-left:18px}
.reader-body .path .step{position:absolute;left:18px;top:24px;border:1px solid var(--accent);border-radius:50%;width:25px;text-align:center}
.reader-body .bar{height:18px;background:#d4e3df;border-radius:4px}
.reader-body .bar span{display:block;height:100%;background:var(--accent);border-radius:4px}
.reader-body figcaption{font-size:.96rem;border-top:1px solid var(--line);padding-top:16px}
.reader-body li{margin-bottom:.3em}
.reader-body footer{border-top:1px solid var(--line);margin-top:48px;padding-top:18px}
.reader-body .skip{position:absolute;left:8px;top:-90px;background:white;padding:10px}
.reader-body .skip:focus{top:8px}
@media(max-width:700px){.reader-body main{padding:20px 16px 48px}
.reader-body nav{padding:15px 16px}
.reader-body figure{padding:18px 14px}
.reader-body .visual,.reader-body .compare,.reader-body .matrix{grid-template-columns:1fr}
.reader-body h2{font-size:1.35rem}
.reader-body .visual li{padding:16px}
.reader-body .path li{padding-left:16px}
.reader-body{font-size:17px}
}
@media print{.reader-body{background:white;font-size:11pt}
.reader-body main{max-width:none;padding:0}
.reader-body nav,.reader-body .skip{display:none}
.reader-body figure{box-shadow:none;break-inside:avoid}
.reader-body .visual{grid-template-columns:repeat(3,minmax(0,1fr))}
.reader-body .compare,.reader-body .matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
}