/* ============================================================
   skorika.com — css/page/privacy-center.css
   Gaya khas /privacy-center.html.
   Dulu ditulis di dalam <style> halaman; dipindah 13 Agu 2026
   ke posisi yang sama persis, jadi urutan cascade tidak bergeser.
   50 aturan.
   ============================================================ */

/* ============================================================
   skorika.com — css/page/privacy-center.css
   Gaya khas /privacy-center.html.
   Dulu ditulis di dalam <style> halaman; dipindah 13 Agu 2026
   ke posisi yang sama persis, jadi urutan cascade tidak bergeser.
   50 aturan.
   ============================================================ */
/* ============================================================
   PREVIEW — Privacy Center.
   Susunan bagian mengikuti acuan wayground.com/home/privacy-center:
   hero > komitmen > tiga prinsip > blok per jenis pengguna > FAQ >
   tautan Help Center.
   Naskahnya TIDAK disalin dari acuan. Isinya diambil dari
   public_html/privacy.html milik Skorika sendiri supaya tidak ada
   klaim yang tidak benar. Lihat catatan di akhir berkas.
   Token warna/radius/font disalin dari public_html/index.html.
   ============================================================ */
*{box-sizing:border-box}
body{margin:0;background:var(--plum);color:var(--cream);
  font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55;
  overflow-x:hidden;-webkit-font-smoothing:antialiased}
.brand{display:inline-flex;align-items:center;gap:9px;
  font-weight:900;font-size:22px;letter-spacing:-.015em}
.wrap{width:100%;max-width:960px;margin:0 auto;padding:0 clamp(18px,5vw,28px)}
.top{background:var(--header);border-bottom:1px solid var(--line)}
.hero{padding:clamp(54px,9vw,94px) 0 clamp(28px,4vw,44px)}
.hero h1{font-size:clamp(40px,8vw,74px);font-weight:900;letter-spacing:-.03em;line-height:1.03}
.hero p{margin-top:20px;max-width:660px;font-size:clamp(17px,2.2vw,21px);color:var(--cream-dim)}
.sec{padding:clamp(34px,5vw,58px) 0}
.sec .sub{margin-top:14px;max-width:700px;font-size:17px;color:var(--cream-dim)}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px;margin-top:32px}
.pcard{background:var(--plum-3);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.pnum{font-size:13px;letter-spacing:.16em;color:var(--peach);margin-bottom:12px}
.pcard h3{font-size:20px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px}
.pcard p{font-size:15px;color:var(--cream-dim)}
.aud{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:32px}
.acard{background:var(--plum-3);border:1px solid var(--line);border-radius:var(--r);padding:26px;
  display:flex;flex-direction:column}
.acard h3{font-size:20px;font-weight:800;letter-spacing:-.015em;margin-bottom:10px}
.acard p{font-size:15px;color:var(--cream-dim);flex:1}
.acard a.more{margin-top:18px;font-size:15px;color:var(--pink);text-decoration:underline}
.faq{margin-top:30px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
  font-size:18px;font-weight:600;letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:17px;font-size:26px;font-weight:400;color:var(--peach)}
details[open] summary::after{content:"–"}
details p{padding:0 0 22px;max-width:760px;font-size:16px;color:var(--cream-dim)}
details p + p{padding-top:0;margin-top:-8px}
.ribbon-in{padding:clamp(40px,6vw,60px) 0;display:grid;gap:22px;
  grid-template-columns:1.35fr 1fr;align-items:start}
.ribbon h2{font-size:clamp(26px,4vw,36px);font-weight:900;letter-spacing:-.025em}
.foot{background:var(--header);border-top:1px solid var(--line)}
.foot-tag{margin-top:12px;font-size:15px;color:var(--cream-dim2);max-width:280px}
.foot-col{display:grid;gap:11px;font-size:15px;color:var(--cream-dim)}
.foot-base{margin-top:38px;padding:18px 0 30px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:14px;color:var(--cream-dim2)}