/* =========================================================
   Ever — Halaman Legal (Privacy Policy, Delete Account, dst)
   Pakai token warna/font yang sama dengan style.css utama.
   ========================================================= */

.legal-hero{
    padding: 64px 0 32px;
    background: var(--mist);
    border-bottom: 1px solid var(--line);
}
.legal-hero .eyebrow{ margin-bottom: 10px; }
.legal-hero h1{ font-size: clamp(1.8rem, 3.5vw, 2.4rem); }
.legal-updated{ color: var(--ink-soft); font-size: .9rem; margin-top: 8px; }

.legal-body{
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 24px 96px;
}
.legal-body h2{
    font-size: 1.2rem;
    color: var(--blue);
    margin-top: 40px;
    margin-bottom: 12px;
}
.legal-body h2:first-child{ margin-top: 0; }
.legal-body p{ margin-bottom: 14px; }
.legal-body ul, .legal-body ol{
    padding-left: 22px;
    margin-bottom: 14px;
    color: var(--ink-soft);
}
.legal-body li{ margin-bottom: 8px; line-height: 1.6; }
.legal-body a{ color: var(--blue); text-decoration: underline; }
.legal-body strong{ color: var(--ink); }

.legal-table{
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 24px;
    font-size: .92rem;
}
.legal-table th, .legal-table td{
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
}
.legal-table th{
    background: var(--mist);
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--ink);
}
.legal-table td{ color: var(--ink-soft); }

.legal-box{
    background: var(--blue-soft);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    padding: 20px 22px;
    margin: 20px 0;
}
.legal-box p{ margin: 0; }
.legal-box .btn{ margin-top: 12px; }

.legal-table-wrap{
    overflow-x: auto;
    margin: 16px 0 24px;
}