:root{--paper:#faf6ec;--ink:#141414;--muted:#5c564a;--yellow:#ffc700;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.6}
main{max-width:720px;margin-inline:auto;padding:28px 16px 56px}
.mark{font-family:'Archivo Black',system-ui,sans-serif;font-size:1.1rem;color:var(--ink);text-decoration:none}
h1{font-family:'Archivo Black',system-ui,sans-serif;font-size:2rem;text-transform:uppercase;margin:18px 0 4px}
h2{font-family:'Archivo Black',system-ui,sans-serif;font-size:1.05rem;text-transform:uppercase;margin:28px 0 6px}
.updated{color:var(--muted);margin:0 0 18px;font-size:.9rem;font-family:'Space Mono',monospace}
p,li{color:#2e2a22}
a{color:var(--ink)}
::selection{background:var(--yellow)}
.mono{font-family:'Space Mono',ui-monospace,monospace}
footer{margin-top:36px;border-top:3px solid var(--ink);padding-top:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tag{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:#fff;border:2px solid var(--ink);padding:6px 10px;text-decoration:none;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;transition:transform .06s,box-shadow .06s}
.tag:hover{background:var(--yellow)}
.tag:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.tag:focus-visible{outline:3px solid #2667ff;outline-offset:3px}