:root{--bg:#fbfaf7;--ink:#1d2430;--muted:#5b6574;--line:#e3e0d8;--accent:#1f5f5b;--accent-ink:#ffffff;--card:#ffffff;--note:#f1efe8}
@media (prefers-color-scheme:dark){:root{--bg:#14181d;--ink:#e8e6e1;--muted:#a3abb7;--line:#2b323b;--accent:#6fc2b9;--accent-ink:#0f1417;--card:#1b2127;--note:#1f262d}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent)}
.wrap{max-width:46rem;margin:0 auto;padding:0 1rem}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}
.brand{font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none;letter-spacing:.01em}
nav a{margin-right:1.1rem;color:var(--muted);text-decoration:none;font-size:.95rem}
nav a:hover,nav a[aria-current="page"]{color:var(--ink);text-decoration:underline}
main{padding:2rem 0 3rem}
h1{font-size:2rem;line-height:1.2;margin:.2rem 0 .8rem}
h2{font-size:1.4rem;line-height:1.3;margin:2.2rem 0 .6rem}
h3{font-size:1.1rem;margin:1.6rem 0 .4rem}
p,ul,ol{margin:.7rem 0}
.lede{font-size:1.15rem;color:var(--muted)}
.meta{color:var(--muted);font-size:.9rem}
.note{background:var(--note);border-left:4px solid var(--accent);padding:.8rem 1rem;border-radius:4px;margin:1.2rem 0}
.tablewrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:6px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;background:var(--note);white-space:nowrap}
tr:last-child td{border-bottom:0}
caption{caption-side:top;text-align:left;padding:.6rem .75rem;font-weight:600}
.cards{display:grid;gap:1rem;margin:1.2rem 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem}
.card h3{margin-top:0}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;border-radius:6px;text-decoration:none;font-weight:600}
footer.site{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.9rem}
footer.site a{color:var(--muted)}
.disclosure{font-size:.9rem;color:var(--muted)}
@media (min-width:640px){.cards.two{grid-template-columns:1fr 1fr}}
