:root{--ink:#10202b;--muted:#4a5b68;--brand:#0b3d5c;--line:#d9e1e7;--todo:#fff3c4}
body{margin:0;font:17px/1.65 ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
main{max-width:760px;margin:0 auto;padding:40px 20px 64px}
a{color:var(--brand)}
h1,h2{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--brand);line-height:1.2}
h1{font-size:2rem;margin:.3em 0 .2em}
h2{font-size:1.3rem;margin:1.8em 0 .5em}
.back{display:inline-block;margin-bottom:12px;font-size:.95rem}
.meta{color:var(--muted);font-size:.92rem}
.todo{background:var(--todo);padding:1px 6px;border-radius:4px}
.warn{background:#f3f6f8;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:.92rem;color:var(--muted)}
ul{padding-left:1.2em}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f3f6f8}
:focus-visible{outline:3px solid #b8470f;outline-offset:2px}