:root{--bg:#f7f6f2;--fg:#1a1a1a;--muted:#5f5e5a;--hair:#d9d9d9;--accent:#1d6b45}
@media (prefers-color-scheme:dark){:root{--bg:#121417;--fg:#e6e6e3;--muted:#a3a3a0;--hair:#2c3036;--accent:#5fc28f}}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--fg);font:400 17px/1.6 Montserrat,system-ui,sans-serif;min-height:100svh}
a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
main{max-width:860px;margin:0 auto;padding:64px 24px}
.k{font:500 13.6px/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
h1{font:600 41px/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:16px 0;border-top:2px solid var(--fg);padding-top:16px}
.lede{max-width:52ch;color:var(--muted)}
.list{list-style:none;padding:0;margin:40px 0;border-top:1px solid var(--hair)}
.list a{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;padding:24px 0;border-bottom:1px solid var(--hair);text-decoration:none}
.list a:hover .t{text-decoration:underline;text-underline-offset:4px}
.n{grid-row:span 2;font:400 41px/1 Anton,Impact,sans-serif;color:var(--accent)}
.t{font:600 21px/1.2 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.d{color:var(--muted);max-width:60ch}
.fine{font-size:13.6px;color:var(--muted)}