:root { --paper: #EFECE6; --card: #FFFFFF; --ink: #111111; --ink-rgb: 17, 17, 17; --ink-2: #2A2724; --muted: #5E5A55; --primary: #E50914; --pre: #B00A12; --font-display: 'Anton', 'Oswald', Impact, 'Arial Narrow', sans-serif-condensed, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper) url('/static/images/grain.svg') repeat; background-size: 240px 240px; color: var(--ink); font-family: 'Outfit', system-ui, sans-serif; }
a { color: var(--ink); } a:hover { color: var(--pre); }
.site-header { position: sticky; top: 0; z-index: 10; background: var(--paper); border-bottom: 1px solid rgba(var(--ink-rgb), 0.14); }
.site-header-inner { max-width: 1360px; margin: 0 auto; padding: 10px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 28px; }
.site-logo { font-family: var(--font-display); font-size: 28px; line-height: 1; letter-spacing: 0.5px; color: var(--ink); text-decoration: none; }
.site-logo span { color: var(--primary); }
.site-nav { display: flex; flex-wrap: wrap; gap: 0 22px; margin-left: auto; }
.site-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none; }
.container { max-width: 1360px; margin: 0 auto; padding: 36px 24px 72px; }
.back-btn { display: none; }
h1 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(30px, 7.5vw, 72px); line-height: 0.95; text-transform: uppercase; overflow-wrap: anywhere; hyphens: auto; }
.subtitle { margin-top: 12px; color: var(--muted); font-size: 14px; }
.info-card, .highlight-box { margin: 24px 0; padding: 18px 20px; background: var(--card); border: 1px solid rgba(var(--ink-rgb), 0.14); border-radius: 0; color: var(--ink-2); }
.legal-layout { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px 72px; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(var(--ink-rgb), 0.14); }
.legal-toc { flex: 1 1 240px; max-width: 320px; position: sticky; top: 84px; }
.legal-toc-title { font-size: 11px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.legal-toc ol { margin: 0; padding: 0; list-style: none; border-left: 1px solid rgba(var(--ink-rgb), 0.14); }
.legal-toc a { display: block; padding: 8px 0 8px 16px; font-size: 14px; color: var(--ink-2); text-decoration: none; }
.legal-toc a:hover { color: var(--pre); }
.legal-body { flex: 999 1 560px; min-width: 0; max-width: 760px; font-size: 16px; line-height: 1.7; color: var(--ink-2); overflow-wrap: anywhere; }
.legal-body h2 { margin: 44px 0 0; padding-top: 32px; border-top: 1px solid rgba(var(--ink-rgb), 0.12); font-family: var(--font-display); font-weight: 400; font-size: 28px; line-height: 1.1; text-transform: uppercase; color: var(--ink); scroll-margin-top: 80px; }
.legal-body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(var(--ink-rgb), 0.14); }
.nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
footer { margin-top: 24px; font-size: 13px; color: var(--muted); }
@media (max-width: 1023px) { .site-header { position: static; } .site-nav { margin-left: 0; width: 100%; } .legal-toc { position: static; max-width: none; } }
@media (max-width: 479px) { .site-header-inner, .container { padding-left: 16px; padding-right: 16px; } .site-nav { gap: 0 16px; } }
:root[data-theme="dark"] { --paper: #121212; --card: #1B1B1B; --ink: #F2F0EC; --ink-rgb: 242, 240, 236; --ink-2: #D2CEC7; --muted: #A9A49C; --pre: #FF7A7A; color-scheme: dark; }
:root[data-theme="dark"] body { background-blend-mode: normal; background-image: none; }