/* ══════════════════════════════════════════════════════════════════════
   GAYA LIMA HALAMAN PUBLIK NAEHONGO
   /faq · /syarat · /refund · /privasi · /kontak
   ══════════════════════════════════════════════════════════════════════

   SATU STYLESHEET UNTUK KELIMANYA, dan itu bukan penghematan berkas.
   Sebelum ini tiap halaman membawa <style> sendiri di dalam <head>-nya,
   dan lima salinan aturan yang sama adalah lima tempat yang akan berbeda
   diam-diam begitu salah satunya disentuh. Spesifikasi menyebutnya
   "agar drift berhenti".

   TIDAK memuat style.css maupun relayout.css. Halaman publik berdiri
   sendiri: ia harus tetap terbaca walaupun aplikasinya gagal dimuat, dan
   satu-satunya cara memastikan itu adalah tidak bergantung padanya.

   Angka-angka di sini berasal dari SPESIFIKASI-FOOTER-DAN-5-HALAMAN-
   PUBLIK-ULTRA-DETAIL.md bagian 2-5 dan dari pratinjaunya. Kalau ada yang
   perlu diubah, ubah di sana dulu.
   ══════════════════════════════════════════════════════════════════════ */

:root{
      --bg:#f7f3ea;--bg2:#efe8da;--paper:#fffdf9;--surface:#fff;--line:#dfd5c3;
      --line2:#cfc2ad;--ink:#2d2b28;--ink2:#514b43;--muted:#756c60;
      --sage:#4f7249;--sage2:#3c5938;--sageSoft:#e2ebdf;--pink:#b95a72;
      --pink2:#8f4056;--pinkSoft:#f7e5e9;--gold:#9b6b1d;--goldSoft:#f7ecd7;
      --blue:#416f92;--blueSoft:#e6eff4;--footer:#2f4430;
      --shadow:0 1px 2px rgba(78,63,44,.04),0 8px 26px rgba(78,63,44,.06);
      --shadowHero:0 1px 2px rgba(78,63,44,.04),0 14px 40px rgba(78,63,44,.075);
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 0,rgba(143,174,137,.12),transparent 31rem),radial-gradient(circle at 100% 4%,rgba(225,136,155,.09),transparent 28rem),var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}
    button,input{font:inherit}a{color:var(--sage2)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(79,114,73,.3);outline-offset:3px}.skip{position:fixed;left:12px;top:-60px;z-index:1000;padding:10px 14px;border-radius:9px;color:#fff;background:var(--sage2)}.skip:focus{top:12px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.read-shell{width:min(940px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}
    
    /*KEPALA-MULAI*/.beta{padding:7px 0;color:#fff;background:var(--sage2);font-size:11px}.beta .shell{display:flex;align-items:center;gap:10px}.beta b{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.14);white-space:nowrap}.beta span{opacity:.88}
    .sitehead{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(207,194,173,.58);background:rgba(247,243,234,.92);backdrop-filter:blur(14px)}.headin{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-family:Quicksand,Inter,sans-serif;font-size:21px;font-weight:750;letter-spacing:-.035em}.brand img{width:32px;height:32px;object-fit:contain}.brand i{color:#dc7f94;font-style:normal}.topnav{display:flex;align-items:center;justify-content:flex-end;gap:5px}.topnav a,.help-trigger{min-height:40px;display:flex;align-items:center;padding:8px 11px;border:0;border-radius:9px;color:var(--muted);background:transparent;text-decoration:none;font-size:12px;font-weight:700}.topnav a:hover,.help-trigger:hover,.help-trigger.on{color:var(--sage2);background:var(--sageSoft)}.headactions{display:flex;align-items:center;gap:8px}.login{padding:9px;color:var(--sage2);font-size:12px;font-weight:750;text-decoration:none}.primary{min-height:42px;padding:9px 16px;border:1px solid var(--sage);border-radius:11px;color:#fff;background:var(--sage);font-size:12px;font-weight:800;text-decoration:none}.primary:hover{background:var(--sage2)}.menubtn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}
    /*KEPALA-SELESAI*/.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin:34px 0 20px;padding:34px 38px;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,249,.96);box-shadow:var(--shadowHero)}.hero:after{content:"";position:absolute;right:-108px;top:-116px;width:250px;height:250px;border:38px solid rgba(79,114,73,.06);border-radius:50%}.hero.gold:after{border-color:rgba(155,107,29,.07)}.hero.pink:after{border-color:rgba(185,90,114,.07)}.hero.blue:after{border-color:rgba(65,111,146,.07)}.eyebrow{margin-bottom:9px;color:var(--sage2);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.gold .eyebrow{color:var(--gold)}.pink .eyebrow{color:var(--pink2)}.blue .eyebrow{color:var(--blue)}h1{max-width:740px;margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.06;letter-spacing:-.045em}.legal-page h1{font-size:clamp(33px,4vw,48px)}.lead{max-width:680px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.pill{display:inline-flex;min-height:28px;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--bg);font-size:10px;font-weight:750}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.softbtn{min-height:40px;padding:9px 12px;border:1px solid var(--line2);border-radius:10px;color:var(--sage2);background:var(--paper);font-size:11px;font-weight:750;cursor:pointer;text-decoration:none}.hero-art{position:relative;z-index:1;display:grid;place-items:center;min-height:150px}.hero-art svg{width:220px;height:150px}.paper-icon{fill:#fff;stroke:currentColor;stroke-width:1.5}.art-sage{color:var(--sage)}.art-gold{color:var(--gold)}.art-pink{color:var(--pink)}.art-blue{color:var(--blue)}
    .summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.summary-card{min-height:118px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.88)}.summary-card svg{width:20px;height:20px;margin-bottom:10px;color:var(--sage)}.summary-card b{display:block;font-size:13px}.summary-card p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.summary-note{margin:-10px 0 22px;color:var(--muted);font-size:10px;text-align:center}
    .searchwrap{position:relative;max-width:940px;margin:0 auto 12px}.searchwrap svg{position:absolute;left:17px;top:17px;width:18px;height:18px;color:var(--muted)}.faq-search{width:100%;height:52px;padding:0 48px 0 46px;border:1px solid var(--line2);border-radius:14px;color:var(--ink);background:#fff;box-shadow:0 5px 18px rgba(78,63,44,.04)}.chips{display:flex;gap:7px;overflow:auto;max-width:940px;margin:0 auto 18px;padding:2px 0 5px}.chip{flex:0 0 auto;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--paper);font-size:11px;font-weight:750;cursor:pointer}.chip.on{color:#fff;border-color:var(--sage2);background:var(--sage2)}.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;max-width:940px;margin:0 auto 72px}.faq-group{margin-top:22px}.faq-group:first-child{margin-top:0}.faq-group h2{margin:0 0 9px;color:var(--sage2);font-size:13px}.faq-item{overflow:hidden;margin-bottom:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.faq-item summary{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:14px;min-height:60px;padding:14px 15px 14px 18px;list-style:none;font-size:14px;font-weight:740;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--sage2);font-size:18px;transition:transform .18s}.faq-item[open] summary{background:#f5f9f3}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{padding:0 64px 18px 18px;color:var(--ink2);font-size:13px;line-height:1.75}.faq-answer p{margin:8px 0 0}.help-card{position:sticky;top:142px;padding:20px;border-radius:18px;color:#fff;background:var(--footer);box-shadow:var(--shadow)}.help-card svg{width:34px;height:34px;margin-bottom:14px;color:#d8b16a}.help-card h2{margin:0 0 7px;font-size:18px}.help-card p{margin:0 0 16px;color:rgba(255,255,255,.7);font-size:12px}.help-card a{display:flex;min-height:42px;align-items:center;justify-content:center;border-radius:10px;color:var(--sage2);background:var(--paper);font-size:12px;font-weight:800;text-decoration:none}
    .legal-layout{display:grid;grid-template-columns:236px minmax(0,760px);justify-content:center;align-items:start;gap:36px;margin:0 auto 72px}.toc{position:sticky;top:92px;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,249,.86);box-shadow:0 4px 16px rgba(78,63,44,.04)}.toc-label{margin:2px 8px 9px;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.12em}.toc a{display:flex;min-height:38px;align-items:center;padding:8px 10px;border-radius:9px;color:var(--muted);font-size:13px;line-height:1.45;font-weight:650;text-decoration:none}.toc a.active{color:var(--sage2);background:var(--sageSoft);box-shadow:inset 3px 0 var(--sage)}.toc .toc-other{margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.article{padding:34px 38px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.clause{padding:28px 0;border-top:1px solid #e8e0d3;scroll-margin-top:112px}.clause:first-child{padding-top:4px;border-top:0}.clause h2{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;font-size:22px;line-height:1.35;font-weight:760}.clause .num{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #c8d9c4;border-radius:10px;color:var(--sage2);background:#f5f9f3;font-size:10px}.clause p,.clause li,.clause .sub{font-size:15.5px;line-height:1.78}.clause p,.clause .sub{margin:10px 0 0}.clause li+li{margin-top:8px}.clause ul,.clause ol{padding-left:22px}.callout{margin-top:14px;padding:16px 17px;border:1px solid #c8d9c4;border-radius:14px;background:#f5f9f3}.callout.gold{border-color:#dfc58c;background:#fff9ed}.callout.blue{border-color:#bfd1dd;background:#f2f7fa}.callout.pink{border-color:#e6c8d1;background:#fff7f9}.callout-label{color:var(--sage2);font-size:9px;font-weight:850;letter-spacing:.12em}.gold .callout-label{color:var(--gold)}.blue .callout-label{color:var(--blue)}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.provider{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.provider b{font-size:12px}.provider p{margin:4px 0 0;font-size:11px;line-height:1.55}.not-list{columns:2;column-gap:28px}.not-list li{break-inside:avoid}
    .refund-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.refund-card{min-height:176px;padding:19px;border:1px solid #dfc58c;border-radius:16px;background:#fff9ed}.refund-card .rnum{width:30px;height:30px;display:grid;place-items:center;margin-bottom:13px;border-radius:50%;color:#fff;background:var(--gold);font-size:10px;font-weight:850}.refund-card small{color:var(--gold);font-size:9px;font-weight:850;letter-spacing:.12em}.refund-card h2{margin:7px 0 6px;font-size:15px}.refund-card p{margin:0;color:var(--muted);font-size:12px}.excluded{margin-bottom:18px;padding:18px 20px;border:1px solid #e6c8d1;border-left:4px solid var(--pink);border-radius:14px;background:var(--paper)}.excluded h2{margin:0 0 7px;font-size:17px}.excluded p{margin:0;color:var(--muted);font-size:13px}.process{margin-bottom:72px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.process-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:8px}.process h2{margin:0;font-size:24px}.process-head p{max-width:450px;margin:0;color:var(--muted);font-size:12px}.step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.step:last-of-type{border-bottom:0}.step i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--sage2);background:var(--sageSoft);font-size:11px;font-style:normal;font-weight:850}.step b{display:block;font-size:13px}.step p{margin:3px 0 0;color:var(--muted);font-size:12px}.invoice-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:14px 15px;border-radius:13px;color:#fff;background:var(--footer)}.invoice-cta p{margin:0;font-size:12px}.invoice-cta a{flex:0 0 auto;padding:9px 12px;border-radius:9px;color:var(--sage2);background:#fff;font-size:11px;font-weight:800;text-decoration:none}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1040px;margin:0 auto 12px}.contact-card{min-height:176px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 4px 14px rgba(78,63,44,.045)}.contact-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;color:var(--sage2);background:var(--sageSoft)}.contact-icon svg{width:20px;height:20px}.contact-card small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.1em}.contact-card h2{margin:7px 0 4px;font-size:16px}.contact-card p{margin:0;color:var(--muted);font-size:12px}.contact-value{display:block;margin-top:13px;color:var(--sage2);font-size:15px;font-weight:800}.contact-card address{margin-top:11px;color:var(--ink2);font-size:13px;font-style:normal;line-height:1.65}.response{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin:0 auto 72px;padding:20px 22px;border:1px solid #c8d9c4;border-radius:16px;background:var(--sageSoft)}.response>div+div{padding-left:24px;border-left:1px solid #bfd0bb}.response b{display:block;margin-bottom:4px;font-size:13px}.response p{margin:0;color:var(--ink2);font-size:12px}
    /*KAKI-MULAI*/.sitefooter{position:relative;color:#f7f3ea;background:var(--footer)}.sitefooter:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7d9a75 0 50%,#d8b16a 50% 72%,#d98fa1 72%)}.footgrid{display:grid;grid-template-columns:minmax(260px,1.35fr) .72fr .9fr 1.1fr;gap:40px;padding:52px 0 30px}.footbrand .brand{color:#fff}.footbrand .brand img{width:38px;height:38px}.tagline{margin:10px 0 0;font-size:13px;font-weight:750}.footdesc{max-width:300px;margin:7px 0 0;color:rgba(247,243,234,.68);font-size:11px}.footcol h2{margin:4px 0 12px;color:rgba(247,243,234,.62);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footcol a{min-height:30px;display:flex;align-items:center;color:rgba(247,243,234,.86);font-size:12px;font-weight:650;text-decoration:none}.footcol a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}.footaddress{margin:9px 0 0;color:rgba(247,243,234,.63);font-size:10.5px;font-style:normal;line-height:1.65}.footbase{padding:20px 0 26px;border-top:1px solid rgba(247,243,234,.13)}.base-row{display:flex;justify-content:space-between;gap:18px;color:rgba(247,243,234,.68);font-size:10.5px}.credits{max-width:960px;margin:12px 0 0;color:rgba(247,243,234,.52);font-size:9.5px;line-height:1.65}.credits a{color:inherit;text-underline-offset:3px}/*KAKI-SELESAI*/.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translateX(-50%);padding:10px 14px;border-radius:10px;color:#fff;background:#213422;box-shadow:var(--shadow);font-size:11px}
    @media(max-width:980px){.summary-grid{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr;gap:28px 44px}.footbrand{grid-column:1/-1}.hero{grid-template-columns:minmax(0,1fr) 220px}.hero-art svg{width:185px}.legal-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}}
    @media(max-width:820px){.topnav{display:none}.toc{max-height:none;overflow-y:visible}.headin{grid-template-columns:1fr auto}.headactions{grid-column:2}.menubtn{display:block}.hero{grid-template-columns:minmax(0,1fr) 150px}.hero-art svg{width:140px}.faq-layout{grid-template-columns:1fr}.help-card{position:static}.legal-layout{display:block}.toc{position:static;margin-bottom:12px}.article{padding:22px 18px}.clause{scroll-margin-top:126px}.clause h2{font-size:20px}.clause p,.clause li,.clause .sub{font-size:15px}.refund-grid{grid-template-columns:1fr}.refund-card{min-height:0}.sitehead{top:0}}
    @media(max-width:640px){html{scroll-behavior:auto}.shell,.read-shell{width:calc(100% - 24px)}.beta span{font-size:10px}/*KEPALA-HP-MULAI*/.sitehead{top:0}.headin{min-height:62px}.brand img{width:29px;height:29px}.brand{font-size:19px}.login{display:inline-flex}.primary{display:none}/*KEPALA-HP-SELESAI*/.hero{display:block;margin-top:22px;padding:24px 20px}.hero-art{position:absolute;right:12px;bottom:7px;min-height:0;opacity:.35}.hero-art svg{width:105px;height:78px}.lead{font-size:14px;padding-right:30px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{min-height:110px;padding:14px}.faq-answer{padding-right:18px}.article{padding:22px 18px}.provider-grid{grid-template-columns:1fr}.not-list{columns:1}.process{padding:18px}.process-head{display:block}.process-head p{margin-top:6px}.invoice-cta{align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:0}.response{grid-template-columns:1fr;gap:16px}.response>div+div{padding:16px 0 0;border-left:0;border-top:1px solid #bfd0bb}/*KAKI-HP-MULAI*/.footgrid{grid-template-columns:1fr;padding-top:42px;gap:22px}.footbrand{grid-column:auto}.base-row{flex-direction:column;gap:6px}.footcol a{min-height:40px}/*KAKI-HP-SELESAI*/}
    @media(max-width:360px){.login{display:none}.hero-art{display:none}.lead{padding-right:0}.summary-grid{grid-template-columns:1fr}.faq-item summary{font-size:13px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
    @media print{body{background:#fff;color:#000}.page{display:none!important}.page.on{display:block!important}.hero,.article,.process{box-shadow:none;border:0;padding-inline:0}.hero-art{display:none}.legal-layout{display:block}.clause,.refund-card{break-inside:avoid}}

/* ══════════════════════════════════════════════════════════════════════
   TAMBAHAN PRODUKSI — yang tidak ada di pratinjau karena pratinjaunya
   satu berkas dengan tab, sedangkan produksi lima halaman terpisah.
   ══════════════════════════════════════════════════════════════════════ */

/* Menu Bantuan. Pratinjau memakai tombol yang memindah tab; produksi
   memerlukan popover berisi lima alamat sungguhan. Dibangun dari
   <details> bawaan peramban supaya tetap bisa dibuka tanpa JavaScript —
   syarat yang berlaku untuk seluruh halaman ini. */
.helpmenu{position:relative}
.helpmenu > summary{list-style:none;cursor:pointer}
.helpmenu > summary::-webkit-details-marker{display:none}
.helpmenu[open] > summary{color:var(--sage2);background:var(--sageSoft)}
.helppop{
  position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:214px;
  display:grid;padding:7px;border:1px solid var(--line);border-radius:14px;
  background:var(--paper);box-shadow:0 12px 34px rgba(78,63,44,.13);
}
.helppop a{
  min-height:38px;display:flex;align-items:center;padding:8px 11px;
  border-radius:9px;color:var(--ink2);text-decoration:none;font-size:12.5px;font-weight:650;
}
.helppop a:hover,.helppop a:focus-visible{color:var(--sage2);background:var(--sageSoft)}
.helppop a[aria-current="page"]{color:var(--sage2);background:var(--sageSoft);font-weight:750}
@media(max-width:760px){ .helpmenu{position:static} .helppop{left:12px;right:12px;min-width:0} }

/* Keadaan "tidak ada hasil" pada pencarian FAQ. Spesifikasi melarang
   layar kosong: yang mencari lalu tidak menemukan apa pun harus tetap
   diberi jalan keluar, bukan ruang putih. */
.faq-empty{
  margin:14px 0 0;padding:18px 20px;border:1px dashed var(--line2);border-radius:14px;
  background:var(--paper);color:var(--muted);font-size:13px;
}
.faq-group[hidden],.faq-item[hidden]{display:none}

/* Kontak — pelengkap kartu di pratinjau. */
.kontak-shell{padding-bottom:72px}
.contact-desc{margin:6px 0 12px;color:var(--muted);font-size:12px;line-height:1.6}
.contact-address{font-style:normal;line-height:1.7}
.kontak-nota{
  max-width:860px;margin:22px auto 0;color:var(--muted);
  font-size:12.5px;line-height:1.75;text-align:center;
}
/* Nama pribadi SENGAJA tidak muncul di halaman ini. Tempatnya yang
   berfungsi cuma satu: Syarat butir 1, tempat ia menyebut siapa yang
   mengikat perjanjiannya. Dijaga uji_profil.mjs bagian 15. */

/* Alamat di kaki halaman: tiga baris, bukan satu baris sangat panjang. */
.footaddress{font-style:normal;margin-top:8px;line-height:1.7;opacity:.86;font-size:12px}

/* Hanya untuk pembaca layar. */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ── CETAK / SIMPAN PDF (spesifikasi bagian 14) ──────────────────────
   Yang disembunyikan: pita beta, navigasi, pencarian, daftar isi,
   tombol, dan kaki promosi. Yang WAJIB ikut tercetak: versi dan tanggal
   berlaku — sebuah dokumen hukum tanpa keduanya tidak menunjuk apa pun. */
@media print{
  .beta,.sitehead,.sitefooter,.searchwrap,.chips,.toc,.help-card,
  .hero-actions,.hero-art,.skip,.toast{display:none !important}
  body{background:#fff;color:#000}
  .shell,.read-shell{width:100%;max-width:none}
  .hero,.article,.summary-card,.contact-card,.response{
    box-shadow:none;border:0;padding-inline:0;background:#fff;
  }
  .legal-layout{display:block}
  h1{font-size:25pt}
  .clause h2{font-size:15pt}
  .article,.faq-answer,.clause{font-size:10.5pt;line-height:1.5}
  .clause,.summary-card,.refund-card,.contact-card{break-inside:avoid}
  .clause h2,.clause h2 + *{break-after:avoid}
  .meta .pill{border:0;padding:0 10px 0 0;background:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444}
}


/* Kartu komunitas menjadi penutup selebar kisi pada desktop. Di ponsel kisi
   memang sudah satu kolom, sehingga aturan ini tidak mengubah lebarnya. */
.contact-card.community-card{grid-column:1/-1;min-height:0}

/* Toast salin-tautan. Aturan pratinjau tidak punya keadaan tersembunyi, jadi
   kotaknya tergambar sebagai pil gelap kosong di tengah bawah layar sejak
   halaman dibuka. Di pratinjau ia tidak kentara karena berkasnya juga memuat
   bilah alat; di produksi ia sekadar noda yang tidak bisa dijelaskan. */
.toast{opacity:0;pointer-events:none;transition:opacity .18s ease}
.toast.on{opacity:1}

/* Gerak dikurangi: gulir mulus, animasi, dan transisi popover dimatikan. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
