:root {
    color-scheme: dark;
    --legal-bg: #07111f;
    --legal-panel: #0f1d2d;
    --legal-text: #edf3f8;
    --legal-muted: #a7b5c4;
    --legal-gold: #d7b665;
}

body.legal-page {
    margin: 0;
    background: radial-gradient(circle at top, #142a43, var(--legal-bg) 48%);
    color: var(--legal-text);
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    line-height: 1.65;
}

.legal-shell {
    width: min(880px, calc(100% - 40px));
    margin: 0 auto;
    padding: 56px 0 80px;
}

.legal-back,
.legal-page a { color: var(--legal-gold); }
.legal-back { display: inline-block; margin-bottom: 32px; text-decoration: none; }
.legal-header { border-bottom: 1px solid rgba(215, 182, 101, .28); padding-bottom: 28px; }
.legal-header h1 { margin: 8px 0; font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.05; }
.legal-header p,
.legal-updated { color: var(--legal-muted); }
.legal-content { margin-top: 28px; padding: clamp(22px, 5vw, 48px); background: rgba(15, 29, 45, .88); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; }
.legal-content h2 { margin-top: 32px; color: #fff1bd; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content li + li { margin-top: 8px; }
.legal-note { padding: 16px 18px; border-left: 3px solid var(--legal-gold); background: rgba(215, 182, 101, .08); }