/* STISIPOL Pahlawan 12 — gaya situs publik */
:root{
  --laut:#0e3b47; --laut-2:#16556a; --laut-3:#e3eef1;
  --pasir:#f6f7f5; --putih:#fff; --timah:#d9e0e3; --garis:#cfd8dc;
  --tinta:#14232a; --abu:#53656d;
  --emas:#d99a1e; --emas-tua:#8a5d05; --emas-muda:#fbefd2;
  --ok:#1f7a4d; --bad:#a8321f; --warn:#8a5d05; --info:#16556a;
  --f-judul:"Newsreader",Georgia,"Times New Roman",serif;
  --f-isi:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --lebar:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--f-isi);color:var(--tinta);background:var(--pasir);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--laut-2);text-underline-offset:3px}
a:hover{color:var(--laut)}
:focus-visible{outline:3px solid var(--emas);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--f-judul);line-height:1.2;color:var(--laut);margin:0 0 .6em;font-weight:600}
h1{font-size:clamp(2rem,4.2vw,3.2rem);letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.wrap{max-width:var(--lebar);margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--emas);color:#000;padding:8px 14px;z-index:100}
.skip:focus{left:8px;top:8px}

/* ---------- Header ---------- */
.topbar{background:var(--laut);color:#cfe3e8;font-size:.85rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.topbar .t-kiri,.topbar .t-kanan{display:flex;gap:18px;flex-wrap:wrap}
.header{background:var(--putih);border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:50}
.header .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--laut);flex-shrink:0}
.brand img{width:48px;height:48px;object-fit:contain}
.brand b{font:600 1.35rem/1.05 var(--f-judul);display:block}
.brand small{display:block;font-size:.72rem;color:var(--abu);line-height:1.2;max-width:190px}
.nav{margin-left:auto}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.nav li{position:relative}
.nav>ul>li>a,.nav>ul>li>button{display:block;padding:10px 12px;color:var(--tinta);text-decoration:none;font:500 .93rem var(--f-isi);background:none;border:0;cursor:pointer;border-radius:3px}
.nav>ul>li>a:hover,.nav>ul>li>button:hover,.nav>ul>li>a.active,.nav>ul>li.active>button{color:var(--laut-2);background:var(--laut-3)}
.nav .sub{display:none;position:absolute;left:0;top:100%;min-width:230px;background:var(--putih);border:1px solid var(--garis);border-top:3px solid var(--emas);box-shadow:0 12px 24px rgba(14,59,71,.12);list-style:none;margin:0;padding:6px 0;z-index:60}
.nav li:hover>.sub,.nav li:focus-within>.sub,.nav li.buka>.sub{display:block}
.nav .sub a{display:block;padding:8px 16px;color:var(--tinta);text-decoration:none;font-size:.92rem}
.nav .sub a:hover{background:var(--laut-3);color:var(--laut)}
.btn{display:inline-block;padding:11px 22px;border-radius:3px;background:var(--laut);color:#fff;text-decoration:none;font:600 .95rem var(--f-isi);border:2px solid var(--laut);cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--laut-2);border-color:var(--laut-2);color:#fff}
.btn-emas{background:var(--emas);border-color:var(--emas);color:#241800}
.btn-emas:hover{background:#c78a14;border-color:#c78a14;color:#241800}
.btn-garis{background:transparent;color:var(--laut)}
.btn-garis:hover{background:var(--laut);color:#fff}
.btn-kecil{padding:7px 14px;font-size:.85rem}
.nav .btn{margin-left:8px}
.cari-btn{background:none;border:0;padding:8px;cursor:pointer;color:var(--laut);font-size:1.1rem}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--garis);padding:8px 12px;border-radius:3px;font:600 .9rem var(--f-isi);color:var(--laut);cursor:pointer}
.cari-bar{display:none;background:var(--laut-3);border-bottom:1px solid var(--garis)}
.cari-bar.buka{display:block}
.cari-bar form{display:flex;gap:8px;padding:12px 0}
.cari-bar input{flex:1;padding:10px 14px;border:1px solid var(--garis);border-radius:3px;font:inherit}

/* ---------- Hero ---------- */
.hero{background:var(--laut);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(172deg,transparent 0 46px,rgba(255,255,255,.035) 46px 47px);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;padding-top:64px;padding-bottom:64px;position:relative;align-items:start}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:15em}
.hero p.lead{font-size:1.12rem;color:#d3e4e9;max-width:34em}
.hero .aksi{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero .btn-garis{color:#fff;border-color:rgba(255,255,255,.55)}
.hero .btn-garis:hover{background:#fff;color:var(--laut)}
.slide{display:none}
.slide.on{display:block;animation:masuk .6s ease}
@keyframes masuk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.slide-dots{display:flex;gap:8px;margin-top:26px}
.slide-dots button{width:34px;height:4px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0}
.slide-dots button.on{background:var(--emas)}
.papan{background:var(--putih);color:var(--tinta);border-top:6px solid var(--emas);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.papan h2{font-size:1.15rem;margin:0;padding:16px 20px 12px;border-bottom:1px solid var(--garis)}
.papan .pmb-info{padding:14px 20px;background:var(--emas-muda);border-bottom:1px solid var(--garis);font-size:.92rem}
.papan .pmb-info b{color:var(--emas-tua)}
.papan ul{list-style:none;margin:0;padding:0}
.papan li{padding:12px 20px;border-bottom:1px solid var(--timah)}
.papan li:last-child{border:0}
.papan li a{color:var(--tinta);text-decoration:none;font-weight:600;display:block;line-height:1.35}
.papan li a:hover{color:var(--laut-2);text-decoration:underline}
.papan time,.meta{display:block;font-size:.8rem;color:var(--abu);margin-top:2px}
.papan .semua{display:block;padding:12px 20px;background:var(--laut-3);font-weight:600;text-decoration:none;font-size:.9rem}
.tag{display:inline-block;background:var(--emas);color:#241800;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:2px;margin-right:6px;vertical-align:1px}

/* ---------- Seksi ---------- */
.seksi{padding:64px 0}
.seksi.putih{background:var(--putih)}
.seksi.laut{background:var(--laut);color:#e3eef1}
.seksi.laut h2,.seksi.laut h3{color:#fff}
.sek-kepala{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.sek-kepala h2{margin:0}
.sek-kepala p{margin:6px 0 0;color:var(--abu);max-width:44em}
.lihat{font-weight:600;text-decoration:none}
.lihat:hover{text-decoration:underline}

/* Ringkasan angka sebagai kalimat */
.fakta{display:flex;flex-wrap:wrap;gap:10px 36px;padding:26px 0;border-bottom:1px solid var(--garis);font-size:1rem;color:var(--abu)}
.fakta strong{font:600 2rem var(--f-judul);color:var(--laut);margin-right:6px}

/* Sambutan */
.sambutan{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center}
.sambutan img{width:240px;height:300px;object-fit:cover;border-bottom:6px solid var(--emas)}
.sambutan blockquote{margin:0;font:400 1.35rem/1.55 var(--f-judul);color:var(--laut)}
.sambutan cite{display:block;margin-top:14px;font:600 .95rem var(--f-isi);color:var(--abu);font-style:normal}

/* Program studi */
.prodi-list{display:grid;gap:0;border-top:1px solid var(--garis)}
.prodi-row{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--garis);text-decoration:none;color:inherit}
.prodi-row:hover{background:var(--laut-3)}
.prodi-row .jenjang{font:600 1.9rem var(--f-judul);color:var(--emas-tua)}
.prodi-row h3{margin:0 0 4px}
.prodi-row p{margin:0;color:var(--abu);font-size:.95rem}
.prodi-row .akr{font-size:.82rem;font-weight:600;color:var(--laut-2);border:1px solid var(--laut-2);padding:3px 10px;border-radius:20px;white-space:nowrap}

/* Berita */
.grid{display:grid;gap:26px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.berita-utama{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.kartu{background:var(--putih);border:1px solid var(--garis);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .15s}
.kartu:hover{border-color:var(--laut-2)}
.kartu .gbr{aspect-ratio:16/10;overflow:hidden;background:var(--laut-3)}
.kartu .gbr img{width:100%;height:100%;object-fit:cover}
.kartu .isi{padding:16px 18px 20px}
.kartu h3{font-size:1.12rem;margin:6px 0}
.kartu p{color:var(--abu);font-size:.92rem;margin:0}
.kat{font-size:.78rem;font-weight:700;color:var(--emas-tua)}
.berita-utama .kartu.besar h3{font-size:1.55rem}
.daftar-kecil{display:flex;flex-direction:column;gap:0}
.daftar-kecil a{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--garis);text-decoration:none;color:var(--tinta)}
.daftar-kecil a:first-child{padding-top:0}
.daftar-kecil img{width:96px;height:68px;object-fit:cover}
.daftar-kecil b{display:block;line-height:1.35}
.daftar-kecil a:hover b{color:var(--laut-2)}

/* Agenda */
.agenda-item{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--garis)}
.agenda-item:last-child{border:0}
.tgl{background:var(--laut);color:#fff;text-align:center;padding:8px 0;line-height:1.1;align-self:start}
.tgl b{display:block;font:600 1.6rem var(--f-judul)}
.tgl span{font-size:.75rem}
.agenda-item h3{font-size:1.05rem;margin:0 0 2px}
.agenda-item p{margin:0;color:var(--abu);font-size:.9rem}

/* Dosen */
.dosen-kartu{text-align:left;text-decoration:none;color:inherit;display:block}
.foto-dosen{aspect-ratio:4/5;background:var(--laut-3);overflow:hidden;margin-bottom:10px;position:relative}
.foto-dosen img{width:100%;height:100%;object-fit:cover}
.foto-dosen .inisial{position:absolute;inset:0;display:grid;place-items:center;font:600 3.2rem var(--f-judul);color:var(--laut-2);background:linear-gradient(160deg,var(--laut-3),#c9dde3)}
.dosen-kartu b{display:block;line-height:1.3}
.dosen-kartu small{color:var(--abu)}
.dosen-kartu:hover b{color:var(--laut-2);text-decoration:underline}

/* Fasilitas */
.fas{padding:20px 0;border-top:3px solid var(--emas)}
.fas .ikon{font-size:1.8rem;display:block;margin-bottom:6px}
.fas h3{margin-bottom:4px;font-size:1.1rem}
.fas p{color:var(--abu);margin:0;font-size:.93rem}
.seksi.laut .fas p{color:#b9d2d9}

/* Galeri */
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.galeri figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--laut-3)}
.galeri img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeri figure:hover img{transform:scale(1.05)}
.galeri figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(8,30,38,.85));color:#fff;font-size:.88rem}

/* Testimoni & mitra */
.testi{border-left:4px solid var(--emas);padding:2px 0 2px 18px}
.testi p{font:400 1.1rem/1.55 var(--f-judul);color:var(--laut)}
.testi b{display:block;font-size:.92rem}
.testi small{color:var(--abu)}
.mitra{display:flex;flex-wrap:wrap;gap:12px}
.mitra span,.mitra a{border:1px solid var(--garis);background:var(--putih);padding:10px 16px;font-size:.9rem;font-weight:600;color:var(--laut);text-decoration:none}
.mitra img{max-height:38px;width:auto}

/* CTA PMB */
.cta{background:var(--emas);color:#241800}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}
.cta h2{color:#241800;margin:0}
.cta p{margin:4px 0 0}
.cta .btn{background:#241800;border-color:#241800;color:#fff}
.cta .btn:hover{background:#000}

/* ---------- Halaman dalam ---------- */
.judul-halaman{background:var(--laut);color:#fff;padding:38px 0 34px}
.judul-halaman h1{color:#fff;margin:0}
.judul-halaman p{margin:8px 0 0;color:#c4dce2;max-width:42em}
.remah{font-size:.85rem;margin-bottom:10px;color:#a9c8d0}
.remah a{color:#d7e9ed}
.konten-grid{display:grid;grid-template-columns:1fr 300px;gap:44px;padding:44px 0 70px}
.konten-grid.tanpa{grid-template-columns:1fr}
.artikel{max-width:72ch;font-size:1.04rem}
.artikel.lebar{max-width:none}
.artikel h2,.artikel h3{margin-top:1.6em}
.artikel img{margin:1.2em 0}
.artikel table{border-collapse:collapse;width:100%;margin:1em 0}
.artikel th,.artikel td{border:1px solid var(--garis);padding:8px 12px;text-align:left}
.artikel th{background:var(--laut-3)}
.artikel blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:4px solid var(--emas);font:italic 1.15rem/1.6 var(--f-judul)}
.samping h3{font-size:1.05rem;padding-bottom:8px;border-bottom:3px solid var(--emas);margin-bottom:10px}
.samping{display:flex;flex-direction:column;gap:30px}
.samping ul{list-style:none;margin:0;padding:0}
.samping li a{display:block;padding:9px 0;border-bottom:1px solid var(--timah);text-decoration:none;color:var(--tinta);font-size:.95rem}
.samping li a:hover,.samping li a.active{color:var(--laut-2);font-weight:600}
.hero-gbr{margin-bottom:24px;width:100%;max-height:420px;object-fit:cover}
.bagi a{display:inline-block;margin-right:12px;font-size:.88rem;font-weight:600}
.info-tabel{width:100%;border-collapse:collapse;margin:1em 0}
.info-tabel th{text-align:left;width:34%;color:var(--abu);font-weight:500;padding:9px 12px 9px 0;vertical-align:top}
.info-tabel td{padding:9px 0}
.info-tabel tr{border-bottom:1px solid var(--timah)}
.saring{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;align-items:center}
.saring a{padding:6px 14px;border:1px solid var(--garis);text-decoration:none;color:var(--tinta);background:var(--putih);font-size:.9rem}
.saring a.on,.saring a:hover{background:var(--laut);color:#fff;border-color:var(--laut)}
.saring input,.saring select{padding:9px 12px;border:1px solid var(--garis);font:inherit;background:var(--putih);border-radius:3px}
.list-pengumuman a{display:block;padding:16px 0;border-bottom:1px solid var(--garis);text-decoration:none;color:var(--tinta)}
.list-pengumuman a:hover b{color:var(--laut-2);text-decoration:underline}
.list-pengumuman b{font:600 1.15rem var(--f-judul);color:var(--laut)}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:34px;align-items:center}
.pager a,.pager span{padding:7px 13px;border:1px solid var(--garis);text-decoration:none;background:var(--putih);font-size:.92rem}
.pager .cur{background:var(--laut);border-color:var(--laut);color:#fff}
.pager span:not(.cur){border:0;background:none}

/* ---------- Form ---------- */
.form{display:grid;gap:18px}
.baris{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.baris.tiga{grid-template-columns:repeat(3,1fr)}
.fld label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}
.fld .wajib{color:var(--bad)}
.fld input,.fld select,.fld textarea{width:100%;padding:11px 13px;border:1px solid #9fb0b7;border-radius:3px;font:inherit;background:#fff;color:var(--tinta)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid rgba(217,154,30,.55);border-color:var(--emas-tua)}
.fld small{color:var(--abu);display:block;margin-top:4px;font-size:.82rem}
.fld .galat{color:var(--bad);font-size:.85rem;margin-top:4px;display:block;font-weight:600}
.fld.ada-galat input,.fld.ada-galat select,.fld.ada-galat textarea{border-color:var(--bad)}
fieldset{border:1px solid var(--garis);padding:20px;margin:0;background:var(--putih)}
legend{font:600 1.1rem var(--f-judul);padding:0 8px;color:var(--laut)}
.hp{position:absolute;left:-5000px;height:0;overflow:hidden}
.cek{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.cek input{width:auto;margin-top:5px}
.alert{padding:13px 16px;border-left:5px solid;margin:0 0 20px;font-size:.95rem;background:#fff}
.alert-success{border-color:var(--ok);background:#e8f5ee}
.alert-danger,.alert-error{border-color:var(--bad);background:#fbebe8}
.alert-warning{border-color:var(--emas);background:var(--emas-muda)}
.alert-info{border-color:var(--info);background:var(--laut-3)}
.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.78rem;font-weight:700}
.badge-info{background:var(--laut-3);color:var(--info)}
.badge-warn{background:var(--emas-muda);color:var(--warn)}
.badge-ok{background:#dff3e8;color:var(--ok)}
.badge-bad{background:#fbe1dc;color:var(--bad)}
.badge-muted{background:#e8ecee;color:var(--abu)}
.langkah{counter-reset:l;list-style:none;padding:0;margin:0}
.langkah li{counter-increment:l;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:12px 0;align-items:start}
.langkah li::before{content:counter(l);width:36px;height:36px;border-radius:50%;background:var(--laut);color:#fff;display:grid;place-items:center;font-weight:700}
.no-reg{font:600 2.2rem var(--f-judul);letter-spacing:.04em;background:var(--emas-muda);border:2px dashed var(--emas);padding:16px 22px;display:inline-block;margin:10px 0 20px;color:var(--laut)}

/* ---------- Footer ---------- */
.footer{background:#0a2a33;color:#b5cdd4;margin-top:0}
.footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;padding-top:50px;padding-bottom:36px}
.footer h4{color:#fff;font-size:1.05rem;margin-bottom:12px}
.footer a{color:#d4e5ea;text-decoration:none}
.footer a:hover{text-decoration:underline;color:#fff}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{padding:3px 0;font-size:.93rem}
.footer .brand{color:#fff}
.footer .brand small{color:#9bb8c0}
.footer p{font-size:.93rem}
.footer .hak{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.85rem;text-align:center;color:#88a6ae}
.peta iframe{width:100%;height:240px;border:0;filter:saturate(.85)}
.wa{position:fixed;right:18px;bottom:18px;background:#1f9d55;color:#fff;padding:12px 18px;border-radius:30px;text-decoration:none;font-weight:700;font-size:.92rem;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:40}
.wa:hover{background:#188346;color:#fff}

/* ---------- Responsif ---------- */
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;gap:34px;padding-top:44px;padding-bottom:44px}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .berita-utama,.konten-grid{grid-template-columns:1fr}
  .footer .wrap{grid-template-columns:1fr 1fr}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--putih);border-bottom:1px solid var(--garis);max-height:calc(100vh - 80px);overflow:auto;margin:0}
  .nav.buka{display:block}
  .nav>ul{flex-direction:column;align-items:stretch;padding:8px 20px 16px}
  .nav .sub{position:static;display:block;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}
  .nav>ul>li>a,.nav>ul>li>button{width:100%;text-align:left}
  .nav .btn{margin:8px 0 0;text-align:center}
  .brand small{display:none}
}
@media (max-width:640px){
  .g2,.g3,.g4,.baris,.baris.tiga{grid-template-columns:1fr}
  .sambutan{grid-template-columns:1fr}
  .sambutan img{width:100%;height:260px}
  .prodi-row{grid-template-columns:60px 1fr}
  .prodi-row .akr{display:none}
  .footer .wrap{grid-template-columns:1fr}
  .seksi{padding:44px 0}
  .topbar .t-kanan{display:none}
  .wa span{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.header,.footer,.wa,.cari-bar{display:none}}

/* ---- Modul tambahan ---- */
.info-kartu{background:var(--putih);border:1px solid var(--garis);padding:22px 24px}
a.info-kartu:hover{border-color:var(--emas);box-shadow:0 8px 20px rgba(14,59,71,.08)}
.info-kartu h3{font:600 1.2rem var(--f-judul);color:var(--laut);margin:0 0 6px}
.info-kartu p{margin:0 0 8px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--garis);background:var(--putih)}
.tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.tbl th{background:var(--laut-3);color:var(--laut);text-align:left;font-weight:600;padding:10px 14px;white-space:nowrap}
.tbl td{padding:11px 14px;border-top:1px solid var(--garis);vertical-align:top}
.tbl small{color:var(--abu)}
.tbl details{margin-top:6px}
.tbl summary{cursor:pointer;color:var(--laut-2);font-size:.85rem}
details.faq{border:1px solid var(--garis);background:var(--putih);margin-bottom:8px}
details.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--laut);list-style:none;position:relative;padding-right:44px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:1.4rem;color:var(--emas-tua)}
details.faq[open] summary::after{content:"\2212"}
details.faq[open] summary{border-bottom:1px solid var(--garis)}
details.faq .artikel{padding:14px 18px}
.orang{text-align:center}
.orang .foto-dosen{margin-bottom:10px}
.orang b{display:block;color:var(--laut)}
.orang small{display:block;color:var(--abu)}
.terkait{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:.9rem}
.terkait .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.terkait a{color:inherit;opacity:.85}
.stat-pg{display:block;margin-top:6px;opacity:.8;font-size:.85rem}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.video-grid .vid{aspect-ratio:16/9;background:#000}
.video-grid iframe{width:100%;height:100%;border:0;display:block}
.video-grid p{margin:8px 0 0;font-weight:600;font-size:.95rem}
.akses{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.akses a{display:block;background:var(--putih);border:1px solid var(--garis);border-top:3px solid var(--emas);padding:16px;text-decoration:none;color:var(--laut);font-weight:600;text-align:center}
.akses a:hover{background:var(--laut-3)}
.akses a span{display:block;font-size:1.5rem;margin-bottom:4px}
#identitas[hidden]{display:none}
.badge-muted{background:#e8ecee;color:#4b5a60}
.form fieldset{border:1px solid var(--garis);padding:16px 18px;margin:0 0 18px}
.form legend{font-weight:600;color:var(--laut);padding:0 6px}
@media(min-width:901px){.nav>ul>li>a,.nav>ul>li>button{padding:10px 8px;font-size:.88rem}}
.nav>ul>li>a,.nav>ul>li>button,.nav .btn{white-space:nowrap}
@media(min-width:901px) and (max-width:1280px){.brand span small{display:none}.nav>ul>li>a,.nav>ul>li>button{padding:10px 6px;font-size:.85rem}.nav .btn{margin-left:4px}}
.nav>ul>li>a.btn-emas{background:var(--emas);color:var(--laut);font-weight:700;padding:9px 14px}
.nav>ul>li>a.btn-emas:hover{background:var(--emas-muda);color:var(--laut)}
.nav>ul>li>a.btn-emas{margin-left:0}