:root { --night: #190e11; --paper: #f4eadb; --muted: #c0aca0; --fire: #edaa6f; --line: #4b3633; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--night); color: var(--paper); font: 17px/1.65 Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
.doc { max-width: 720px; margin: 0 auto; padding: 48px 16px 80px; }
a { color: var(--fire); }
a:hover { color: #ffcd99; }
a:focus-visible { outline: 2px solid var(--fire); outline-offset: 4px; }
.back { margin: 0 0 32px; font-size: 14px; letter-spacing: .04em; }
.back a { color: var(--muted); text-decoration: none; }
h1 { margin: 0; font: 400 clamp(40px, 7vw, 64px)/1.05 Georgia, serif; letter-spacing: -.03em; }
h2 { margin: 40px 0 10px; padding-top: 24px; border-top: 1px solid var(--line); font: 400 26px/1.2 Georgia, serif; }
.updated { margin: 12px 0 0; color: var(--muted); font-size: 14px; }
p, ul { margin: 0 0 14px; }
ul { padding-left: 22px; }
li { margin-bottom: 8px; }
strong { color: #fff; }