/* =====================================================================
   dokumen.css — tata letak halaman dokumen (/privasi, /syarat)
   =====================================================================
   Dibuat 20 September 2026. Google meminta tautan kebijakan privasi dan
   ketentuan layanan sebelum aplikasi OAuth boleh dipublikasikan.

   Halaman ini DIBACA, bukan dioperasikan - jadi ia tidak memakai kartu
   neumorfis seperti halaman masuk. Yang diutamakan: lebar baris yang
   nyaman dibaca, hierarki judul yang jelas, dan cukup ruang antar bagian.

   Warna, huruf, dan aksen diambil dari dfx.css lewat variabel yang sama;
   tidak ada satu pun warna yang ditulis ulang di sini.
   ===================================================================== */

.dok{
  max-width:74ch;                /* ±70 aksara per baris: batas nyaman baca */
  margin:0 auto;
  padding:clamp(22px,4vw,54px) clamp(18px,4vw,34px) 90px;
}

.dok-kepala{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;padding-block:6px 26px;border-bottom:1px solid var(--terang);
  margin-bottom:34px;
}
.dok-logo{display:inline-flex;align-items:center;gap:10px;color:var(--t1);text-decoration:none}
.dok-logo img{height:26px;width:auto;display:block}
.dok-logo b{font-weight:700;letter-spacing:.04em}
.dok-logo span{
  font-size:10px;letter-spacing:.3em;color:var(--aksen);
  padding-left:10px;border-left:1px solid var(--terang);
}
.dok-balik{color:var(--t2);text-decoration:none;font-size:13.5px;padding:8px 2px}
.dok-balik:hover{color:var(--aksen)}

.dok h1{
  font-size:clamp(25px,3.4vw,33px);line-height:1.2;margin:0 0 10px;color:var(--t1);
  letter-spacing:-.01em;
}
.dok .tgl{color:var(--t3);font-size:13px;margin:0 0 34px}

.dok h2{
  font-size:clamp(17px,2vw,19.5px);line-height:1.3;margin:42px 0 12px;color:var(--t1);
  padding-top:18px;border-top:1px solid var(--terang);
}
.dok h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.dok h3{font-size:15px;margin:26px 0 8px;color:var(--t1)}

.dok p,.dok li{color:var(--t2);font-size:15px;line-height:1.75}
.dok p{margin:0 0 14px}
.dok ul,.dok ol{margin:0 0 16px;padding-left:22px}
.dok li{margin-bottom:8px}
.dok li::marker{color:var(--t3)}
.dok strong{color:var(--t1);font-weight:600}
.dok a{color:var(--aksen)}
.dok a:hover{color:var(--aksen-2)}
.dok code{
  font-family:'JetBrains Mono','Consolas',monospace;font-size:13px;
  background:var(--cekung);border:1px solid var(--terang);border-radius:5px;padding:1px 6px;color:var(--t1);
}

/* Tabel "data apa, untuk apa, berapa lama" - inti dari kebijakan privasi
   yang jujur. Digulir sendiri di layar sempit supaya halaman tidak ikut
   bergeser ke samping. */
.dok-tabel{overflow-x:auto;margin:0 0 20px}
.dok table{border-collapse:collapse;width:100%;min-width:430px}
.dok th,.dok td{
  text-align:left;vertical-align:top;padding:10px 12px;font-size:13.5px;
  border-bottom:1px solid var(--terang);line-height:1.6;
}
.dok th{color:var(--t1);font-weight:600;white-space:nowrap}
.dok td{color:var(--t2)}
.dok tbody tr:last-child td{border-bottom:0}

/* Kotak sorot untuk kalimat yang paling penting dibaca orang */
.dok-tegas{
  border:1px solid var(--terang);border-left:3px solid var(--aksen);
  background:var(--cekung);border-radius:9px;padding:15px 17px;margin:0 0 20px;
}
.dok-tegas p:last-child{margin-bottom:0}

.dok-kaki{
  margin-top:52px;padding-top:20px;border-top:1px solid var(--terang);
  color:var(--t3);font-size:12.5px;line-height:1.7;
}
.dok-kaki a{color:var(--t2)}
.dok-kaki a:hover{color:var(--aksen)}