/* Halaman kebijakan toko — dipakai bersama oleh semua halaman legal. */
:root{
  --paper:#E9ECF2; --card:#FFFFFF; --card2:#F4F6FA;
  --ink:#141822; --ink2:#525A6E; --ink3:#8A92A6;
  --line:#DCE0EA; --line2:#C3CAD9;
  --cobalt:#1F3BD8; --cobalt-ink:#1730AE; --cobalt-soft:#E6EAFD;
  --brass:#8C5A0C; --brass-soft:#F7EDD9;
  --shadow-s:0 1px 2px rgba(20,24,34,.06);
  --r:14px; --rs:9px;
  --display:'Archivo','Arial Narrow',Helvetica,sans-serif;
  --body:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0D1016; --card:#161A23; --card2:#1D222D;
    --ink:#E7EAF2; --ink2:#98A1B5; --ink3:#6B7488;
    --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.17);
    --cobalt:#7B92FF; --cobalt-ink:#9DAEFF; --cobalt-soft:rgba(123,146,255,.14);
    --brass:#E2A755; --brass-soft:rgba(226,167,85,.14);
    --shadow-s:0 1px 2px rgba(0,0,0,.4);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15.5px;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
a{color:var(--cobalt-ink)}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:4px}

.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{max-width:760px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mark{width:29px;height:29px;border-radius:8px;background:var(--ink);color:var(--paper);display:grid;place-items:center;
  font-family:var(--display);font-weight:800;font-size:14px;flex:none}
.top strong{font-family:var(--display);font-size:15px;letter-spacing:-.03em}
.top nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
.top nav a{color:var(--ink2);text-decoration:none}
.top nav a:hover,.top nav a[aria-current="page"]{color:var(--ink);text-decoration:underline}

header.page{padding:34px 0 22px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin:0 0 8px}
header.page h1{font-size:clamp(25px,4.6vw,36px);font-weight:900}
header.page p{color:var(--ink2);margin:10px 0 0}
main{padding:8px 0 56px}
main h2{font-size:19px;font-weight:800;margin:30px 0 0}
main h3{font-size:15.5px;font-weight:700;margin:20px 0 0}
main p{margin:10px 0 0;color:var(--ink2)}
main strong{color:var(--ink);font-weight:600}
main ul{margin:10px 0 0;padding-left:20px;color:var(--ink2)}
main li{margin-bottom:6px}
main li strong{color:var(--ink)}
mark{background:var(--brass-soft);color:var(--brass);font-family:var(--mono);font-size:.86em;padding:1px 6px;border-radius:4px;font-weight:600}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-top:18px;box-shadow:var(--shadow-s)}
.box h3{margin-top:0}
table.info{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px}
table.info th,table.info td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.info th{color:var(--ink3);font-weight:500;width:36%;font-size:13.5px}
footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--ink3);font-size:13px}
footer a{color:var(--ink2)}
footer .row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}