/* Halaman Kebijakan Privasi & Syarat Layanan. Dua bahasa dalam satu halaman; yang tampil mengikuti <html lang>. */
.legal { max-width: 760px; margin: 0 auto; padding: 56px 32px 40px; }
html[lang="en"] .lang-id { display: none !important; }
html:not([lang="en"]) .lang-en { display: none !important; }

.legal-head { margin-bottom: 28px; }
.legal-head h1 { font-family: var(--font-display); font-size: clamp(30px, 4.5vw, 44px); line-height: 1.1; margin: 0 0 10px; }
.legal-updated { margin: 0; font-family: var(--font-mono); font-size: 12.5px; color: var(--text-muted); }

.legal-sec { padding: 22px 0; border-top: 1px solid var(--grid-line); scroll-margin-top: 80px; }
.legal-sec h2 { font-family: var(--font-display); font-size: 20px; margin: 0 0 10px; }
.legal-sec p, .legal-sec li { color: var(--text-muted); font-size: 15px; line-height: 1.7; }
.legal-sec p { margin: 0 0 10px; }
.legal-sec ul { margin: 0 0 6px; padding-left: 20px; }
.legal-sec li { margin-bottom: 6px; }
.legal-sec strong { color: var(--text); font-weight: 600; }
.legal-sec a { color: var(--accent); }

.legal-status { margin: 10px 0 0; font-size: 14px; }
.legal-status.is-ok { color: var(--positive); }
.legal-status.is-error { color: var(--danger); }

@media (max-width: 860px) { .legal { padding: 36px 20px 28px; } }