:root { --legal-max: 720px; --legal-muted: #64748b; --legal-border: #e2e8f0; }
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, system-ui, sans-serif; line-height: 1.65; color: #0f172a; background: #f8fafc; }
.legal-shell { max-width: var(--legal-max); margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.legal-back { display: inline-block; margin-bottom: 1.5rem; color: #2563eb; text-decoration: none; font-weight: 600; }
.legal-back:hover { text-decoration: underline; }
.legal-brand { font-size: .85rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--legal-muted); margin-bottom: .35rem; }
h1 { font-size: 1.85rem; line-height: 1.2; margin: 0 0 .75rem; }
.legal-updated { color: var(--legal-muted); font-size: .9rem; margin-bottom: 1.75rem; }
h2 { font-size: 1.1rem; margin: 1.75rem 0 .5rem; }
p, li { font-size: .98rem; }
ul { padding-left: 1.25rem; }
.legal-nav { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--legal-border); font-size: .9rem; }
.legal-nav a { color: #2563eb; text-decoration: none; }
.legal-nav a:hover { text-decoration: underline; }