/* Tombol dan laman Visitasi/SPMB.
   Warna diambil dari peubah di bawah supaya mudah disesuaikan per situs:
   cukup timpa .thi-nav-cta,.thi-laman{--thi-utama:...} lewat Customizer. */
:root{
  --thi-utama:#244b36;
  --thi-utama-tua:#173426;
  --thi-muda:#dfeade;
  --thi-daun:#688c70;
  --thi-garis:rgba(36,75,54,.2);
  --thi-teks:#3a4a40;
}

.thi-nav-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--thi-garis);color:var(--thi-utama);font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;border-radius:3px;transition:.2s}
.thi-nav-cta:hover,.thi-nav-cta:focus{background:var(--thi-muda);border-color:var(--thi-utama);color:var(--thi-utama-tua)}
.thi-nav-cta-spmb{background:var(--thi-muda);border-color:var(--thi-muda)}
.thi-nav-cta-spmb:hover,.thi-nav-cta-spmb:focus{background:var(--thi-utama);border-color:var(--thi-utama);color:#fff}
.thi-menu-item{display:flex;align-items:center;max-width:100%}
.thi-nav-cta{max-width:100%}

.thi-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border:1px solid var(--thi-utama);border-radius:3px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:.2s}
.thi-btn-utama{background:var(--thi-utama);color:#fff}
.thi-btn-utama:hover,.thi-btn-utama:focus{background:var(--thi-utama-tua);color:#fff}
.thi-btn-garis{background:transparent;color:var(--thi-utama)}
.thi-btn-garis:hover,.thi-btn-garis:focus{background:var(--thi-muda);color:var(--thi-utama-tua)}
.thi-tombol-baris{display:flex;flex-wrap:wrap;gap:12px}
.thi-tombol-besar{margin:34px 0 0}

.thi-kartu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--thi-garis);border:1px solid var(--thi-garis);border-radius:4px;overflow:hidden}
.thi-kartu{background:#fff;padding:34px 30px}
.thi-kartu-spmb{background:var(--thi-muda)}
.thi-kartu>span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--thi-daun)}
.thi-kartu h3{margin:12px 0 8px;font-size:26px;line-height:1.2}
.thi-kartu p{margin:0;color:var(--thi-teks);font-size:15px}
.thi-kartu a{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding-bottom:5px;border-bottom:1px solid var(--thi-utama);color:var(--thi-utama);font-size:13px;font-weight:700;text-decoration:none}

.thi-laman{max-width:900px}
.thi-laman-kepala>span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--thi-daun)}
.thi-laman-kepala h2{margin:10px 0 12px;line-height:1.15}
.thi-laman-kepala p{margin:0;color:var(--thi-teks)}

.thi-alur{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--thi-garis);border:1px solid var(--thi-garis);border-radius:4px;overflow:hidden}
.thi-alur li{display:flex;gap:18px;align-items:flex-start;background:#fff;padding:26px 24px;margin:0}
.thi-langkah{font-size:22px;font-weight:700;color:var(--thi-daun);line-height:1.1}
.thi-alur h3{margin:0 0 6px;font-size:18px;line-height:1.3}
.thi-alur p{margin:0;color:var(--thi-teks);font-size:14px}

.thi-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
.thi-panel{padding:26px 24px;border:1px solid var(--thi-garis);border-radius:4px;background:#fff}
.thi-panel>span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--thi-daun)}
.thi-panel h3{margin:8px 0 14px;font-size:20px}
.thi-jadwal{margin:0;display:grid;grid-template-columns:1fr auto}
.thi-jadwal dt,.thi-jadwal dd{margin:0;padding:11px 0;border-top:1px solid var(--thi-garis);font-size:14px}
.thi-jadwal dt{font-weight:700}
.thi-jadwal dd{text-align:right;color:var(--thi-teks)}
.thi-daftar{margin:0;padding-left:20px;color:var(--thi-teks);font-size:14px}
.thi-daftar li{margin-bottom:7px}

.thi-kontak{margin-top:22px;color:var(--thi-teks);font-size:14px}
.thi-catatan{margin-top:22px;padding:20px 22px;background:var(--thi-muda);border-radius:4px;color:var(--thi-utama-tua);font-size:14px;line-height:1.7}
.thi-kosong{color:var(--thi-teks)}

@media(max-width:782px){
  .thi-kartu-grid,.thi-alur,.thi-detail{grid-template-columns:1fr}
  /* Tombol dibuat menyusut, bukan selebar penuh: menu tema bisa berupa baris
     flex yang tidak membungkus, dan lebar penuh justru meluberkan halaman. */
  .thi-nav-cta{padding:8px 11px;font-size:11px}
  .thi-btn{padding:11px 16px;font-size:13px}
}