.legal-page { padding: clamp(76px, 9vw, 132px) 0; background: var(--color-surface-soft); }
.legal-layout { max-width: 900px; }
.legal-document { padding: clamp(28px, 6vw, 72px); border: 1px solid var(--color-border); border-radius: 28px; background: var(--color-surface); box-shadow: var(--shadow-soft); }
.legal-document h1 { max-width: 760px; font-size: clamp(2.5rem, 6vw, 4.8rem); }
.legal-version { color: var(--color-muted); font-size: .9rem; }
.legal-content { max-width: 760px; }
.legal-content h2 { padding-top: 1.4em; font-size: clamp(1.45rem, 3vw, 2rem); }
.legal-content p, .legal-content li { color: var(--color-muted); }
.legal-content strong { color: var(--color-ink); }
@media (max-width: 620px) { .legal-document { border-radius: 20px; } }