:root { --black:#000; --steel:#2e2e2e; --ash:#8a8a8a; --silver:#c4c4c4; --bone:#f2f2f0; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--black); color: var(--silver); font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--bone); text-underline-offset: 4px; }
a:focus-visible { outline: 2px solid var(--bone); outline-offset: 3px; }
.doc { max-width: 680px; margin: 0 auto; padding: 32px 16px 80px; }
.back { display: inline-block; margin-bottom: 56px; font-weight: 700; font-variation-settings: "wdth" 80; text-decoration: none; }
h1 { color: var(--bone); font-variation-settings: "wdth" 62; font-weight: 800; font-size: clamp(44px, 9vw, 72px); line-height: 0.9; text-transform: uppercase; }
.updated { margin-top: 12px; color: var(--ash); font-size: 15px; margin-bottom: 40px; }
h2 { color: var(--bone); font-size: 20px; font-weight: 700; margin-top: 36px; margin-bottom: 8px; }
p + p { margin-top: 12px; }
ul { padding-left: 20px; }
li + li { margin-top: 6px; }