:root{--ink:#16233a;--muted:#5a6578;--line:#dfe4ec;--bg:#fbfcfe;--accent:#1f6feb;--warn:#fff4d6}
@media (prefers-color-scheme:dark){:root{--ink:#e7ecf4;--muted:#9aa6b8;--line:#2a3446;--bg:#0f1622;--accent:#6ea8ff;--warn:#3a3016}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Source Serif 4",Georgia,serif}
main{max-width:44rem;margin:0 auto;padding:3rem 1rem 5rem}
h1,h2,h3{font-family:"Inter Tight",system-ui,sans-serif;line-height:1.25}
h1{font-size:2rem;margin:0 0 .25rem}
h2{font-size:1.2rem;margin-top:2.4rem;border-top:1px solid var(--line);padding-top:1.4rem}
.date{color:var(--muted);margin:0 0 2rem}
a{color:var(--accent)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
td,th{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}
.todo{background:var(--warn);padding:.15rem .35rem;border-radius:4px}
.callout{border-left:3px solid var(--accent);padding:.2rem 1rem;margin:1.5rem 0}
nav{font-family:system-ui,sans-serif;font-size:.9rem;margin-bottom:2rem}