/* Shared shell for the public legal pages.
   ⛔ Deliberately NOT a copy of kafa_boost/website's inline <style>: that page
   also carries a Meta Pixel with kafa_boost's OWN pixel id, and a copied
   analytics id is invisible to every product-name sweep. There is no tracker
   on these pages at all. */
:root{
  /* B1 "Emas Penuh", the app's own surface. See lib/app/theme.dart. */
  --gold:#B8860B; --deep:#3A2E12; --ink:#241C08;
  --muted:#5C5340; --bg:#FDFBF4; --card:#FFFFFF; --border:#E8DFC8;

  /* ⛔ A SEPARATE TOKEN FOR LINK TEXT, BECAUSE --gold IS A FILL, NOT AN INK.
     #B8860B measures 3.14:1 on --bg and 3.25:1 on --card: fine for a rule or
     an icon, UNDER AA for the body-size links it was being used for (every
     mailto on the privacy page). Solved by holding hue 42.7deg and saturation
     89% and walking lightness 38.2% -> 31.2%, against --bg, which is the
     HARDER of the two grounds (4.52:1) even though it is the darker one.
     Measured, not eyeballed. */
  --link:#966D09;
}
@media (prefers-color-scheme: dark){
  :root{--ink:#F4EFE2; --muted:#B5AC96; --bg:#171310; --card:#211B15; --border:#3A3128;
    /* On the dark grounds the ORIGINAL gold already clears AA (5.68:1 on --bg,
       5.24:1 on --card), and the light-mode ink would be too dim there. */
    --link:#B8860B}
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--link)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{padding:20px 0;border-bottom:1px solid var(--border)}
header .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header img{width:36px;height:36px;border-radius:9px}
header a.brand{font-weight:700;text-decoration:none;color:var(--ink);font-size:1.05rem}
header nav{margin-left:auto;display:flex;gap:16px;font-size:.9rem}
header nav a{text-decoration:none;color:var(--muted)}
main{padding:40px 0 64px}
h1{font-size:1.7rem;margin-bottom:6px}
.updated{color:var(--muted);font-size:.9rem;margin-bottom:28px}
section{margin-bottom:26px}
h2{font-size:1.12rem;margin-bottom:8px}
ul{margin:8px 0 0 20px}
li{margin-bottom:6px}
.card{background:var(--card);border:1px solid var(--border);
  border-radius:14px;padding:18px 20px;margin-bottom:12px}
footer{border-top:1px solid var(--border);padding:24px 0 40px;
  color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--muted)}