.legal-page {
    min-height: calc(100dvh - 36px);
    display: grid;
    place-items: center;
}
.legal-container,
.legal-content {
    width: min(860px, 100%);
    padding: clamp(24px, 5vw, 52px);
    background: var(--surface-raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
}
.legal-container h1, .legal-content h1 { margin-bottom: 20px; }
.legal-container h2, .legal-content h2 { margin: 28px 0 10px; font-size: 1.25rem; }
.legal-container p, .legal-container li, .legal-content p, .legal-content li { color: var(--text-soft); line-height: 1.75; }
.legal-container a, .legal-content a { font-weight: 700; }
@media (max-width: 700px) {
    .legal-container, .legal-content { min-height: 100dvh; border: 0; border-radius: 0; }
}