.legal-page { width: min(760px, calc(100% - 48px)); margin: 48px auto 80px; padding: 32px; background: var(--bg); border: 1px solid #52544e; border-radius: 12px; line-height: 1.75; overflow-wrap: anywhere; }
.legal-page h1 { white-space: normal; max-width: none; font-size: clamp(30px, 5vw, 40px); }
.legal-page h2 { margin-top: 32px; font-size: 21px; }
.legal-page p, .legal-page ul, .legal-page ol { margin-top: 16px; }
.legal-page a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.legal-page nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; }
.legal-page li + li { margin-top: 8px; }
.legal-page .updated { color: var(--secondary); font-size: 13px; }
.legal-page .summary { padding: 16px 20px; background: var(--surface); border-radius: 6px; }
.pattern-scroll { animation: none; }
@media(max-width: 600px) { .legal-page { margin-top: 24px; padding: 24px 20px; } }