:root { --room: #15110e; --label: #efe3cb; --dim: #a3937a; --accent: #e39a36; color-scheme: dark; }
html, body { margin: 0; background: var(--room); color: var(--label); }
body { font: 16px/1.6 "Helvetica Neue", Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 40px max(16px, env(safe-area-inset-left, 0px)) 64px; }
.eyebrow { margin: 0; font: 12px ui-monospace, Consolas, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--dim); }
h1 { margin: 4px 0 0; font-size: 34px; line-height: 1.15; color: var(--accent); text-wrap: balance; }
h2 { margin: 32px 0 8px; font-size: 17px; letter-spacing: .02em; }
.meta { margin: 6px 0 24px; color: var(--dim); font-size: 14px; }
a { color: var(--accent); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
code { font: 14px ui-monospace, Consolas, monospace; }
ul { padding-left: 1.2em; }
li + li { margin-top: 6px; }
.back { margin-top: 40px; color: var(--dim); }