:root{--bg:#f1f5e6;--ink:#1d2b26;--deep:#17302a;--berry:#a62b53;--line:#cdd8b8;--card:#fbfdf5}
@media(prefers-color-scheme:dark){:root{--bg:#121c18;--ink:#e6eedc;--deep:#0c1411;--berry:#f08aa8;--line:#2c3d36;--card:#18251f}}
*{box-sizing:border-box}html{scroll-padding-top:4rem}
body{margin:0;background:var(--bg);color:var(--ink);font:1.08rem/1.7 Georgia,"Times New Roman",serif}
header{background:var(--deep);color:#eef5e2;padding:.9rem 1.2rem}
header nav{max-width:62rem;margin:auto;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center}
header a{color:#eef5e2;text-decoration:none;font:600 .95rem system-ui,sans-serif}
header a.brand{font:700 1.25rem Georgia,serif;margin-right:auto}
header a:hover,header a:focus-visible{text-decoration:underline}
main{max-width:44rem;margin:auto;padding:2.2rem 1.2rem 3rem}
h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.12;margin:.2em 0 .4em}
h2{font-size:1.5rem;margin:2.2em 0 .4em;line-height:1.25}
a{color:var(--berry)}a:focus-visible{outline:3px solid var(--berry);outline-offset:2px}
.meta{font:.9rem system-ui,sans-serif;opacity:.8}
.lead{font-size:1.25rem}
.card{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--berry);padding:1rem 1.2rem;margin:1.2rem 0;border-radius:4px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font:.95rem/1.5 system-ui,sans-serif;background:var(--card)}
th,td{border:1px solid var(--line);padding:.6rem;text-align:left;vertical-align:top}
th{background:var(--deep);color:#eef5e2}
footer{background:var(--deep);color:#d8e4c8;padding:1.6rem 1.2rem;font:.9rem system-ui,sans-serif}
footer div{max-width:62rem;margin:auto}footer a{color:#f3c6d4;margin-right:1rem}