/* Halaman Kebijakan Privasi & Ketentuan Layanan (privacy.html, terms.html) */
body.legal-body {
    background: radial-gradient(ellipse at center, #3a3a3a 0%, #1e1e1e 100%) !important;
    color: #e8e8e8;
    margin: 0;
    align-content: start;   /* main.css menjadikan body grid */
}
/* div, bukan <main>: asset/main.css memberi gaya flex ke semua <main> */
.legal-page {
    width: 100%;
    max-width: 820px;
    margin: 24px auto;
    padding: 0 16px 24px;
    box-sizing: border-box;
    line-height: 1.65;
}
.legal-page h1 { margin: 0 0 4px; font-size: 26px; }
.legal-page .updated { color: #999; font-size: 13px; margin: 0 0 18px; }
.legal-card {
    background: #2b2b2b;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 18px 22px;
    margin-bottom: 14px;
}
.legal-card h2 { margin: 0 0 8px; font-size: 17px; color: #fff; }
.legal-card p { margin: 0 0 10px; color: #d4d4d4; font-size: 15px; }
.legal-card p:last-child { margin-bottom: 0; }
.legal-card ul { margin: 0 0 10px; padding-left: 20px; color: #d4d4d4; font-size: 15px; }
.legal-card li { margin-bottom: 4px; }
.legal-card strong { color: #fff; }
.legal-page a { color: #38bdf8; }
.legal-summary { border-color: #2e7d32; background: #1f2a1f; }
.legal-footer { text-align: center; color: #888; font-size: 13px; margin-top: 18px; }
.legal-footer a { color: #aaa; }
@media (max-width: 480px) {
    .legal-page { margin: 12px auto; padding: 0 10px 16px; }
    .legal-card { padding: 14px 16px; }
}