/* ==========================================================
   TOMBOL WHATSAPP
   Hijau diperdalam agar teks putih terbaca (kontras 5,4:1).
   Hijau #25D366 hanya 2:1 dengan putih, terlalu terang.
========================================================== */
.btn-wa{display:inline-block;background:#0f7a40;color:#fff!important;font-weight:700;padding:14px 28px;border-radius:8px;text-decoration:none!important;box-shadow:0 3px 8px rgba(0,0,0,.2);margin:12px 0}
.btn-wa:hover,.btn-wa:focus{background:#0b5f33;color:#fff!important;text-decoration:none!important}
.btn-wa-corp{background:#0b3d91}
.btn-wa-corp:hover,.btn-wa-corp:focus{background:#082c69}
.box-kepercayaan{background:#f3f8f3;border-left:4px solid #25D366;padding:12px 16px;margin:16px 0}

/* ==========================================================
   TABEL KURSUS MS EXCEL ONLINE
========================================================== */
.kursus-ms-excel-online{width:100%;border-collapse:collapse;margin:12px 0}
.kursus-ms-excel-online th,.kursus-ms-excel-online td{border:1px solid #ddd;padding:8px;vertical-align:top;text-align:left}
.kursus-ms-excel-online th{background:#0b3d91!important;color:#fff!important;font-weight:700}

/* ==========================================================
   HALAMAN HARGA / PROGRAM (pembungkus .sk)
========================================================== */
.sk{--ink:#1b2a3a;--muted:#5b6b7b;--line:#dbe2e8;--soft:#f3f6f9;--wa:#0f7a40;--wa-dark:#0b5f33;--price:#0b4f8a;color:var(--ink);line-height:1.6;max-width:960px;margin:0 auto}
.sk *{box-sizing:border-box}
.sk h2{font-size:1.5rem;line-height:1.25;margin:2.2rem 0 .6rem}
.sk h3{font-size:1.15rem;margin:1.6rem 0 .3rem}
.sk .lead{font-size:1.08rem;margin:.4rem 0 1rem}

/* Tombol */
.sk .btn{display:inline-block;padding:.7rem 1.2rem;border-radius:6px;font-weight:700;text-decoration:none!important;background:var(--wa);color:#fff!important;border:2px solid var(--wa)}
.sk .btn:hover,.sk .btn:focus{background:var(--wa-dark);border-color:var(--wa-dark);color:#fff!important}
.sk .btn.alt{background:#fff;color:var(--price)!important;border:2px solid var(--price)}
.sk .btn.alt:hover,.sk .btn.alt:focus{background:var(--price);color:#fff!important}
.sk .btn.sm{padding:.4rem .8rem;font-size:.9rem}

/* Kotak fakta */
.sk .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;list-style:none;padding:0;margin:1rem 0}
.sk .facts li{background:var(--soft);border-left:4px solid var(--price);padding:.6rem .9rem}

/* Navigasi pil */
.sk .nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none}
.sk .nav a{display:inline-block;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:#fff}
.sk .nav a:hover,.sk .nav a:focus{border-color:var(--price);color:var(--price)}

/* Tabel: judul kolom putih di atas biru tua (sebelumnya putih di atas abu-abu muda sehingga tak terbaca) */
.sk .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sk table{width:100%;border-collapse:collapse;min-width:620px;margin:.5rem 0}
.sk th,.sk td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sk thead th{background:var(--price)!important;color:#fff!important;font-size:.9rem;font-weight:700;border-bottom:2px solid var(--price)}
.sk tbody th{background:transparent;color:var(--ink);font-weight:700}
.sk tbody tr:nth-child(even){background:#fafcfd}
.sk td.p{font-weight:700;color:var(--price);white-space:nowrap}
.sk .note{color:var(--muted);font-size:.92rem;margin:.2rem 0 .6rem}

/* Galeri */
.sk .gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:0;padding:0}
.sk .gal figure{margin:0}
.sk .gal img{width:100%;height:auto;border:1px solid var(--line);display:block}
.sk .gal figcaption{font-size:.9rem;color:var(--muted);margin-top:.3rem}

/* Kutipan, FAQ, ajakan */
.sk blockquote{margin:.8rem 0;padding:.6rem 1rem;border-left:4px solid var(--line);background:var(--soft)}
.sk blockquote footer{color:var(--muted);font-size:.9rem;margin-top:.3rem}
.sk details{border-bottom:1px solid var(--line);padding:.7rem 0}
.sk summary{font-weight:700;cursor:pointer}
.sk .cta{background:var(--soft);padding:1.2rem;border-radius:8px;text-align:center;margin:2rem 0}

/* Fokus keyboard yang jelas */
.sk a:focus-visible,.sk summary:focus-visible,.btn-wa:focus-visible,.sk-fab:focus-visible{outline:3px solid #f5a623;outline-offset:2px}

/* ==========================================================
   TOMBOL WA MELAYANG (hanya layar < 900px)
   Digeser ke kiri agar tidak menabrak tombol "kembali ke atas"
   tema di kanan bawah. Kembalikan ke right:14px bila tidak bentrok.
========================================================== */
.sk-fab{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:999;background:#0f7a40;color:#fff!important;padding:.7rem 1rem;border-radius:999px;font-weight:700;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.sk-fab:hover,.sk-fab:focus{color:#fff!important;background:#0b5f33}
@media(min-width:900px){.sk-fab{display:none}}