:root { color-scheme: light; --paper:#f4f1e8; --surface:#fffdf7; --ink:#202a27; --green:#22362e; --muted:#59635d; --accent:#a84820; --line:#c6ccbf; background:var(--paper); color:var(--ink); font:100%/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; }
img { max-width:100%; height:auto; }
figure { margin:1.5rem 0; }
figcaption { color:var(--muted); font-size:.92rem; margin-top:.6rem; }
a { color:var(--accent); text-underline-offset:.2em; overflow-wrap:anywhere; }
a:focus-visible, summary:focus-visible, [tabindex="0"]:focus-visible { outline:3px solid #075e85; outline-offset:5px; }
h1,h2,h3 { color:var(--green); line-height:1.2; text-wrap:balance; overflow-wrap:anywhere; }
h1 { font-size:clamp(2.3rem,6vw,4.1rem); letter-spacing:-.045em; max-width:22ch; margin:.5rem 0 1.25rem; }
h2 { font-size:clamp(1.5rem,3vw,2rem); margin-top:0; }
h3 { font-size:1.15rem; }
p { margin:.8rem 0; }
li+li { margin-top:.6rem; }
code { font-size:.92em; overflow-wrap:anywhere; }
header,footer { background:var(--surface); border-block:1px solid var(--line); }
.wrap { width:min(76rem,calc(100% - 3rem)); margin-inline:auto; }
header .wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem 2rem; padding-block:1.1rem; }
.brand { font-weight:760; font-size:1.2rem; color:var(--green); text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; }
nav [aria-current] { font-weight:750; color:var(--green); }
.skip { position:absolute; top:-6rem; left:1rem; padding:.6rem 1rem; background:white; z-index:2; }
.skip:focus { top:1rem; }
article { max-width:58rem; margin-inline:auto; padding-block:3rem; }
.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; font-weight:760; color:var(--accent); }
.lead { font-size:1.2rem; max-width:48rem; }
.status { color:var(--muted); padding:.9rem 1.15rem; border-left:3px solid var(--accent); background:var(--surface); margin-block:1.7rem; }
section { padding-block:1.8rem; border-top:1px solid var(--line); }
.callout { padding:1.2rem 1.4rem; border:1px solid var(--line); border-radius:.6rem; background:var(--surface); margin-block:1.5rem; }
.callout h3 { margin-top:0; }
.steps { padding-left:1.6rem; }
.steps>li { padding-left:.35rem; margin-bottom:1.65rem; }
.steps>li::marker { color:var(--accent); font-weight:750; }
.steps h3 { margin-bottom:.4rem; }
.table-wrap { max-width:100%; overflow-x:auto; margin-block:1.2rem; }
table { width:100%; min-width:34rem; border-collapse:collapse; background:var(--surface); font-size:.94rem; }
caption { text-align:left; font-weight:720; color:var(--green); margin-bottom:.5rem; }
th,td { text-align:left; vertical-align:top; padding:.65rem .75rem; border-bottom:1px solid var(--line); }
th { color:var(--green); }
thead { background:#e6eadf; }
.checklist { padding-left:1.3rem; }
.formula { font-size:1.1rem; font-weight:700; color:var(--green); }
.small { font-size:.9rem; color:var(--muted); }
footer .wrap { padding-block:1.5rem; }
@media(max-width:38rem) { .wrap { width:calc(100% - 2rem); } article { padding-block:2rem; } header .wrap { display:block; } nav { margin-top:.65rem; } .callout { padding:1rem; } }
@media print { :root { background:white; color:black; font-size:10pt; } header,footer,.skip,nav { display:none; } .wrap { width:100%; } article { max-width:none; padding:0; } h1 { font-size:27pt; max-width:none; } section { padding-block:1rem; } .callout { break-inside:avoid; } .table-wrap { overflow:visible; } table { min-width:0; } tr { break-inside:avoid; } a { color:black; } }