:root { color-scheme: dark; --ink: #050506; --paper: #f6f2e9; --brass: #a9874c; --muted: #c9c4b9; --line: rgba(246,242,233,.2); }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--ink); color: var(--paper); font: 400 1rem/1.65 Georgia, 'Times New Roman', serif; }
.legal-page { width: min(100% - 2rem, 50rem); margin: 0 auto; padding: clamp(1rem, 4vw, 3rem) 0 3rem; }
.legal-header, section { border-bottom: 1px solid var(--line); padding: 1.5rem 0; }
.eyebrow, .version { color: var(--muted); font: 700 .75rem/1.5 Arial, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.version { font-weight: 400; letter-spacing: .04em; text-transform: none; }
h1, h2, h3 { color: var(--paper); line-height: 1.15; }
h1 { max-width: 14ch; font-size: clamp(2.1rem, 7vw, 4.4rem); margin: .3rem 0 1rem; }
h2 { font-size: clamp(1.5rem, 4vw, 2.15rem); margin: .2rem 0 1rem; }
h3 { font: 700 .88rem/1.4 Arial, sans-serif; letter-spacing: .06em; margin: 1.5rem 0 .4rem; text-transform: uppercase; }
p, li { max-width: 72ch; }
ul { padding-left: 1.25rem; }
a { color: var(--paper); text-decoration-color: var(--brass); text-underline-offset: .2em; }
a:hover { color: var(--brass); }
a:focus-visible { outline: 3px solid var(--brass); outline-offset: 3px; }
nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1.5rem; }
nav a, footer a { display: inline-flex; align-items: center; min-height: 44px; padding: .35rem 0; font-family: Arial, sans-serif; }
code { color: var(--paper); font: .9em ui-monospace, Consolas, monospace; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.5rem 0 0; color: var(--muted); font: .8rem/1.5 Arial, sans-serif; }
@media (max-width: 480px) { .legal-page { width: min(100% - 1.25rem, 50rem); } footer { display: grid; } }