:root{--fg:#1d1c1a;--bg:#f7f5f0;--muted:#6b6660;--rule:#dcd7cc;--link:#1f5f9b;--accent:#8c2f1b}
@media (prefers-color-scheme:dark){:root{--fg:#ece8e1;--bg:#171614;--muted:#a39d94;--rule:#3a3732;--link:#6fb0ec;--accent:#e08b6f}}
*{box-sizing:border-box}html{color:var(--fg);background:var(--bg)}
body{margin:0 auto;max-width:72rem;padding:1rem;font:16px/1.5 system-ui,sans-serif}
header{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:.5rem}
header .site{font-weight:700;letter-spacing:.04em;color:var(--accent);text-decoration:none}
a{color:var(--link)}h1{font-size:1.6rem;margin:1rem 0 .25rem}h2{font-size:1.15rem;margin:1.5rem 0 .5rem}
.meta{color:var(--muted);margin:0}nav.pages{display:flex;justify-content:space-between;margin:.75rem 0}
figure{margin:1rem 0}figure img{max-width:100%;height:auto;display:block;background:var(--rule)}
figcaption,.small{font-size:.875rem;color:var(--muted)}
ol.systems>li{margin:.5rem 0}ul.plain{list-style:none;padding:0}
table{border-collapse:collapse}td,th{padding:.15rem .6rem;border-bottom:1px solid var(--rule);text-align:left}
td.n{text-align:right;font-variant-numeric:tabular-nums}
footer{margin-top:2rem;border-top:1px solid var(--rule);padding-top:.5rem;font-size:.875rem;color:var(--muted)}