.one-pager-document { --document-bg: 250 25% 98%; --document-ink: 240 6% 10%; --document-copy: 240 4% 36%; --document-line: 240 6% 88%; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: hsl(var(--document-ink)); background: hsl(var(--document-bg)); max-width: 880px; margin: 0 auto; padding: 32px 24px 56px; line-height: 1.75; overflow-wrap: anywhere; }
body:has(> .one-pager-document) { margin: 0; background: hsl(250 25% 98%); }
.one-pager-document * { box-sizing: border-box; }
.one-pager-document nav { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-bottom: 24px; border-bottom: 1px solid hsl(var(--document-line)); font-size: 14px; }
.one-pager-document header { padding: 32px 0 8px; }
.one-pager-document h1 { font-size: 32px; font-weight: 300; line-height: 1.25; margin: 16px 0; }
.one-pager-document h2 { font-size: 24px; font-weight: 400; line-height: 1.35; margin: 0 0 18px; }
.one-pager-document h3 { font-size: 17px; font-weight: 500; margin: 24px 0 8px; }
.one-pager-document p, .one-pager-document dd, .one-pager-document li { color: hsl(var(--document-copy)); }
.one-pager-document p { margin: 12px 0; }
.one-pager-document section { border-top: 1px solid hsl(var(--document-line)); margin-top: 32px; padding-top: 28px; scroll-margin-top: 24px; }
.one-pager-document a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.one-pager-document a:hover { text-decoration-thickness: 2px; }
.one-pager-document a:focus-visible { outline: 2px solid hsl(var(--document-ink)); outline-offset: 4px; }
.one-pager-document ul, .one-pager-document ol { padding-left: 22px; }
.one-pager-document li { margin: 8px 0; }
.one-pager-document dt { font-weight: 500; margin-top: 16px; }
.one-pager-document dd { margin: 4px 0 0; }
.one-pager-document footer { border-top: 1px solid hsl(var(--document-line)); margin-top: 36px; padding-top: 20px; font-size: 14px; }
.one-pager-document .document-label { font-size: 12px; }
@media (max-width: 600px) { .one-pager-document { padding: 24px 20px 40px; } .one-pager-document h1 { font-size: 28px; } }