.reader-body{color-scheme:light;--ink:#173c3b;--muted:#4d6261;--accent:#975032;--line:#cfdbd7;--cream:#faf8f1;--wash:#e9f2ec}
.reader-body *{box-sizing:border-box}
.reader-body{scroll-behavior:auto}
.reader-body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body header,.reader-body main,.reader-body footer{max-width:1000px;margin:auto;padding:28px 36px}
.reader-body header{padding-top:32px}
.reader-body h1{font-family:Georgia,serif;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.18;max-width:900px;margin:18px 0}
.reader-body h2{font:700 clamp(1.5rem,3vw,2rem)/1.3 Georgia,serif;margin:0 0 18px}
.reader-body h3{font:700 1.35rem/1.35 Georgia,serif;margin:8px 0}
.reader-body h4{font-size:1rem;line-height:1.4;margin:0 0 8px}
.reader-body p{margin:10px 0 18px}
.reader-body a{color:#71381e;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:focus-visible{outline:3px solid #995526;outline-offset:4px}
.reader-body nav{display:flex;gap:24px;flex-wrap:wrap}
.reader-body .eyebrow,.reader-body .status,.reader-body .scope,.reader-body .refs{font-size:.86rem}
.reader-body .eyebrow{text-transform:uppercase;letter-spacing:.12em}
.reader-body .status{color:var(--muted)}
.reader-body .answer{background:var(--wash);border-left:5px solid var(--ink);padding:18px 24px;font-size:1.13rem}
.reader-body .answer p{margin:0}
.reader-body section{padding:20px 0 30px;border-bottom:1px solid var(--line);margin-bottom:26px}
.reader-body figure{margin:28px 0;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.reader-body .fighead{padding:20px 24px;background:var(--ink);color:white}
.reader-body .fighead span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.reader-body .scope{margin:18px 24px;color:var(--muted)}
.reader-body .diagram{list-style:none;padding:0 24px;margin:18px 0;display:grid;gap:16px}
.reader-body .diagram li{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--accent);padding:16px;min-width:0;border-radius:8px}
.reader-body .diagram p{font-size:.94rem;margin:0}
.reader-body .step{background:var(--wash);border-radius:50%;height:30px;min-width:30px;text-align:center;font-weight:700}
.reader-body .layers{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-body .flow li{position:relative}
.reader-body .flow li+li:before{content:"↓";position:absolute;top:-24px;left:22px;font-size:22px;color:var(--ink)}
.reader-body figcaption{padding:18px 24px;border-top:1px solid var(--line);font-size:.9rem;background:#f6f8f5}
.reader-body .refs{display:block;margin-top:10px}
.reader-body dl{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--line);padding:16px;gap:10px 24px;background:white}
.reader-body dt{font-weight:700}
.reader-body dd{margin:0;overflow-wrap:anywhere}
.reader-body .note{padding:16px 20px;background:#fff0de;border-left:4px solid var(--accent)}
.reader-body ul,.reader-body ol{padding-left:24px}
.reader-body li{margin:8px 0}
.reader-body .sources{font-size:.9rem}
.reader-body .sources p{color:var(--muted);margin:6px 0 20px}
.reader-body footer{font-size:.9rem;color:var(--muted)}
.reader-body .skip{position:absolute;left:16px;top:-120px;background:white;padding:12px;z-index:10}
.reader-body .skip:focus{top:8px}
.reader-body table{width:100%;border-collapse:collapse;font-size:.94rem}
.reader-body th,.reader-body td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.reader-body th{background:var(--wash)}
@media(max-width:620px){.reader-body header,.reader-body main,.reader-body footer{padding:22px 18px}
.reader-body .layers{grid-template-columns:1fr}
.reader-body .diagram{padding:0 14px}
.reader-body .diagram li{padding:14px;gap:10px}
.reader-body .fighead,.reader-body figcaption{padding:18px}
.reader-body .scope{margin:18px}
.reader-body .answer{padding:16px}
.reader-body dl{display:block}
.reader-body dd{margin:6px 0 18px}
.reader-body table,.reader-body tbody,.reader-body tr,.reader-body th,.reader-body td{display:block}
.reader-body thead{position:absolute;width:1px;height:1px;overflow:hidden}
.reader-body td:before{content:attr(data-label);display:block;font-weight:700}
.reader-body td{border-top:0}
.reader-body tr{margin-bottom:18px}
}
@media print{.reader-body{background:white;color:black;font-size:11pt}
.reader-body nav,.reader-body .skip{display:none}
.reader-body header,.reader-body main,.reader-body footer{padding:10px 0}
.reader-body figure{break-inside:avoid}
.reader-body .fighead{background:white;color:black;border-bottom:2px solid black}
.reader-body a{color:black}
.reader-body .layers{grid-template-columns:1fr}
}
