.reader-body{--ink:#152b33;--muted:#4b5d62;--teal:#076b65;--paper:#f6f3eb;--line:#cdd7d2;--gold:#f0c85a}
.reader-body *{box-sizing:border-box}
.reader-body{scroll-behavior:smooth;scroll-padding-top:1rem}
.reader-body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.reader-body header,.reader-body main,.reader-body nav,.reader-body footer{width:min(1080px,calc(100% - 40px));margin:auto}
.reader-body header{padding:36px 0 24px}
.reader-body .topline{display:flex;justify-content:space-between;gap:20px;font-weight:650;border-bottom:2px solid var(--ink);padding-bottom:16px}
.reader-body .eyebrow{color:var(--teal);font-size:.83rem;font-weight:700;letter-spacing:.06em}
.reader-body h1{font-size:clamp(2rem,4.4vw,3.9rem);max-width:900px;line-height:1.12;letter-spacing:-.035em;margin:25px 0}
.reader-body h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}
.reader-body h3{line-height:1.35}
.reader-body h4{margin:8px 0;font-size:1.05rem;line-height:1.4}
.reader-body p{margin:.65rem 0 1rem}
.reader-body .lead{font-size:1.2rem;max-width:870px}
.reader-body .scope{background:#e3ebe5;border-left:5px solid var(--teal);padding:16px 20px}
.reader-body .citation{display:inline;font-size:.85rem;color:var(--muted)}
.reader-body a{color:#005c63;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-body a:hover{color:#1a343b}
.reader-body a:focus-visible,.reader-body button:focus-visible,.reader-body input:focus-visible,.reader-body select:focus-visible,.reader-body summary:focus-visible{outline:3px solid #914700;outline-offset:4px}
.reader-body nav{display:flex;flex-wrap:wrap;gap:8px 20px;padding:15px 0;border-block:1px solid var(--line)}
.reader-body nav a{font-size:.94rem}
.reader-body section{padding:30px 0;border-bottom:1px solid var(--line)}
.reader-body figure{margin:25px 0;background:#fff;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:8px;padding:25px;box-shadow:0 5px 20px #102d3010}
.reader-body figcaption h3{margin:.3rem 0;font-size:1.5rem}
.reader-body figcaption p{color:var(--muted)}
.reader-body .visual-grid{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reader-body .visual-grid li{position:relative;background:#e9f1ed;padding:18px;border:1px solid #c7d9d3;border-radius:8px;min-width:0}
.reader-body .node-number{font-size:.8rem;color:var(--teal);font-weight:700}
.reader-body .branches{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;padding:0}
.reader-body .branches li{border-left:5px solid var(--gold);background:#faf3db;padding:16px}
.reader-body .caption{font-size:.9rem;color:var(--muted)}
.reader-body details{border-top:1px solid var(--line);padding-top:12px}
.reader-body summary{cursor:pointer;color:var(--teal);font-weight:650;min-height:44px}
.reader-body .annotated{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:18px}
.reader-body .sample{padding:22px;background:#163d43;color:white;border-radius:8px;align-self:start}
.reader-body .sample h4{font-size:1.3rem}
.reader-body .sample .badge{color:#ffe091}
.reader-body .annotations{margin:0}
.reader-body .annotations>div{border-bottom:1px solid var(--line);padding:8px 0}
.reader-body dt{font-weight:700}
.reader-body dd{margin:0}
.reader-body .catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reader-body .record{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;min-width:0}
.reader-body .record h3{font-size:1.28rem}
.reader-body .record dl>div{margin:10px 0}
.reader-body .record dt{font-size:.8rem;color:var(--muted)}
.reader-body .record dd{font-size:.95rem}
.reader-body .badge{display:inline-block;font-size:.8rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.05em}
.reader-body fieldset{border:1px solid var(--line);border-radius:8px;padding:20px;margin:15px 0}
.reader-body legend{font-weight:700}
.reader-body .filter-grid{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:10px 0 20px}
.reader-body input,.reader-body select,.reader-body button{font:inherit;min-height:44px;max-width:100%;border:1px solid #647b7c;border-radius:4px;padding:8px;background:#fff}
.reader-body button{background:var(--teal);color:white;cursor:pointer;margin:4px 8px 4px 0}
.reader-body button[type=reset]{background:white;color:var(--ink)}
.reader-body .sources{padding-left:22px}
.reader-body .sources>li{margin:18px 0}
.reader-body .sources p{font-size:.9rem;color:var(--muted)}
.reader-body footer{padding:25px 0;color:var(--muted);font-size:.85rem}
.reader-body li{margin-bottom:8px}
.reader-body .skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:3}
.reader-body .skip:focus{top:8px}
.reader-body [hidden]{display:none!important}
.reader-body table{border-collapse:collapse;width:100%;font-size:.95rem}
.reader-body th,.reader-body td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.reader-body th{background:#e3ebe5}
@media(max-width:680px){.reader-body header,.reader-body main,.reader-body nav,.reader-body footer{width:calc(100% - 28px)}
.reader-body header{padding-top:22px}
.reader-body figure{padding:16px}
.reader-body .visual-grid,.reader-body .branches,.reader-body .annotated,.reader-body .catalogue-grid{grid-template-columns:1fr}
.reader-body .filter-grid{grid-template-columns:1fr;gap:6px}
.reader-body .record{padding:19px}
.reader-body .topline{font-size:.9rem}
.reader-body h1{margin:20px 0}
.reader-body .lead{font-size:1.1rem}
.reader-body th,.reader-body td{padding:8px}
}
@media(prefers-reduced-motion:reduce){.reader-body{scroll-behavior:auto}
}
@media print{.reader-body{background:white}
.reader-body nav,.reader-body .skip,.reader-body #filters{display:none}
.reader-body figure,.reader-body .record{break-inside:avoid;box-shadow:none}
.reader-body details>p{display:block}
}