/* =========================================================
   PITR, halaman legal (Kebijakan Privasi, Hapus Akun).
   Memakai token warna dan font yang sama dengan style.css.
   ========================================================= */

.legal-hero{
    padding: 60px 0 32px;
    background: var(--mist);
    border-bottom: 1px solid var(--line);
}
.legal-hero .eyebrow{ margin-bottom: 10px; }
.legal-hero h1{ font-size: clamp(1.6rem, 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: 46px 24px 92px;
}
.legal-body h2{
    font-size: 1.18rem;
    color: var(--hijau-deep);
    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(--hijau-deep); text-decoration: underline; overflow-wrap: anywhere; }
.legal-body strong{ color: var(--ink); }

/* Tabel dibungkus wadah yang bisa digeser sendiri, supaya halaman tidak
   pernah ikut menggeser ke samping di layar 320px. */
.legal-table-wrap{
    overflow-x: auto;
    margin: 16px 0 24px;
    -webkit-overflow-scrolling: touch;
}
.legal-table{
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    font-size: .9rem;
}
.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(--hijau-soft);
    border: 1px solid #C4E9D6;
    border-radius: var(--radius-sm);
    padding: 20px 22px;
    margin: 22px 0;
}
.legal-box p{ margin: 0; }
.legal-box .btn{ margin-top: 14px; }

/* Kotak peringatan untuk hal yang punya akibat tidak terlihat, misalnya
   data yang tetap disimpan setelah akun dihapus (CLAUDE.md 0b). */
.legal-warn{
    background: #FFF9E6;
    border: 1px solid #F2E0A8;
    border-radius: var(--radius-sm);
    padding: 20px 22px;
    margin: 22px 0;
}
.legal-warn h3{
    font-size: 1rem;
    color: #6B5310;
    margin-bottom: 8px;
}
.legal-warn p, .legal-warn li{ color: #6B5310; }
.legal-warn p:last-child, .legal-warn ul:last-child{ margin-bottom: 0; }