/* ============================================================
   LEGAL PAGES — privacy policy, cookie policy, terms
   ============================================================ */

.legal-hero {
    padding-block: var(--sp-7);
    background: var(--bg-sunken);
}
.legal-hero h1 { max-width: 24ch; }
.legal-updated { color: var(--text-muted); font-size: var(--fs-300); margin-top: var(--sp-3); }

.legal-content { padding-block: var(--sp-7); }
.legal-content h2 {
    font-size: var(--fs-600);
    margin: var(--sp-6) 0 var(--sp-3);
}
.legal-content h2:first-child { margin-top: 0; }
.legal-content h3 { font-size: var(--fs-500); margin: var(--sp-5) 0 var(--sp-2); }
.legal-content p, .legal-content li {
    color: var(--text-muted);
    margin-bottom: var(--sp-3);
}
.legal-content ul {
    list-style: disc;
    padding-left: 1.4rem;
    margin-bottom: var(--sp-4);
}
.legal-content li { margin-bottom: var(--sp-2); }
.legal-content a { text-decoration: underline; }

.legal-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--sp-5);
    font-size: var(--fs-300);
}
.legal-content th, .legal-content td {
    text-align: left;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--line);
    vertical-align: top;
}
.legal-content th { background: var(--bg-sunken); color: var(--text); }
.legal-content td { color: var(--text-muted); }

@media (max-width: 600px) {
    .legal-content table, .legal-content thead, .legal-content tbody,
    .legal-content th, .legal-content td, .legal-content tr { display: block; }
    .legal-content thead { display: none; }
    .legal-content td { border-top: 0; }
    .legal-content tr { margin-bottom: var(--sp-3); border-top: 1px solid var(--line); }
    .legal-content td::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: var(--text);
        margin-bottom: 0.2rem;
    }
}