.reader-body{--ink:#163c38;--green:#005c52;--line:#bfcbc4;--paper:#f4f2eb;--orange:#93421f}
.reader-body *{box-sizing:border-box}
.reader-body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body a{color:var(--green);text-underline-offset:.16em;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.reader-body .hero,.reader-body main,.reader-body footer{max-width:1120px;margin:auto;padding:32px}
.reader-body .hero{padding-top:22px}
.reader-body nav{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap}
.reader-body h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.13;max-width:960px;letter-spacing:-.035em}
.reader-body h2{font-size:1.6rem;line-height:1.3}
.reader-body h3{font-size:1.35rem;line-height:1.4;margin:8px 0}
.reader-body h4{font-size:1.06rem;margin:0 0 16px;line-height:1.45}
.reader-body .eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.12em;font-weight:700}
.reader-body .status,.reader-body .citation{font-size:.88rem}
.reader-body .answer{border-left:5px solid var(--orange);padding:8px 24px;background:#fff8e8;font-size:1.22rem}
.reader-body .hero p{max-width:950px}
.reader-body main>section{margin:0 0 52px}
.reader-body p{margin:16px 0}
.reader-body figure{margin:30px 0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.reader-body .figure-head{padding:24px 26px;background:#e3ece6}
.reader-body .scope{font-size:.88rem;margin:8px 0 0}
.reader-body .lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:22px;padding:26px}
.reader-body .lane{min-width:0}
.reader-body .steps{padding:0;list-style:none;counter-reset:step;margin:0}
.reader-body .steps li{position:relative;background:#f4f7f4;border:1px solid var(--line);border-left:4px solid var(--green);padding:14px 14px 14px 42px;margin:0 0 22px;min-width:0;overflow-wrap:anywhere}
.reader-body .steps li:before{counter-increment:step;content:counter(step);font-size:.85rem;position:absolute;left:14px;top:16px;color:var(--green);font-weight:800}
.reader-body .steps .connector{position:absolute;bottom:-26px;left:50%;font-size:20px;font-weight:800;color:var(--green)}
.reader-body .steps strong,.reader-body .steps span{display:block}
.reader-body .steps strong{font-size:1rem;line-height:1.45}
.reader-body .steps span{font-size:.9rem;line-height:1.6;margin-top:6px}
.reader-body .text-alt{padding:0 26px;font-size:.92rem}
.reader-body figcaption{border-top:1px solid var(--line);padding:20px 26px;font-size:.85rem;background:#fafbf8}
.reader-body .checks{padding-left:24px}
.reader-body .checks li{margin:14px 0}
.reader-body .notice{border-left:5px solid var(--orange);background:#fff5e5;padding:20px 26px;margin:34px 0}
.reader-body .sources{padding-left:24px;font-size:.88rem}
.reader-body .sources li{margin:18px 0}
.reader-body .sources span{display:block}
.reader-body footer{border-top:1px solid var(--line);font-size:.8rem}
.reader-body .skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:9}
.reader-body .skip:focus{top:12px}
@media(max-width:600px){.reader-body{font-size:17px}
.reader-body .hero,.reader-body main,.reader-body footer{padding:20px}
.reader-body h1{font-size:2.1rem}
.reader-body .answer{padding:8px 16px;font-size:1.1rem}
.reader-body h2{font-size:1.4rem}
.reader-body .lanes{padding:18px;gap:22px}
.reader-body .figure-head,.reader-body figcaption{padding:18px}
.reader-body .text-alt{padding:0 18px}
.reader-body main>section{margin-bottom:38px}
}
@media print{.reader-body{background:white;color:#111}
.reader-body nav,.reader-body .skip{display:none}
.reader-body figure{break-inside:avoid}
.reader-body a{color:#111}
.reader-body .hero,.reader-body main{padding:10px}
}
.reader-body .cards{padding:0;list-style:none;margin:0}
.reader-body .cards li{background:#f4f7f4;border:1px solid var(--line);border-left:4px solid var(--green);padding:16px;margin:0 0 16px;overflow-wrap:anywhere}
.reader-body .cards strong,.reader-body .cards span{display:block}
.reader-body .cards strong{font-size:1rem;line-height:1.45}
.reader-body .cards span{font-size:.9rem;line-height:1.6;margin-top:6px}
