/* Halaman daftar SOPAP — gaya khusus halaman.
 *
 * Dimuat SETELAH portal.css dan dokumen.css dan hanya menambah: kartu,
 * kelompok, dan kolom pencarian memakai gaya beranda; tombol kembali dan
 * kepala halaman memakai gaya halaman dokumen.
 */

.shell-sopap{max-width:1080px}

.head-file .sopap-sub{
  margin-top:8px;font-size:.78rem;font-weight:300;letter-spacing:.02em;
  text-transform:none;color:var(--faint);
}

/* ============================================================
   BIDANG
   ============================================================ */
.bidang{margin-bottom:clamp(36px,6vw,56px);scroll-margin-top:24px}
.bidang[hidden]{display:none}
.bidang-head{
  margin:0 0 clamp(18px,3vw,26px);padding:clamp(16px,3vw,22px) clamp(18px,3vw,24px);
  border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(217,180,91,.14),rgba(217,180,91,.03) 60%);
  border:1px solid rgba(217,180,91,.28);
}
.bidang-head h2{
  margin:0;font-size:clamp(1.05rem,3vw,1.35rem);font-weight:800;letter-spacing:-.01em;color:#fff;
}
.bidang-head p{margin:4px 0 0;font-size:.8rem;font-weight:400;color:var(--muted)}

.cat-head h3{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);white-space:nowrap}
@media(max-width:560px){.cat-head h3{white-space:normal}}

/* Tautan #kelompok tidak berhenti tepat di tepi atas layar. */
.cat{scroll-margin-top:24px}

/* ============================================================
   KARTU SOPAP
   ============================================================ */
.sopap-card{align-items:flex-start}
.sopap-card .chip{width:46px;height:46px;border-radius:14px}
.sopap-card .chip svg{width:22px;height:22px}
.sopap-card .chev{align-self:center}
.sopap-card .card-title{font-size:.96rem}
.sopap-card .card-desc{
  font-size:.78rem;font-weight:500;color:var(--muted);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
.sopap-meta{
  display:block;margin-top:6px;
  font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--faint);
}