/* Tambahan kecil di luar CSS bawaan tema (tidak mengubah tampilan tema) */
mark{background:#fe500026;color:inherit;border-radius:.25rem;padding:0 .15rem}

/* Bar pemuatan bawaan tema (Pace) disembunyikan.
   Situs ini statis dan seluruh gambar sudah tersimpan di repo, jadi bar pemuatan
   tidak diperlukan. Sebaliknya, bila ada satu permintaan yang gagal (misalnya
   indeks pencarian saat pratinjau di komputer), bar oranye ini tersangkut
   di tepi atas halaman dan terlihat seperti garis nyasar. */
.pace{display:none!important}

/* Isi artikel hasil migrasi Blogger */
.pks-post-content img{max-width:100%;height:auto}
.pks-post-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.pks-post-content td,.pks-post-content th{border:1px solid #eef2f6;padding:.5rem}
.pks-post-content iframe{max-width:100%}
.pks-post-content iframe[src*="youtube"]{width:100%;aspect-ratio:16/9;height:auto}
.pks-post-content .separator{text-align:center}

/* Beberapa kelas utilitas yang tidak termuat di CSS bawaan tema */
.hover\:text-pks-orange:hover{color:var(--color-pks-orange,#fe5000)}
.mb-3{margin-bottom:.75rem}
.mt-8{margin-top:2rem}
.py-16{padding-block:4rem}
.w-1\/3{width:33.3333%}

/* ---- Navigasi halaman (mengikuti page_navi() tema WordPress) ---- */
.pn{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;margin-top:2rem}
.pn-btn{display:block;padding:.5rem 1rem;border:1px solid var(--color-pks-blue,#007efd);border-radius:9999px;background:transparent;color:var(--color-pks-blue,#007efd);line-height:1.5;cursor:pointer;transition:background-color .2s,color .2s}
a.pn-btn:visited{color:var(--color-pks-blue,#007efd)}
a.pn-btn:hover{background:var(--color-pks-blue,#007efd);color:#fff}
.pn-current{background:var(--color-pks-blue,#007efd);color:#fff;transform:scale(1.1)}

/* ---- Indeks kategori dan tag ---- */
.cat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 1rem;border:1px solid var(--color-pks-black-50,#eef2f6);border-radius:9999px;background:#fff;font-size:.875rem;box-shadow:0 1px 2px rgba(16,24,32,.06);color:var(--color-pks-black,#101820)}
.cat-pill:hover{color:var(--color-pks-orange,#fe5000)}
.tag-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}
.tc{color:var(--color-pks-black,#101820);line-height:1.4}
.tc:hover{color:var(--color-pks-orange,#fe5000)}
.tc small{margin-left:.25rem;color:var(--color-pks-black-300,#99b2cc);font-size:.6em}
.tc-1{font-size:.875rem}.tc-2{font-size:1rem}.tc-3{font-size:1.25rem}.tc-4{font-size:1.5rem;font-weight:600}
.mt-6{margin-top:1.5rem}

/* ---- Zoom gambar artikel (meniru tema WordPress DPP) ----
   Klik gambar = gambar membesar mengapung, bukan pindah ke alamat gambar.
   Lapisan penutup (#zoom-container) menutupi layar saat gambar dibuka. */
#zoom-container{display:none;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:50;cursor:zoom-out}
#zoom-container:empty{display:none}
.medium-zoom-overlay{z-index:11}
.medium-zoom-image--opened{z-index:12;border-radius:.25rem;box-shadow:0 24px 60px rgba(16,24,32,.28)}
.pks-post-content img,.pks-post-featured-image img{cursor:zoom-in}
/* Teks kecil di bawah gambar saat di-zoom, diambil dari keterangan gambar */
.zoom-caption{z-index:13;color:#fff;pointer-events:none;opacity:0;background:#14141499;border:1px solid #ffffff1a;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 24px #0000004d;max-width:min(90vw,48rem);text-align:center}
.zoom-caption--visible{opacity:1;transform:translate(-50%)}

/* ---- Ringkasan: "Baca selengkapnya" (Tangerine: biru = dapat diklik) ---- */
.baca-lanjut{color:var(--color-pks-blue,#007efd);font-weight:600;white-space:nowrap}
.group:hover .baca-lanjut{color:var(--color-pks-blue-dark,#0065ca);text-decoration:underline}

/* ---- Halaman Profil Fraksi (/profil-fraksi/) ---- */
.fraksi{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}
.fraksi .fraksi-judul{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-pks-black,#101820)}
.fraksi-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
.fraksi-kartu{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-pks-black-50,#eef2f6);border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,32,.06)}
.fraksi-foto{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;background:#f8fafc}
.fraksi-foto--kosong{display:flex;align-items:center;justify-content:center;height:190px;aspect-ratio:auto;padding:1.25rem;background:#fff}
.fraksi-foto--kosong img{width:auto;height:100%;max-width:60%;object-fit:contain}
.fraksi-isi{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.15rem 1.25rem}
.fraksi .fraksi-kartu h3{margin:0;font-size:1.0625rem;font-weight:600;color:var(--color-pks-black,#101820);line-height:1.3}
.fraksi-jabatan{margin:0;font-size:.875rem;color:var(--color-pks-black-300,#5b6b7c)}
.fraksi-kartu dl{display:grid;gap:.45rem;margin:0;font-size:.875rem;line-height:1.45}
.fraksi-kartu dl div{display:flex;gap:.5rem}
.fraksi-kartu dt{flex:0 0 4.75rem;font-size:.8125rem;color:var(--color-pks-black-300,#5b6b7c);padding-top:.1rem}
.fraksi-kartu dd{margin:0;color:var(--color-pks-black,#101820)}
.fraksi-kec{font-size:.8125rem;line-height:1.5}
.fraksi-ajakan{margin:.5rem 0 0;padding:.9rem 1rem;background:#fe50000d;border-left:3px solid var(--color-pks-orange,#fe5000);border-radius:.5rem;font-size:.9375rem;color:var(--color-pks-black,#101820)}
.fraksi-ajakan a{color:var(--color-pks-blue,#007efd);font-weight:600;text-decoration:underline}
@media (min-width:640px){.fraksi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- Halaman Profil Pengurus (/profil-pengurus/) ---- */
.pg{display:flex;flex-direction:column;gap:1.75rem;margin-top:1rem}
.pg-cari{background:#fff;border:1px solid var(--color-pks-black-50,#eef2f6);border-radius:.75rem;padding:.75rem 1rem;box-shadow:0 2px 8px rgba(16,24,32,.06)}
.pg-cari input{width:100%;border:1px solid #dbe4ee;border-radius:.5rem;padding:.55rem .75rem;font-size:.9375rem;color:var(--color-pks-black,#101820);background:#fff}
.pg-cari input:focus{outline:2px solid var(--color-pks-orange,#fe5000);outline-offset:1px;border-color:transparent}
.pg-cari-info{margin:.4rem 0 0;font-size:.8125rem;color:var(--color-pks-black-300,#5b6b7c)}
.pg-kelompok{display:flex;flex-direction:column;gap:.6rem}
.pg-judul{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0;padding-left:.6rem;border-left:4px solid var(--color-pks-orange,#fe5000);font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--color-pks-black,#101820)}
.pg-jumlah{flex:0 0 auto;font-size:.75rem;font-weight:500;color:#8aa0b6;white-space:nowrap}
.pg-unit{margin:.35rem 0 0;font-size:.875rem;font-weight:600;color:var(--color-pks-orange,#fe5000)}
.pg .pg-tabel-bungkus{overflow-x:auto;border:1px solid var(--color-pks-black-50,#eef2f6);border-radius:.75rem;background:#fff}
.pg .pg-tabel{display:table;width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:.9375rem}
.pg .pg-tabel th{padding:.5rem .85rem;background:#f8fafc;border:0;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-pks-black-300,#5b6b7c)}
.pg .pg-tabel td{padding:.55rem .85rem;border:0;border-top:1px solid #f1f5f9;vertical-align:top}
.pg .pg-tabel th:first-child,.pg .pg-tabel td:first-child{width:58%;color:var(--color-pks-black,#101820);font-weight:500}
.pg .pg-tabel td:last-child{color:var(--color-pks-black-300,#5b6b7c)}
@media (max-width:640px){
  .pg .pg-tabel{display:block}
  .pg .pg-tabel thead{display:none}
  .pg .pg-tabel tbody,.pg .pg-tabel tr,.pg .pg-tabel td{display:block;width:auto}
  .pg .pg-tabel tr{padding:.55rem .85rem;border-top:1px solid #f1f5f9}
  .pg .pg-tabel tr:first-child{border-top:0}
  .pg .pg-tabel td{border:0;padding:0}
  .pg .pg-tabel td:first-child{width:auto;font-weight:600}
  .pg .pg-tabel td:last-child{margin-top:.1rem;font-size:.8125rem}
}

/* ---- Formulir Aspirasi & Gabung PKS ---- */
.formulir{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}
/* tiga kelas dipakai agar menang atas `.pks-post>.pks-post-content h2` dari tema */
.pks-post-content .formulir .formulir-judul{margin:0 0 .5rem;font-size:1.25rem;line-height:1.35;font-weight:600;color:var(--color-pks-orange,#fe5000)}
.formulir-notis{margin:0;padding:.9rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-left:3px solid var(--color-pks-orange,#fe5000);border-radius:.5rem;font-size:.9375rem;line-height:1.6;color:#7c2d12}
.formulir-badan{display:flex;flex-direction:column;gap:1rem}
.formulir-baris{display:grid;grid-template-columns:1fr;gap:1rem}
.formulir-anyar{display:grid;grid-template-columns:1fr;gap:1rem}
.formulir-isian--penuh{grid-column:1/-1}
.formulir .formulir-galat{margin:0;font-size:.8125rem;line-height:1.5;font-weight:500;color:#b91c1c}
.formulir .formulir-galat[hidden]{display:none}
.formulir .formulir-isian input[aria-invalid="true"],.formulir .formulir-isian select[aria-invalid="true"],.formulir .formulir-isian textarea[aria-invalid="true"]{border-color:#dc2626;background:#fef2f2}
.formulir .formulir-isian input[aria-invalid="true"]:focus{outline-color:#dc2626}
.formulir .formulir-isian--salah .formulir-bantuan{display:none}
.formulir .formulir-bantuan code{padding:.05rem .3rem;border-radius:.25rem;background:#f1f5f9;font-size:.9em}
.formulir-isian{display:flex;flex-direction:column;gap:.35rem}
.formulir .formulir-isian label{display:block;margin:0;font-size:.875rem;line-height:1.4;font-weight:600;color:var(--color-pks-black,#101820)}
.formulir .formulir-isian label small{font-weight:400;color:var(--color-pks-black-300,#5b6b7c)}
.formulir .formulir-isian .wajib{color:var(--color-pks-orange,#fe5000)}
.formulir .formulir-isian input[type=text],.formulir .formulir-isian input[type=email],.formulir .formulir-isian input[type=tel],
.formulir .formulir-isian select,.formulir .formulir-isian textarea{margin:0;width:100%;padding:.6rem .75rem;border:1px solid #dbe4ee;border-radius:.5rem;background:#fff;font-size:.9375rem;line-height:1.5;font-family:inherit;color:var(--color-pks-black,#101820);box-shadow:none}
.formulir .formulir-isian textarea{resize:vertical;line-height:1.6}
.formulir .formulir-isian input:focus,.formulir .formulir-isian select:focus,.formulir .formulir-isian textarea:focus{outline:2px solid var(--color-pks-orange,#fe5000);outline-offset:1px;border-color:transparent}
.formulir .formulir-isian select:disabled{background:#f8fafc;color:#94a3b8}
.formulir-bantuan{font-size:.75rem;line-height:1.5;color:var(--color-pks-black-300,#5b6b7c)}
.formulir .formulir-setuju{display:flex;gap:.6rem;align-items:flex-start;margin:0;font-size:.875rem;font-weight:400;line-height:1.6;color:var(--color-pks-black,#101820);cursor:pointer}
.formulir .formulir-setuju input{margin:.25rem 0 0;width:1rem;height:1rem;accent-color:var(--color-pks-orange,#fe5000);flex:0 0 auto}
.formulir-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.formulir-tombol{appearance:none;border:0;border-radius:9999px;padding:.65rem 1.75rem;background:var(--color-pks-orange,#fe5000);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s}
.formulir-tombol:hover:not(:disabled){background:var(--color-pks-orange-dark,#d94400)}
.formulir-tombol:disabled{opacity:.5;cursor:not-allowed}
.formulir-status{margin:0;font-size:.875rem;line-height:1.5}
.formulir-status--ok{color:#15803d;font-weight:500}
.formulir-status--error{color:#b91c1c;font-weight:500}
.formulir-jebakan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- Pop-up konfirmasi kiriman berhasil --- */
.formulir-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem}
.formulir-modal[hidden]{display:none}
.formulir-modal-latar{position:absolute;inset:0;background:rgba(16,24,32,.6);animation:formulir-pudar .18s ease-out both}
.formulir-modal-kartu{position:relative;width:100%;max-width:25rem;background:#fff;border-radius:1rem;padding:2rem 1.6rem 1.6rem;text-align:center;box-shadow:0 24px 64px -12px rgba(16,24,32,.45);animation:formulir-muncul .24s cubic-bezier(.2,.9,.3,1.08) both}
.formulir-modal-kartu:focus{outline:none}
.formulir-modal-ikon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1.1rem;border-radius:9999px;background:var(--color-pks-orange,#fe5000);color:#fff}
.formulir-modal-ikon svg{width:2rem;height:2rem}
/* tiga kelas: jaga-jaga bila pop-up sempat dirender di dalam .pks-post-content */
.formulir-modal .formulir-modal-kartu .formulir-modal-judul{margin:0 0 .6rem;font-size:1.1875rem;line-height:1.4;font-weight:600;color:var(--color-pks-black,#101820)}
.formulir-modal .formulir-modal-kartu .formulir-modal-teks{margin:0 0 1.5rem;font-size:.9375rem;line-height:1.65;color:#3d4a57}
.formulir .formulir-modal-tombol,.formulir-modal-tombol{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1.75rem;border-radius:9999px;background:var(--color-pks-orange,#fe5000);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .2s}
.formulir-modal-tombol:hover{background:var(--color-pks-orange-dark,#d94400);color:#fff}
.formulir-modal-tombol:focus-visible{outline:2px solid var(--color-pks-black,#101820);outline-offset:2px}
@keyframes formulir-pudar{from{opacity:0}to{opacity:1}}
@keyframes formulir-muncul{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.formulir-modal-latar,.formulir-modal-kartu{animation:none}}
@media (min-width:640px){.formulir-baris{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px){.formulir-anyar{grid-template-columns:repeat(2,minmax(0,1fr))}}