:root { --void:#0B0F14; --terminal:#141B23; --line:#243140; --muted:#9AA8B7; --phosphor:#F3F5F7; --signal:#41B6E6; color-scheme: dark }
* { box-sizing: border-box }
body { margin: 0; background: var(--void); color: var(--phosphor); font: 1rem/1.65 "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased }
.wrap { max-width: 760px; margin: 0 auto; padding: clamp(1.5rem, 5vw, 3.5rem) 16px 4rem }
header { display: flex; align-items: center; gap: .6rem; margin-bottom: 2.5rem }
header a { color: var(--phosphor); text-decoration: none; font: 600 1.15rem/1 "Chakra Petch", system-ui, sans-serif; letter-spacing: .02em; display: inline-flex; align-items: center; gap: .6rem }
header svg { width: 34px; height: 22px; color: var(--phosphor) }
h1 { font: 600 clamp(1.9rem, 5vw, 2.6rem)/1.1 "Chakra Petch", system-ui, sans-serif; margin: 0 0 .5rem }
h2 { font: 600 1.25rem/1.3 "Chakra Petch", system-ui, sans-serif; margin: 2.2rem 0 .5rem }
p, li { color: #C9D2DC }
a { color: var(--signal) }
.updated { color: var(--muted); font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .8rem }
footer { margin-top: 3rem; padding-top: 1.2rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem }