/* Gaya halaman Privasi dan Syarat (statis, tanpa skrip). Warna sama dengan aplikasi; mengikuti mode terang/gelap perangkat. */
:root{--paper:#F6F4EC;--card:#FFFFFF;--ink:#1D2A25;--muted:#5F6D66;--line:#E2DFD2;--brand:#0F6B57;--hero:#0C3F34;--hero-ink:#FFFFFF;--kunyit:#7A5000;--kunyit-bg:#FFEFC7;--kunyit-garis:#E6C36A;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#111A17;--card:#1A2622;--ink:#EAF1ED;--muted:#A3B5AC;--line:#2C3C36;--brand:#5FD3AB;--hero:#16372E;--hero-ink:#F1FAF6;--kunyit:#F2C15F;--kunyit-bg:#3A2F15;--kunyit-garis:#6B5420}}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--paper);color:var(--ink);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
body{overflow-wrap:anywhere}
a{color:var(--brand);text-underline-offset:2px}
:focus-visible{outline:3px solid var(--kunyit);outline-offset:2px}
.draf{background:var(--kunyit-bg);color:var(--kunyit);border-bottom:2px solid var(--kunyit-garis);padding:12px 16px;font-weight:700;font-size:15px;text-align:center}
.atas{background:var(--hero);color:var(--hero-ink);padding:14px 16px}
.atas .isi{max-width:40rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.atas a{color:var(--hero-ink);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.atas nav{display:flex;gap:16px;flex-wrap:wrap}
.atas nav a{font-weight:600;font-size:15px;text-decoration:underline}
main{max-width:40rem;margin:0 auto;padding:24px 16px 56px}
h1{font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
h2{font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;font-size:20px;line-height:1.25;font-weight:700;margin:32px 0 8px;scroll-margin-top:12px}
h3{font-size:16px;margin:16px 0 4px}
p,ul,ol,dl{margin:0 0 12px}
ul,ol{padding-left:22px}li{margin-bottom:6px}
.muted{color:var(--muted)}.kecil{font-size:14px}
.ringkas{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:16px 0}
.ringkas ul{margin:8px 0 0}
.catatan-draf{background:var(--card);border:1px dashed var(--kunyit-garis);border-radius:14px;padding:14px 16px;margin:16px 0;font-size:15px}
.catatan-draf h2{font-size:16px;margin:0 0 6px}
.daftar-isi{margin:12px 0 0;padding-left:20px;font-size:15px}
dl{border-top:1px solid var(--line)}
dt{font-weight:700;padding-top:10px}
dd{padding:2px 0 10px;border-bottom:1px solid var(--line);color:var(--ink)}
mark.belum{background:var(--kunyit-bg);color:var(--kunyit);padding:0 4px;border-radius:4px}
footer{max-width:40rem;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:14px}
@media print{.atas nav{display:none}}