:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.legal-app { padding-top: 24px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 28px; font-size: 15px; }
.legal-nav a { color: var(--product-muted); text-decoration: none; }
.legal-nav a:first-child { color: var(--product-text); font-weight: 700; }
.legal-nav a:hover { color: var(--product-text); text-decoration: underline; text-underline-offset: 3px; }
.legal-updated { color: var(--product-muted); font-size: 14px; margin: -20px 0 24px; }
.legal-text h2 { font-size: 18px; margin: 22px 0 8px; }
.legal-text h2:first-child { margin-top: 0; }
.legal-text p { max-width: 70ch; }
.legal-text a, .legal-footer a { color: var(--product-text); text-decoration: underline; text-underline-offset: 3px; }
.legal-price { color: var(--product-text) !important; font-size: 30px !important; font-weight: 750; margin: 0 0 10px !important; }
.legal-price span { font-size: 16px; font-weight: 500; color: var(--product-muted); }
.legal-featured { border-color: var(--product-accent); }
.legal-footer { margin-top: 32px; color: var(--product-muted); font-size: 14px; }
.legal-footer p { margin: 0 0 6px; }
.auth-footer { margin: 28px auto 0; width: min(880px, calc(100% - 32px)); text-align: center; color: #8b8b96; font-size: 14px; }
.auth-footer p { margin: 0 0 8px; max-width: 72ch; margin-left: auto; margin-right: auto; }
.auth-footer a { color: #d9d9e0; text-decoration: underline; text-underline-offset: 3px; margin: 0 8px; }
.auth-brand { display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 700; font-size: 18px; color: #f2f2f4; margin-bottom: 14px; }
.legal-nav a:first-child { display: inline-flex; align-items: center; gap: 8px; }
.legal-nav a:first-child img { width: 22px; height: 22px; }