/* cv-audit-meja.css — layout full-width "dua panggung" (28 Okt 2026).
 * Pasangan cv-audit-meja.js; semua aturan hidup di .gkm-layar (dipasang JS
 * hanya di >= 1100px dan kalau teks CV ada). Token = storefront 143, sama
 * dengan mockup Mockup-Fullwidth-CV-Auditor-2026-10-28.html.
 * Dimuat SESUDAH cv-audit-143.css supaya menang tanpa !important kecuali di
 * aturan lama yang memang memakai !important (max-width layar). */
/* ── Semua lebar ──
   Kartu jenis audit berbayar memasang gambar peti 64px di pojok kanan
   (.gkv3-tipe-box::after, cv-audit-gaya.css) tanpa memberi ruang di teks
   harga, jadi "Pakai Miles kamu · perlu masuk" tertimpa gambarnya. */
#gate-form .gkv3-tipe-price.is-paid,#gate-form .gkv3-tipe-desc{padding-right:66px;box-sizing:border-box}
/* Uji live 29 Okt: judul "Audit Lengkap + Tulis Ulang CV" dan lingkaran pilihan
   juga tertimpa peti. Baris judul ikut diberi ruang, khusus kartu berbayar. */
#gate-form .gkv3-tipe-opt:has(input[value="full"]) .gkv3-tipe-top,
#gate-form .gkv3-tipe-opt:has(.gkv3-tipe-price.is-paid) .gkv3-tipe-top{padding-right:66px;box-sizing:border-box}

@media (min-width:1100px){
  body .screen.gkm-layar,body #screen-results.gkm-layar{
    --gkm-pasir:#f3ebdc;--gkm-krem:#faf6ee;--gkm-ink:#1a1712;--gkm-teks:#4a4239;--gkm-redup:#7a6f62;
    --gkm-emas-t:#8F6A26;--gkm-garis:rgba(185,138,52,.28);--gkm-garis2:#ece3d2;--gkm-teal2:#2f8f82;
    --gkm-risk:#b3472f;--gkm-risk-soft:#fbeeea;--gkm-top:78px;
    --gkm-bayang:0 1px 2px rgba(26,23,18,.04),0 10px 30px rgba(26,23,18,.07);
    display:grid!important;grid-template-columns:minmax(560px,1fr) minmax(500px,1.05fr)!important;
    max-width:none!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box;
    min-height:calc(100vh - var(--gkm-top));align-items:start;gap:0!important
  }
  #screen-results.gkm-layar>*:not(.gkv2-main):not(.gkm-panggung):not(.share-overlay){display:none!important}
  /* Panggung & jejak tetap tinggal di DOM waktu meja dilepas (mis. hasil
     member diganti hasil tamu tanpa muat ulang). Tanpa .gkm-layar token
     warnanya tidak ada, jadi tampil sebagai kotak polos di bawah hasil. */
  .screen:not(.gkm-layar) .gkm-panggung,.screen:not(.gkm-layar) .gkm-jejak{display:none!important}
  .gkm-layar>.gkv2-main{grid-column:1;max-width:none!important;width:auto!important;padding:34px 48px 120px!important;margin:0!important;display:flex;flex-direction:column;align-items:flex-end;box-sizing:border-box}
  .gkm-layar>.gkv2-main>*{width:100%;max-width:640px!important;margin-left:0!important;margin-right:0!important}
  .gkm-layar .gkt-langkah-layar{display:none!important}

  /* jejak tahap */
  .gkm-jejak{order:-10;display:flex;align-items:center;gap:8px;list-style:none;margin:0 0 22px!important;padding:0;font-size:13px;color:var(--gkm-redup)}
  .gkm-jejak li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .gkm-jejak li+li::before{content:'';width:34px;height:1px;background:#cdbf9f;margin-right:4px}
  .gkm-jejak i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px 'DM Mono',ui-monospace,monospace;font-style:normal;border:1px solid #cdbf9f;background:#fff}
  .gkm-jejak .on{color:var(--gkm-ink);font-weight:700}.gkm-jejak .on i{background:var(--gkm-ink);border-color:var(--gkm-ink);color:#fff}
  .gkm-jejak .sdh i{background:#D9AE52;border-color:#D9AE52;color:#24180A}

  /* susunan kartu: satu kolom. Urutan DOM gratis dari hasil.js sudah sama
     dengan mockup (hero, temuan, dimensi, peti, aturan negara, ...), jadi
     tidak ada order:; yang dicabut cuma grid dua kolom + peti lengket. */
  .gkm-layar #gk-hasil-baru{display:flex!important;flex-direction:column;align-items:stretch!important;gap:16px}
  .gkm-layar #gk-hasil-baru>*{width:auto!important;max-width:none!important}
  .gkm-layar #gk-hasil-baru>*{margin:0!important}
  .gkm-layar .gkh-kartu{border-radius:18px;border:1px solid var(--gkm-garis);box-shadow:var(--gkm-bayang);padding:22px 24px}

  /* hero */
  .gkm-layar #gk-hasil-baru>.gkh-hero{display:grid!important;grid-template-columns:112px minmax(0,1fr);column-gap:22px;align-items:center;text-align:left;padding:22px 24px}
  .gkm-layar .gkh-hero>.gkh-ring{grid-row:1/span 5;width:112px!important;height:112px!important;margin:0!important}
  .gkm-layar .gkh-hero>.gkh-ring svg{width:112px;height:112px}
  .gkm-layar .gkh-hero>.gkh-ring .denyut{display:none}
  .gkm-layar .gkh-hero>.gkh-ring .angka{font-size:34px}
  .gkm-layar .gkh-hero>*:not(.gkh-ring){grid-column:2;justify-self:start;margin-left:0!important;margin-right:0!important}
  .gkm-layar #gk-hasil-baru>.gkh-hero{background:#fff!important}
  #screen-results.gkm-layar .gkh-hero h1{font:700 22px/1.25 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.015em;margin:8px 0 0!important;max-width:none!important;text-wrap:balance}
  /* ringkasan auditor: satu-satunya kalimat yang menjelaskan alasan skor; dua baris */
  .gkm-layar .gkh-hero>p{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14.5px!important;line-height:1.55!important;color:var(--gkm-teks)!important;margin:8px 0 0!important;text-align:left!important;max-width:none!important}
  .gkm-layar .gkh-hero .gkh-meta{margin-top:10px;justify-content:flex-start}
  .gkm-layar .gkh-hero .gkh-aksi{margin-top:10px;justify-content:flex-start}
  .gkm-layar .gkh-hero .gkh-status{margin-top:0!important}

  /* temuan */
  .gkm-layar .gkm-temuan .gkh-eyebrow{margin:0}
  .gkm-layar .gkm-temuan .gkm-sub{font:400 13.5px/1.5 'DM Sans',system-ui,sans-serif!important;color:var(--gkm-redup)!important;margin:4px 0 8px!important;letter-spacing:0}
  .gkm-layar .gkm-temuan ol{list-style:none;counter-reset:gkm;margin:0;padding:0;border:0}
  .gkm-layar .gkm-temuan li{counter-increment:gkm;display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding:14px 12px;margin:0 -12px;border-radius:14px;border:0;transition:background .15s;position:relative}
  .gkm-layar .gkm-temuan li+li{border-top:1px solid var(--gkm-garis2)}
  .gkm-layar .gkm-temuan li::before{content:counter(gkm);grid-row:1/span 2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gkm-risk);color:#fff;font:700 12px 'Sora',sans-serif;position:static;margin:0}
  .gkm-layar .gkm-temuan li:not(.gkm-ada)::before{background:#cdbf9f}
  .gkm-layar .gkm-temuan li.gkm-ada{cursor:pointer}
  .gkm-layar .gkm-temuan li.gkm-ada:hover{background:#fdf6f3}
  .gkm-layar .gkm-temuan li.on{background:var(--gkm-risk-soft)}
  .gkm-layar .gkm-temuan li.on+li{border-top-color:transparent}
  .gkm-layar .gkm-temuan li:focus-visible{outline:2px solid var(--gkm-risk);outline-offset:2px}
  .gkm-layar .gkm-temuan li b{grid-column:2;color:var(--gkm-ink);font-size:15.5px}
  .gkm-layar .gkm-temuan li span{grid-column:2;color:var(--gkm-redup);font-size:14px;line-height:1.6}

  /* dimensi */
  .gkm-layar .gkh-dim{padding:8px 0!important}

  /* peti jadi satu baris: judul kiri, tombol kanan (mockup .peti) */
  .gkm-layar #gk-hasil-baru>.gkh-peti{display:grid!important;grid-template-columns:minmax(0,1fr);position:static!important;padding:22px 24px!important;background:linear-gradient(135deg,#fffaf0,#fbf0d9)!important;border-color:#e8cf98}
  .gkm-layar .gkh-peti>img,.gkm-layar .gkh-peti .gkt-dua figure+figure{display:none!important}
  /* isi Audit Lengkap (3 butir) + satu kutipan: apa yang didapat dan bukti orang lain */
  .gkm-layar .gkh-peti>div>ul{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0!important;padding:0!important;list-style:none;font-size:13.5px;color:var(--gkm-teks)}
  .gkm-layar .gkh-peti>div>ul li{margin:0!important}
  .gkm-layar .gkh-peti .gkt-alt2{grid-column:1/-1!important;display:flex!important;align-items:flex-start;gap:12px;margin:14px 0 0!important;padding:12px 0 0!important;border-top:1px solid #ecd9ae;background:none!important}
  .gkm-layar .gkh-peti .gkt-dua{display:block!important;margin:0!important;min-width:0}
  .gkm-layar .gkh-peti .gkt-kutip{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  .gkm-layar .gkh-peti .gkt-kutip>.gkt-bintang{display:none}
  .gkm-layar .gkh-peti .gkt-kutip blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0!important;font-size:13.5px!important;line-height:1.5!important;font-style:italic;color:var(--gkm-teks)}
  .gkm-layar .gkh-peti .gkt-kutip figcaption{margin-top:4px!important;font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .gkm-layar .gkh-peti>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
  .gkm-layar .gkh-peti>div>*{grid-column:1}
  .gkm-layar .gkh-peti>div>.gkh-btn{grid-column:2;grid-row:1/span 2;width:auto!important;margin:0!important;padding:13px 22px}
  .gkm-layar .gkh-peti h2{font:700 20px/1.25 'Space Grotesk',system-ui,sans-serif!important;margin:4px 0 0!important}

  /* panggung kanan */
  .gkm-panggung{grid-column:2;grid-row:1/span 50;position:sticky;top:var(--gkm-top);height:calc(100vh - var(--gkm-top));box-sizing:border-box;border-left:1px solid var(--gkm-garis);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0)),#eadfc9;display:flex;flex-direction:column;padding:26px 44px}
  .gkm-pg-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .gkm-nama{font-size:13.5px;color:var(--gkm-teks)}.gkm-nama b{color:var(--gkm-ink)}
  .gkm-tab{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--gkm-garis)}
  .gkm-tab button{border:0;background:transparent;border-radius:999px;padding:6px 14px;font:700 12.5px 'DM Sans',system-ui,sans-serif;color:var(--gkm-redup);cursor:pointer}
  .gkm-tab button.on{background:var(--gkm-ink);color:#fff}
  .gkm-tab button[disabled]{opacity:.45;cursor:default}
  .gkm-gulir{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;scrollbar-width:none;padding:0 16px 20px}
  /* huruf 12px (bukan skala A4 murni ~9,5px): kesan kertas tetap, isinya bisa dibaca tanpa zoom */
  .gkm-kertas{position:relative;width:100%;max-width:620px;min-height:calc(min(620px,100%) * 297 / 210);background:#fff;border-radius:3px;box-shadow:0 30px 60px -20px rgba(60,40,10,.35),0 2px 6px rgba(0,0,0,.06);padding:46px 48px;box-sizing:border-box;font:12px/1.5 Carlito,Calibri,Arial,sans-serif;color:#111}
  .gkm-layar .gkm-kertas h3,.gkm-layar .gkm-kertas h4{font-family:Carlito,Calibri,Arial,sans-serif!important;color:#111!important;font-weight:700!important;text-wrap:initial}
  .gkm-kertas h3{margin:0;font-size:20px!important;line-height:1.3!important;letter-spacing:.04em!important;text-transform:uppercase}
  .gkm-kertas .gkm-kt{font-size:11.5px;color:#333;margin:2px 0}
  .gkm-kertas .gkm-kt:last-of-type{margin-bottom:12px}
  .gkm-kertas h4{margin:12px 0 5px;font-size:12.5px!important;line-height:1.5!important;letter-spacing:.06em;border-bottom:1px solid #111;padding-bottom:2px;font-family:inherit}
  .gkm-kertas .gkm-ent{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-top:4px}.gkm-kertas .gkm-ent i{font-weight:400;white-space:nowrap}
  .gkm-kertas .gkm-jab{font-style:italic;margin-bottom:2px}
  .gkm-kertas .gkm-lbl{text-decoration:underline;text-underline-offset:2px;font-weight:600;margin:4px 0 2px}
  .gkm-kertas ul{margin:3px 0 7px;padding-left:15px}.gkm-kertas li{margin:2px 0}
  .gkm-kertas p{margin:0}
  .gkm-tanda{position:relative;background:rgba(179,71,47,.10);box-shadow:inset 0 -2px 0 var(--gkm-risk);border-radius:2px}
  .gkm-tanda.on{background:rgba(179,71,47,.2);box-shadow:inset 0 -2px 0 var(--gkm-risk),0 0 0 3px rgba(179,71,47,.18)}
  .gkm-pin{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--gkm-risk);color:#fff;font:700 10px/20px 'Sora',sans-serif;text-align:center;box-shadow:0 0 0 4px rgba(179,71,47,.15);font-style:normal}
  .gkm-ent .gkm-tanda,.gkm-jab .gkm-tanda,li .gkm-tanda,p .gkm-tanda{display:inline}
  .gkm-pg-kaki{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12.5px;color:var(--gkm-redup);min-height:18px}
  .gkm-legenda span{display:inline-flex;align-items:center;gap:6px}
  .gkm-legenda i{width:14px;height:6px;border-radius:2px;background:var(--gkm-risk)}
  /* ── Layar tunggu (tahap 2) ──
     Node lama tidak dipindah: .loading-card jadi grid kolom kerja, dan
     kartu putih di sekitar bilah + langkah digambar ::before yang mengisi
     baris grid yang sama (bukan pembungkus baru). */
  #screen-loading.gkm-layar>.loading-card{grid-column:1;justify-self:end;width:calc(100% - 96px)!important;max-width:640px!important;margin:34px 48px 120px 48px!important;box-sizing:border-box;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px;row-gap:0;align-content:start;min-height:0;animation:none}
  #screen-loading.gkm-layar>.loading-card>*{grid-column:1/-1;margin-left:0!important;margin-right:0!important;max-width:none!important}
  #screen-loading.gkm-layar #gk-tunggu-ilustrasi{display:none!important}
  #screen-loading.gkm-layar .gkm-jejak{grid-row:1}
  #screen-loading.gkm-layar .gkm-eyebrow{grid-row:2;font:500 11.5px 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gkm-emas-t)}
  #screen-loading.gkm-layar #loading-title{grid-row:3;font:700 34px/1.12 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.025em!important;color:var(--gkm-ink)!important;margin:8px 0 10px!important;text-align:left!important}
  #screen-loading.gkm-layar #loading-sub{grid-row:4;font-size:16px!important;line-height:1.55;color:var(--gkm-teks)!important;margin:0 0 22px!important;text-align:left!important;max-width:56ch!important}
  /* Kalimat penunjuk ke kertas: ::before, jadi tetap ada walau kode-05/08
     mengganti teks #loading-sub (mis. gkLoadingLama). */
  #screen-loading.gkm-layar #loading-sub::before{content:'Lihat ke kanan: yang disapu itu CV kamu sendiri. '}
  #screen-loading.gkm-layar>.loading-card::before{content:'';grid-row:5/9;grid-column:1/-1;background:#fff;border:1px solid var(--gkm-garis);border-radius:18px;box-shadow:var(--gkm-bayang);z-index:0}
  #screen-loading.gkm-layar .gkv3-bar-ket{grid-row:6;grid-column:2!important;display:flex;justify-content:space-between;font-size:13px!important;font-weight:700;color:var(--gkm-ink)!important;margin:22px 0 8px!important;z-index:1}
  #screen-loading.gkm-layar .gkv3-bar{grid-row:7;grid-column:2!important;height:8px!important;border-radius:9px;background:#f0e6d3!important;z-index:1;margin:0!important}
  #screen-loading.gkm-layar .gkv3-bar-isi{border-radius:9px;background:linear-gradient(90deg,#c99a45,#D9AE52)!important}
  #screen-loading.gkm-layar .loading-steps{grid-row:8;grid-column:2!important;display:grid;gap:10px;margin:16px 0 22px!important;padding:0!important;z-index:1}
  #screen-loading.gkm-layar .loading-step{display:flex;align-items:center;gap:10px;padding:0!important;min-height:0!important;font-size:14.5px!important;color:var(--gkm-redup)!important;opacity:1!important;border:0!important;background:none!important}
  #screen-loading.gkm-layar .loading-step .step-dot{flex:none;width:18px!important;height:18px!important;border-radius:50%;border:1.5px solid #cdbf9f;background:#fff!important;box-sizing:border-box;margin:0!important;box-shadow:none!important}
  #screen-loading.gkm-layar .loading-step .step-dot *,#screen-loading.gkm-layar .loading-step .step-dot::before,#screen-loading.gkm-layar .loading-step .step-dot::after{display:none!important}
  #screen-loading.gkm-layar .loading-step .step-dot{font-size:0!important;color:transparent!important}
  #screen-loading.gkm-layar .loading-step.done{color:var(--gkm-ink)!important}
  #screen-loading.gkm-layar .loading-step.done .step-dot{background:#1f5c55!important;border-color:#1f5c55;box-shadow:inset 0 0 0 4px #fff!important}
  #screen-loading.gkm-layar .loading-step.active{color:var(--gkm-ink)!important;font-weight:700}
  #screen-loading.gkm-layar .loading-step.active .step-dot{border-color:#B98A34;border-top-color:transparent;animation:gkm-putar 1s linear infinite}
  @keyframes gkm-putar{to{transform:rotate(360deg)}}
  .gkm-pindai{position:absolute;left:0;right:0;height:3px;background:#2F7F8F;box-shadow:0 0 22px 5px rgba(47,127,143,.45);animation:gkm-sapu 2.2s ease-in-out infinite;pointer-events:none}
  @keyframes gkm-sapu{0%{top:3%}50%{top:95%}100%{top:3%}}
  .gkm-kabut{position:absolute;inset:0;background:linear-gradient(180deg,rgba(47,127,143,.06),transparent 40%);pointer-events:none}
  /* ── Layar unggah (tahap 0-1) ──
     🔴 Tidak ada node yang dipindah: #turnstile-widget di #gk-manual tidak
     boleh dipindah sesudah dirender (iframe kehilangan tokennya). Kartu kiri
     (.gkt-kartu) dan panel kanan tata.js (.gkt-aside, .gkt-panel) dibuat
     display:contents, sehingga anak-anaknya jadi baris #gate-form menurut
     urutan DOM. Kartu putih tunggal dibentuk dari latar putih tiap baris di
     dalam kartu (sudut bulat di baris pertama dan terakhir), bukan
     pembungkus baru. */
  #screen-gate.gkm-layar>*:not(.gkm-panggung){grid-column:1;min-width:0}
  #screen-gate.gkm-layar>.gkv3-wrap{max-width:none!important;width:auto!important;margin:0!important;padding:34px 48px 120px!important;box-sizing:border-box}
  #screen-gate.gkm-layar .gkv3-grid,#screen-gate.gkm-layar .gkv3-kolom,#screen-gate.gkm-layar .card,#screen-gate.gkm-layar .card-body{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  #screen-gate.gkm-layar #gate-form{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;max-width:640px;margin-left:auto!important}
  #screen-gate.gkm-layar .gkt-kartu,#screen-gate.gkm-layar .gkt-aside,#screen-gate.gkm-layar .gkt-panel{display:contents!important}
  #screen-gate.gkm-layar .gkm-jejak li+li::before{width:24px}
  #screen-gate.gkm-layar .gkt-kepala{display:block!important;margin:0 0 22px!important;padding:0!important;border:0!important}
  #screen-gate.gkm-layar .gkt-kepala .gkt-langkah,#screen-gate.gkm-layar .gkt-sub{display:none!important}
  #screen-gate.gkm-layar .gkm-eyebrow{font:500 11.5px 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gkm-emas-t)}
  #screen-gate.gkm-layar .gkt-h1{font:700 34px/1.12 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.025em!important;color:var(--gkm-ink)!important;margin:8px 0 10px!important;max-width:460px;text-wrap:balance}
  #screen-gate.gkm-layar .gkm-lead{font-size:16px;line-height:1.55;color:var(--gkm-teks);margin:0;max-width:56ch}
  #screen-gate.gkm-layar .gkt-isi,#screen-gate.gkm-layar .gkt-jdbaris,#screen-gate.gkm-layar .gkt-jenis,
  #screen-gate.gkm-layar #gk-manual{background:#fff!important;margin:0!important;padding-left:24px!important;padding-right:24px!important;border:solid var(--gkm-garis);border-width:0 1px!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box}
  #screen-gate.gkm-layar .gkt-isi{padding-top:22px!important;border-top-width:1px!important;border-radius:18px 18px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  body #screen-gate.gkm-layar #gate-form .gkt-target>.gkv2-gate-row.gkv3-lanjutan:not(#role-validation):not(#jd-section){display:grid!important;align-items:start;grid-template-columns:1fr 1fr;gap:14px}
  #screen-gate.gkm-layar .gkt-jdbaris{padding-top:12px!important}
  #screen-gate.gkm-layar .gkt-jenis{padding-top:16px!important}
  #screen-gate.gkm-layar #gate-form>*,#screen-gate.gkm-layar .gkt-kartu>*,#screen-gate.gkm-layar #gk-manual{width:auto!important;max-width:none!important;align-self:stretch!important}
  #screen-gate.gkm-layar .gkv3-tipe{grid-template-columns:1fr 1fr!important;gap:12px!important}
  #screen-gate.gkm-layar #gk-manual{padding-top:6px!important;padding-bottom:22px!important;border-bottom-width:1px!important;border-radius:0 0 18px 18px!important;box-shadow:0 10px 30px rgba(26,23,18,.07)!important}
  #screen-gate.gkm-layar .gkt-beda:not(.gkm-buka),#screen-gate.gkm-layar .gkt-testi{display:none!important}
  #screen-gate.gkm-layar .gkm-beda-tombol{display:block;border:0;background:none;padding:10px 0 2px;font:700 13.5px 'DM Sans',system-ui,sans-serif;color:#1f5f56;cursor:pointer}
  #screen-gate.gkm-layar .gkm-beda-tombol::after{content:' ▾'}
  #screen-gate.gkm-layar .gkm-beda-tombol[aria-expanded="true"]::after{content:' ▴'}
  #screen-gate.gkm-layar .gkt-beda.gkm-buka{margin-top:8px!important;font-size:13px}
  /* janji "gratis, ~30 detik" tetap ada, diringkas jadi baris putih di atas Cara lanjut */
  #screen-gate.gkm-layar .gkt-panel>.gkt-chip,#screen-gate.gkm-layar .gkt-panel>.gkt-h2,#screen-gate.gkm-layar .gkt-panel>.gkt-teks{background:#fff;margin:0!important;padding:0 24px!important;border:solid var(--gkm-garis);border-width:0 1px;box-sizing:border-box}
  #screen-gate.gkm-layar .gkt-panel>.gkt-chip{display:block!important;width:auto!important;align-self:stretch!important;padding-top:16px!important;font-size:12px;font-weight:700;color:#2f7a4f;background:#fff!important;border-radius:0!important}
  #screen-gate.gkm-layar .gkt-panel>.gkt-h2{font:700 17px/1.3 'Space Grotesk',system-ui,sans-serif!important;color:var(--gkm-ink)!important;padding-top:4px!important}
  #screen-gate.gkm-layar .gkt-panel>.gkt-teks{font-size:13.5px!important;color:var(--gkm-redup)!important;padding-top:4px!important;padding-bottom:4px!important}
  #screen-gate.gkm-layar .gkt-privasi{margin-top:14px!important;font-size:12.5px;color:var(--gkm-redup)}

  /* Belum ada CV: zona seret besar pindah ke kertas kanan (mockup tahap 0);
     zona lama di kiri diringkas jadi satu baris pilih berkas. #file-input
     tetap di tempatnya, label di kanan menunjuk ke input yang sama. */
  #screen-gate.gkm-cv-kosong #tab-upload{height:auto!important;min-height:0!important}
  #screen-gate.gkm-cv-kosong #upload-zone{flex:none!important;min-height:0!important;height:68px!important;overflow:hidden;box-sizing:border-box;aspect-ratio:auto!important;justify-content:flex-start!important;flex-direction:row!important;padding:14px 16px!important;display:flex!important;align-items:center;gap:12px;text-align:left!important}
  #screen-gate.gkm-cv-kosong #upload-zone>:not(input):not(.upload-title):not(.upload-icon){display:none!important}
  #screen-gate.gkm-cv-kosong #upload-zone .upload-title{margin:0!important;font-size:14px!important}
  #screen-gate.gkm-cv-kosong #upload-zone .upload-icon{margin:0!important;width:36px!important;height:36px!important}
  .gkm-seret{display:none}
  .gkm-testi{display:none}
  .gkm-panggung.gkm-kosong .gkm-gulir{flex-direction:column;align-items:center}
  .gkm-panggung.gkm-kosong .gkm-seret{aspect-ratio:auto!important;flex:1 1 auto;min-height:300px}
  .gkm-panggung.gkm-kosong .gkm-testi{display:block;width:100%;max-width:560px;margin:18px auto 0;padding:16px 18px;background:rgba(255,255,255,.75);border:1px solid var(--gkm-garis);border-radius:14px;box-sizing:border-box;font-size:14px;color:var(--gkm-teks)}
  .gkm-testi figure{margin:0}.gkm-testi blockquote{margin:6px 0 8px;font-style:italic;line-height:1.55}
  .gkm-testi figcaption{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
  .gkm-panggung.gkm-kosong .gkm-kertas,.gkm-panggung.gkm-kosong .gkm-tab{visibility:hidden}
  .gkm-panggung.gkm-kosong .gkm-kertas{display:none}
  .gkm-panggung.gkm-kosong .gkm-seret{display:grid;place-items:center;text-align:center;width:100%;max-width:560px;aspect-ratio:210/297;border:2px dashed #cdb98f;border-radius:6px;background:rgba(255,255,255,.4);color:var(--gkm-redup);font-size:14.5px;line-height:1.6;cursor:pointer;box-sizing:border-box}
  .gkm-panggung.gkm-kosong .gkm-seret b{display:block;font:700 18px 'Space Grotesk',system-ui,sans-serif;color:var(--gkm-ink);margin:12px 0 4px}
  .gkm-seret.on{border-color:#B98A34;background:rgba(255,255,255,.75)}
  /* ── Layar tulis ulang (tahap 4) ──
     Kolom kiri = isi #screen-rewrite apa adanya (navigator, bukti, angka,
     section kalimat) di bawah kepala + kartu tinjau dari meja.js. Kanan =
     klon pratinjau unduhan. #gkr-mini (kertas mini) dan bar atas
     .cvr-subhead disembunyikan: perannya diambil panggung kanan dan tombol
     "Review & unduh" di kartu ringkas (meneruskan klik ke tombol aslinya).
     Antrean isian #cvr-queue tetap fixed di bawah layar, tidak disentuh. */
  #screen-rewrite.gkm-layar>*:not(.gkm-panggung):not(.cvr-queue){grid-column:1;justify-self:end;width:calc(100% - 96px)!important;max-width:640px!important;margin-left:48px!important;margin-right:48px!important;box-sizing:border-box;min-width:0}
  #screen-rewrite.gkm-layar>.gkm-jejak{margin-top:34px!important}
  #screen-rewrite.gkm-layar>.gkt-langkah-layar,#screen-rewrite.gkm-layar>.cvr-subhead,#screen-rewrite.gkm-layar #gkr-mini,#screen-rewrite.gkm-layar>.gkr-kembali{display:none!important}
  #screen-rewrite.gkm-layar .cvr-layout{display:block!important;width:auto!important;margin-bottom:120px!important}
  #screen-rewrite.gkm-layar .cvr-content{width:auto!important;max-width:none!important}
  #screen-rewrite.gkm-layar #cvr-nav{position:static!important;top:auto!important}
  .gkm-rw-kepala .gkm-eyebrow,.gkm-tinjau .gkm-eyebrow{font:500 11.5px 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gkm-emas-t)}
  .gkm-rw-kepala .gkm-h1{font:700 34px/1.12 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.025em!important;color:var(--gkm-ink)!important;margin:8px 0 10px!important}
  .gkm-rw-kepala .gkm-lead{font-size:16px;line-height:1.55;color:var(--gkm-teks);margin:0 0 22px;max-width:56ch}
  .gkm-kartu{background:#fff;border:1px solid var(--gkm-garis);border-radius:18px;padding:22px 24px;box-shadow:var(--gkm-bayang);margin-bottom:16px}
  .gkm-sbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
  /* kalimat utuh, tanpa gulir di dalam kotak (audit 28 Okt) */
  .gkm-sbs>div{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.55}
  .gkm-sbs .a{background:#f6f0e6;color:#6b6055}.gkm-sbs .b{background:#e7f3ec;color:var(--gkm-ink)}
  .gkm-sbs small{display:block;font:500 10.5px 'DM Mono',ui-monospace,monospace;letter-spacing:.12em;color:var(--gkm-redup);margin-bottom:6px}
  mark.gkm-isi{background:#fff3cf;border-radius:4px;padding:0 3px;font-weight:700;color:#7c561a}
  .gkm-catatan{color:var(--gkm-redup);font-size:13.5px;margin:10px 0 0}
  .gkm-dua{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:4px}
  .gkm-tombol{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;padding:15px 22px;background:#D9AE52;color:#24180A;font:700 15.5px 'DM Sans',system-ui,sans-serif;margin-top:18px;cursor:pointer}
  .gkm-tombol.garis{background:#fff;border:1px solid #e2d6bf;color:var(--gkm-ink)}
  .gkm-tombol[disabled]{opacity:.5;cursor:default}
  .gkm-ringkas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .gkm-ringkas div,.gkm-ringkas button{background:var(--gkm-krem);border:1px solid var(--gkm-garis2);border-radius:14px;padding:12px;text-align:left;font:inherit}
  .gkm-ringkas button{cursor:pointer;background:#fff8e6;border-color:#e8cf98}
  .gkm-ringkas button span{color:#7c561a;font-weight:600}
  /* satu tempat isi angka: desktop pakai kartu #gkh-angka di kolom */
  #screen-rewrite.gkm-layar .cvr-queue,#screen-rewrite.gkm-layar #cvr-bukti:not(.is-siap){display:none!important}
  .gkm-ringkas b{display:block;font:700 22px 'Sora',sans-serif;color:var(--gkm-ink)}
  .gkm-ringkas span{font-size:12.5px;color:var(--gkm-redup)}
  .gkm-rw-kepala .gkm-semua{margin:28px 0 10px}

  /* kertas CV baru (klon pratinjau, diskalakan JS) */
  .gkm-baru-skala{display:none;position:relative;flex:none;background:#fff;box-shadow:0 30px 60px -20px rgba(60,40,10,.35),0 2px 6px rgba(0,0,0,.06);border-radius:3px;overflow:hidden}
  .gkm-baru-skala>*{transform-origin:0 0;position:absolute;left:0;top:0}
  .gkm-panggung.gkm-cv-baru:not(.gkm-tab-asli) .gkm-kertas{display:none}
  .gkm-panggung.gkm-cv-baru:not(.gkm-tab-asli) .gkm-baru-skala{display:block}
  .gkm-baru{box-shadow:inset 2px 0 0 rgba(47,122,79,.45);border-radius:0}
  .gkm-baru.on{background:rgba(47,122,79,.07);box-shadow:inset 3px 0 0 #2f7a4f}
  .gkm-ubah{background:rgba(47,122,79,.16);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .gkm-sbs .b .gkm-ubah{background:rgba(47,122,79,.2);font-weight:600}
  /* intip CV baru di layar hasil (balok kosong, satu kalimat jadi) */
  .gkm-intip-balok{display:block}
  .gkm-intip-balok i{display:inline-block;height:.62em;border-radius:3px;background:#ece6da;vertical-align:middle}
  .gkm-intip-jadi{background:rgba(47,122,79,.14);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .gkm-intip-kunci{margin-top:18px;padding:10px 12px;border:1px dashed #d8c7a3;border-radius:6px;text-align:center;font:600 12px 'DM Sans',system-ui,sans-serif;color:#7c561a;background:#fbf6ea}
  .gkm-legenda{display:flex;gap:14px}
  .gkm-legenda i.hijau{background:#2f7a4f}.gkm-legenda i.kuning{background:#f2d27a}

}

/* ── HP (< 1100px, mockup ?hp=1) ──
   Kolom lama apa adanya. Ditambah: jejak geser menyamping, pill "Lihat CV",
   dan panggung kertas sebagai lembar layar penuh (body.gkm-lembar). Aturan
   kertas disalin dari blok desktop; panggung diganti jadi lembar. Kepala
   khusus desktop yang mungkin sudah terpasang sebelum layar menyempit
   disembunyikan. */
@media (max-width:1099.98px){
  body.gkm-hp{
    --gkm-krem:#faf6ee;--gkm-ink:#1a1712;--gkm-teks:#4a4239;--gkm-redup:#7a6f62;
    --gkm-emas-t:#8F6A26;--gkm-garis:rgba(185,138,52,.28);--gkm-garis2:#ece3d2;
    --gkm-risk:#b3472f;--gkm-risk-soft:#fbeeea;
  }
  .gkm-rw-kepala,.gkm-gate-kepala,#screen-gate .gkm-eyebrow,#screen-gate .gkm-lead,#screen-loading .gkm-eyebrow,.gkm-seret{display:none!important}
  body:not(.gkm-hp) .gkm-jejak,body:not(.gkm-hp) .gkm-pil,body:not(.gkm-hp) .gkm-panggung{display:none!important}
  .gkm-jejak{display:flex;flex:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;align-items:center;gap:8px;list-style:none;margin:18px 0 12px!important;padding:2px 0;overflow-x:auto;scrollbar-width:none;font-size:13px;color:var(--gkm-redup)}
  /* satu tempat isi angka di HP: antrean bawah (#cvr-queue) */
  body.gkm-hp #screen-rewrite #gkh-angka,body.gkm-hp #cvr-bukti:not(.is-siap) #cvr-bukti-status{display:none!important}
  body.gkm-hp .gkt-langkah-layar{display:none!important}
  body.gkm-hp .gkm-temuan .gkm-sub{font:400 14px/1.5 'DM Sans',system-ui,sans-serif!important;color:var(--gkm-redup)!important;margin:4px 0 8px!important;letter-spacing:0}
  .gkm-jejak li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .gkm-jejak li+li::before{content:'';width:34px;height:1px;background:#cdbf9f;margin-right:4px}
  .gkm-jejak i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px 'DM Mono',ui-monospace,monospace;font-style:normal;border:1px solid #cdbf9f;background:#fff}
  .gkm-jejak .on{color:var(--gkm-ink);font-weight:700}.gkm-jejak .on i{background:var(--gkm-ink);border-color:var(--gkm-ink);color:#fff}
  .gkm-jejak .sdh i{background:#D9AE52;border-color:#D9AE52;color:#24180A}

  .gkm-jejak::-webkit-scrollbar{display:none}
  .gkm-jejak li+li::before{width:16px}
  .gkm-pil{flex:none;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0 0 16px;padding:13px 16px;background:#fff;border:1px solid var(--gkm-garis);border-radius:16px;font:400 14px 'DM Sans',system-ui,sans-serif;color:var(--gkm-redup);text-align:left;cursor:pointer}
  .gkm-pil b{color:var(--gkm-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .gkm-pil span{white-space:nowrap}
  .gkm-pil em{margin-left:auto;font-style:normal;font-weight:700;color:#1f5f56;white-space:nowrap}
  body.gkm-hp .gkm-panggung{display:none}
  body.gkm-hp.gkm-lembar{overflow:hidden}
  body.gkm-hp.gkm-lembar .gkm-panggung{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1000;background:#eadfc9;padding:14px 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}
  .gkm-tutup{border:1px solid var(--gkm-garis);background:#fff;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;color:var(--gkm-ink);cursor:pointer;flex:none}
  .gkm-pg-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .gkm-nama{font-size:13.5px;color:var(--gkm-teks)}.gkm-nama b{color:var(--gkm-ink)}
  .gkm-tab{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--gkm-garis)}
  .gkm-tab button{border:0;background:transparent;border-radius:999px;padding:6px 14px;font:700 12.5px 'DM Sans',system-ui,sans-serif;color:var(--gkm-redup);cursor:pointer}
  .gkm-tab button.on{background:var(--gkm-ink);color:#fff}
  .gkm-tab button[disabled]{opacity:.45;cursor:default}
  .gkm-gulir{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;scrollbar-width:none;padding:0 16px 20px}
  /* huruf 12px (bukan skala A4 murni ~9,5px): kesan kertas tetap, isinya bisa dibaca tanpa zoom */
  .gkm-kertas{position:relative;width:100%;max-width:620px;min-height:calc(min(620px,100%) * 297 / 210);background:#fff;border-radius:3px;box-shadow:0 30px 60px -20px rgba(60,40,10,.35),0 2px 6px rgba(0,0,0,.06);padding:46px 48px;box-sizing:border-box;font:12px/1.5 Carlito,Calibri,Arial,sans-serif;color:#111}
  .gkm-panggung .gkm-kertas h3,.gkm-panggung .gkm-kertas h4{font-family:Carlito,Calibri,Arial,sans-serif!important;color:#111!important;font-weight:700!important;text-wrap:initial}
  .gkm-kertas h3{margin:0;font-size:20px!important;line-height:1.3!important;letter-spacing:.04em!important;text-transform:uppercase}
  .gkm-kertas .gkm-kt{font-size:11.5px;color:#333;margin:2px 0}
  .gkm-kertas .gkm-kt:last-of-type{margin-bottom:12px}
  .gkm-kertas h4{margin:12px 0 5px;font-size:11px!important;line-height:1.5!important;letter-spacing:.06em;border-bottom:1px solid #111;padding-bottom:2px;font-family:inherit}
  .gkm-kertas .gkm-ent{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-top:4px}.gkm-kertas .gkm-ent i{font-weight:400;white-space:nowrap}
  .gkm-kertas .gkm-jab{font-style:italic;margin-bottom:2px}
  .gkm-kertas .gkm-lbl{text-decoration:underline;text-underline-offset:2px;font-weight:600;margin:4px 0 2px}
  .gkm-kertas ul{margin:3px 0 7px;padding-left:15px}.gkm-kertas li{margin:2px 0}
  .gkm-kertas p{margin:0}
  .gkm-tanda{position:relative;background:rgba(179,71,47,.10);box-shadow:inset 0 -2px 0 var(--gkm-risk);border-radius:2px}
  .gkm-tanda.on{background:rgba(179,71,47,.2);box-shadow:inset 0 -2px 0 var(--gkm-risk),0 0 0 3px rgba(179,71,47,.18)}
  .gkm-pin{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--gkm-risk);color:#fff;font:700 10px/20px 'Sora',sans-serif;text-align:center;box-shadow:0 0 0 4px rgba(179,71,47,.15);font-style:normal}
  .gkm-ent .gkm-tanda,.gkm-jab .gkm-tanda,li .gkm-tanda,p .gkm-tanda{display:inline}
  .gkm-pg-kaki{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12.5px;color:var(--gkm-redup);min-height:18px}
  .gkm-legenda span{display:inline-flex;align-items:center;gap:6px}
  .gkm-legenda i{width:14px;height:6px;border-radius:2px;background:var(--gkm-risk)}
  .gkm-baru-skala{display:none;position:relative;flex:none;background:#fff;box-shadow:0 30px 60px -20px rgba(60,40,10,.35),0 2px 6px rgba(0,0,0,.06);border-radius:3px;overflow:hidden}
  .gkm-baru-skala>*{transform-origin:0 0;position:absolute;left:0;top:0}
  .gkm-panggung.gkm-cv-baru:not(.gkm-tab-asli) .gkm-kertas{display:none}
  .gkm-panggung.gkm-cv-baru:not(.gkm-tab-asli) .gkm-baru-skala{display:block}
  .gkm-baru{box-shadow:inset 2px 0 0 rgba(47,122,79,.45);border-radius:0}
  .gkm-baru.on{background:rgba(47,122,79,.07);box-shadow:inset 3px 0 0 #2f7a4f}
  .gkm-ubah{background:rgba(47,122,79,.16);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .gkm-sbs .b .gkm-ubah{background:rgba(47,122,79,.2);font-weight:600}
  /* intip CV baru di layar hasil (balok kosong, satu kalimat jadi) */
  .gkm-intip-balok{display:block}
  .gkm-intip-balok i{display:inline-block;height:.62em;border-radius:3px;background:#ece6da;vertical-align:middle}
  .gkm-intip-jadi{background:rgba(47,122,79,.14);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .gkm-intip-kunci{margin-top:18px;padding:10px 12px;border:1px dashed #d8c7a3;border-radius:6px;text-align:center;font:600 12px 'DM Sans',system-ui,sans-serif;color:#7c561a;background:#fbf6ea}
  .gkm-legenda{display:flex;gap:14px}
  .gkm-legenda i.hijau{background:#2f7a4f}.gkm-legenda i.kuning{background:#f2d27a}
  .gkm-pg-kepala{flex-wrap:wrap}
  .gkm-gulir{padding:0 0 16px}
  .gkm-kertas{padding:26px 34px 26px 22px;font-size:9.5px}
  /* kertas HP sempit: pin ikut alur teks (absolute menimpa baris yang terbungkus) */
  .gkm-pin{position:static;display:inline-block;transform:none;vertical-align:middle;margin-left:6px;width:18px;height:18px;font-size:9.5px;line-height:18px}
}

@media (min-width:1100px) and (prefers-reduced-motion:reduce){.gkm-layar .gkm-temuan li{transition:none}.gkm-pindai{animation:none;top:48%}#screen-loading.gkm-layar .loading-step.active .step-dot{animation:none}}

/* ── Bobot kartu (28 Okt 2026, audit UX) ──
   Sebelumnya tiap blok di kolom kiri kartu putih berbayang yang sama berat,
   jadi mata tidak tahu mana yang utama. Sekarang tiga tingkat:
   1. utama (putih + bayang): skor, temuan, contoh perbaikan, tinjau kalimat;
   2. penawaran (krem emas): peti Audit Lengkap, sudah dari cv-audit-hasil.css;
   3. pendukung (datar, tanpa bayang): lima dimensi, pemeriksaan otomatis,
      lowongan, ringkasan tulis ulang. Isinya tidak berubah, cuma bobotnya. */
@media (min-width:1100px){
  #screen-results.gkm-layar .gkh>.gkh-kartu:has(>.gkh-dim),
  #screen-results.gkm-layar .gkh>#gkh-low-gratis,
  #screen-rewrite.gkm-layar .gkm-kartu:has(>.gkm-ringkas){background:rgba(255,255,255,.45);box-shadow:none;border-color:var(--gkm-garis2)}
  #screen-results.gkm-layar .gkh>#gkh-periksa{background:transparent;box-shadow:none;border:1px dashed var(--gkm-garis)}
  #screen-results.gkm-layar .gkh>.gkh-contoh{border-left:4px solid #B98A34}
}
/* Ganti tab CV asli / CV baru: kertas muncul pelan, bukan meloncat. Pakai
   properti `translate` (bukan transform) supaya skala .gkm-baru-skala yang
   memakai transform tidak tertimpa. Mati total di prefers-reduced-motion. */
@media (prefers-reduced-motion:no-preference){
  .gkm-panggung.gkm-ganti .gkm-kertas,.gkm-panggung.gkm-ganti .gkm-baru-skala{animation:gkm-ganti .32s cubic-bezier(.2,.7,.2,1)}
  @keyframes gkm-ganti{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
}

/* Kartu galat/penolakan di atas form (#gkh-tolak, gkTolakBerkas di kode-05).
   Di layar lebar #gate-form dibatasi 640px dan didorong ke kanan (margin-left
   auto), sedangkan kartu ini melebar penuh, jadi menjulang ke kiri melewati
   kolom isi. Lebarnya disamakan dengan form, dan isinya dibuat mendatar
   (gambar kiri, teks kanan) supaya tidak jadi kartu besar kosong di tengah. */
@media (min-width:1100px){
  #screen-gate.gkm-layar .gkh-tolak{width:100%;max-width:640px;margin:0 0 16px auto!important;box-sizing:border-box;
    grid-template-columns:72px 1fr;justify-items:start;align-items:center;column-gap:18px;row-gap:4px;text-align:left;padding:18px 22px}
  #screen-gate.gkm-layar .gkh-tolak img{width:72px;grid-row:1/span 3;align-self:center}
  #screen-gate.gkm-layar .gkh-tolak>*:not(img){grid-column:2}
  #screen-gate.gkm-layar .gkh-tolak h2{font-size:17px;text-wrap:pretty}
  #screen-gate.gkm-layar .gkh-tolak p{font-size:14px;max-width:none}
  #screen-gate.gkm-layar .gkh-tolak .gkh-aksi{justify-content:flex-start}
}

/* ── Kertas per halaman (28 Okt 2026) ──
   gambar() di meja.js memberi data-hal per blok dari gkAwalHalaman (PDF).
   Halaman yang tidak aktif disembunyikan; tombol ‹ › di kaki panggung. */
.gkm-isi .gkm-hal-lain{display:none!important}
.gkm-halnav{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.75);border:1px solid var(--gkm-garis,rgba(185,138,52,.28));border-radius:999px;padding:3px}
.gkm-halnav[hidden]{display:none}
.gkm-halnav span{font:600 12.5px 'DM Sans',system-ui,sans-serif;color:var(--gkm-ink,#1a1712);padding:0 6px;white-space:nowrap}
.gkm-halnav button{width:30px;height:30px;border-radius:50%;border:0;background:var(--gkm-ink,#1a1712);color:#fff;font:700 17px/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.gkm-halnav button:disabled{background:transparent;color:var(--gkm-redup,#7a6f62);opacity:.45;cursor:default}
.gkm-halnav button:focus-visible{outline:2px solid #2F7F8F;outline-offset:2px}

/* Sapuan pindai: dulu naik-turun 2,2 detik di kertas yang memanjang ke bawah,
   jadi garisnya melesat dan sebagian besar lewat di luar layar. Sekarang satu
   arah, 4,2 detik per halaman A4 dengan jejak cahaya di belakangnya; di akhir
   tiap sapuan JS membalik ke halaman berikutnya (animationiteration). */
@media (min-width:1100px){
  .gkm-pindai{height:2px;animation:gkm-sapu1 4.2s cubic-bezier(.45,.05,.55,.95) infinite}
  .gkm-pindai::before{content:'';position:absolute;left:0;right:0;bottom:2px;height:110px;background:linear-gradient(to top,rgba(47,127,143,.16),rgba(47,127,143,0));pointer-events:none}
  @keyframes gkm-sapu1{0%{top:1%;opacity:0}8%{opacity:1}88%{top:97%;opacity:1}100%{top:97%;opacity:0}}
}
@media (min-width:1100px) and (prefers-reduced-motion:reduce){.gkm-pindai{animation:none;top:48%}.gkm-pindai::before{display:none}}

/* ── Satu ukuran halaman A4 untuk semua kertas + kaca pembesar (29 Okt 2026) ──
   Kertas digambar di 794 x 1123 px (A4 96 dpi, sama dengan klon pratinjau
   .gkm-baru-skala) dengan huruf 10 pt, lalu diperkecil lewat `zoom` oleh
   samakanKertas() di cv-audit-meja.js. Rasio halaman dan ukuran huruf relatif
   jadi sama di kiri dan kanan. */
@media (min-width:1100px){
  body.gkm-on .gkm-panggung .gkm-kertas{width:794px;max-width:none;min-height:1123px;padding:57px 60px;font-size:13.33px;flex:none}
  body.gkm-on .gkm-lup{overflow:hidden;border-radius:6px;width:fit-content;max-width:100%}
  body.gkm-on #gkh-kertas{width:794px;min-height:1123px;padding:57px 60px;box-sizing:border-box;font-size:13.33px}
  body.gkm-on .gkm-panggung .gkm-kertas.gkm-lup-on{overflow:hidden}
  body.gkm-on .gkm-lup-siap{cursor:zoom-in}
  body.gkm-on .gkm-lup-on{cursor:grab;user-select:none}
  body.gkm-on .gkm-lup-seret,body.gkm-on .gkm-lup-seret *{cursor:grabbing!important}
}
@media (min-width:1100px) and (prefers-reduced-motion:no-preference){
  /* Halus waktu membesar & mengikuti kursor; seretan tanpa transisi supaya
     kertas menempel di tangan. */
  body.gkm-on .gkm-lup-on > *{transition:transform .18s cubic-bezier(.2,.7,.3,1)}
  body.gkm-on .gkm-lup-seret > *{transition:none}
}

/* 29 Okt 2026: pill HP ("nama · N halaman · Lihat CV") yang sempat dipasang saat layar sempit
   tetap tinggal di DOM sesudah layar melebar, dan di >=1100px tidak ada aturan yang
   menyembunyikannya, jadi tampil sebagai strip teks tanpa gaya di atas layar tunggu. */
@media (min-width:1100px){.gkm-pil{display:none!important}}