:root{--bg:#fdfcfa;--fg:#1c1b19;--muted:#5f5b54;--rule:#e3ded5;--accent:#b3421a;--card:#f6f3ee}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14130f;--fg:#ece8e1;--muted:#a8a29a;--rule:#2e2b26;--accent:#e2724a;--card:#1c1a16}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:46rem;margin:0 auto;padding:4rem 1.5rem 6rem}
header{border-bottom:1px solid var(--rule);padding-bottom:1.75rem;margin-bottom:2.5rem}
.brand{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 .6rem}
h1{font-size:2.1rem;line-height:1.2;margin:0 0 .6rem;letter-spacing:-.02em}
.meta{color:var(--muted);font-size:.9rem;margin:0}
h2{font-size:1.15rem;margin:2.6rem 0 .7rem;letter-spacing:-.01em}
h2 .n{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.5rem}
p,li{color:var(--fg)}
ul{padding-left:1.15rem}li{margin:.35rem 0}
a{color:var(--accent)}
.card{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:1.1rem 1.3rem;margin:1.2rem 0}
.card p{margin:0}
table{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.93rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.88rem}
footer a{margin-right:1.1rem}