:root{color-scheme:dark;--bg:#111719;--surface:#1b2529;--line:#384548;--text:#f1f3ea;--muted:#b4c2c1;--accent:#e8cb85}*{box-sizing:border-box}body{margin:0;font:1rem/1.65 "Instrument Sans",system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-underline-offset:.25em}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,footer{border-block:1px solid var(--line)}header{background:var(--surface)}nav,main,footer div{width:min(100% - 2rem,68rem);margin:auto}nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;padding:.95rem 0}nav a{text-decoration:none}nav .brand{margin-right:auto;font-weight:750;color:var(--text)}[aria-current=page]{text-decoration:underline}main{padding:clamp(2rem,7vw,5rem) 0 4rem;min-height:70vh}h1,h2{line-height:1.12}h1{font-size:clamp(2.45rem,7vw,5.3rem);letter-spacing:-.045em;margin:.3em 0}h2{font-size:1.55rem;margin:2.4rem 0 1rem}p,ul{max-width:68ch}small,.tag,footer{color:var(--muted)}.tag{font-size:.9rem}.intro{font-size:clamp(1rem,2vw,1.3rem);color:var(--muted)}.actions,.cards{display:flex;flex-wrap:wrap;gap:.75rem}.actions a,.card{padding:.75rem 1rem;border:1px solid var(--line);background:var(--surface);border-radius:.35rem;text-decoration:none}.card{position:relative;flex:1 1 16rem;max-width:24rem;padding:1rem 2.5rem 1rem 1rem}.card:hover,.actions a:hover{border-color:var(--accent)}.card small,.card strong{display:block}.card span{position:absolute;right:1rem;bottom:1rem}footer div{padding:1.2rem 0}