/* Tambahan kecil untuk halaman isi ulang (bentuk = t9.css template approved). */
main.isi-t9{display:block}
/* pemicu bar bawah: bar WA + Daftar muncul setelah tombol hero lewat (situs.js mengamati .kepala-hal) */
.kepala-hal.isi-pemicu{display:block;height:1px;margin:0;max-width:none;padding:0}
/* titik fokus foto diatur per gambar (style object-position); pastikan semua foto berbingkai memotong, bukan gepeng */
main.isi-t9 img[data-fokus]{object-fit:cover}
.t-baca .lead-artikel{font-size:1.08em;font-weight:600;color:var(--navy,#273272)}
.t-baca figure img[data-fokus]{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
a.t-kartu.tanpa-foto{padding-top:6px}
span[data-antre]{color:inherit}
.t-tabel-wrap{overflow-x:auto}
/* jarak antar komponen dan paragraf di dalam bagian */
main.isi-t9 .bag>p{margin:0 0 1em}
main.isi-t9 .bag>ul+p,main.isi-t9 .bag>ol+p,main.isi-t9 .bag>div+p,main.isi-t9 .bag>figure+p{margin-top:20px}
main.isi-t9 .bag>p+ul,main.isi-t9 .bag>p+div,main.isi-t9 .bag>p+figure,main.isi-t9 .bag>ul+ul,main.isi-t9 .bag>ul+div,main.isi-t9 .bag>div+div,main.isi-t9 .bag>div+ul{margin-top:18px}
main.isi-t9 .bag>h3{margin:28px 0 10px}
main.isi-t9 .bag>p:last-child{margin-bottom:0}
main.isi-t9~footer.kaki{margin-top:0}
/* mitra(): baris logo instansi (logo tinggi 160 px asli → tampil 56 px), nama + daerah/tahun */
.t-mitra{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.t-mitra li{background:#fff;border-radius:18px;box-shadow:var(--bayang);padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.t-mitra img{height:56px;width:auto;max-width:100%;object-fit:contain}
.t-mitra b{font-size:14.5px;line-height:1.3;color:var(--navy,#273272)}
.t-mitra small{font-size:12.5px;color:var(--teks2,#555)}
/* ── MESIN-FIX 4 (audit akhir 12 Nov): kontras + HP ── */
/* benefit(): kartu terang di bagian berlatar terang; gaya gelap asli hanya di bagian .navy (dulu #e4e7fa di atas krem = 1,13:1) */
main.isi-t9 .t-benefit li{background:#fff;color:var(--teks);box-shadow:var(--bayang-k)}
main.isi-t9 .t-benefit b{color:var(--navy)}
main.isi-t9 .navy .t-benefit li{background:rgb(255 255 255/.08);color:#e4e7fa;box-shadow:inset 0 0 0 1px rgb(255 255 255/.1)}
main.isi-t9 .navy .t-benefit b{color:var(--kuning)}
/* label UNGGULAN di kartu paket unggulan: aturan .unggul-li span menimpa warna .tag (pucat di atas kuning) */
.prog8 li.unggul-li span.tag{color:var(--navy-tua)}
/* jam(): label kiri tidak boleh tertimpa nilai panjang ("Minggu", "Tanggal merah") */
main.isi-t9 .t-jam li{grid-template-columns:max-content minmax(0,1fr)}
main.isi-t9 .t-jam li>*{min-width:0;overflow-wrap:break-word}
@media (max-width:599px){
 main.isi-t9 .t-jam li{grid-template-columns:minmax(0,1fr);gap:2px}
 main.isi-t9 .t-jam span{text-align:left}
}
/* tombol berdampingan: boleh turun baris kalau layar sempit / teks diperbesar (dulu nowrap → keluar layar di teks 130%) */
main.isi-t9 .cta2,main.isi-t9 .unggul .aksi,main.isi-t9 .ajak .aksi{flex-wrap:wrap}
main.isi-t9 .cta2 .btn,main.isi-t9 .unggul .aksi .btn,main.isi-t9 .ajak .aksi .btn{white-space:normal;text-align:center;line-height:1.2;min-width:0;max-width:100%}
main.isi-t9 .cta2 .btn-wa,main.isi-t9 .unggul .aksi .btn,main.isi-t9 .ajak .aksi .btn{flex:1 1 auto}
main.isi-t9 .t-angka div,main.isi-t9 .prog8 li>*{min-width:0;overflow-wrap:break-word}
main.isi-t9 .prog8 .tag{white-space:normal}
/* kutipan ulasan di atas foto: teks mulai di bagian latar pekat (bukan gradasi tipis di atas foto terang) dan kotak ikut tinggi teks
   (dulu max-height 45% + overflow hidden = terpotong di teks 130%) */
main.isi-t9 .testi8>.spread{display:flex;flex-direction:column;background:rgb(28 36 87)}
main.isi-t9 .testi8>.spread.terang{background:rgb(255 252 246)}
main.isi-t9 .testi8>.spread::after{content:none}
main.isi-t9 .testi8 .spread blockquote{position:relative;left:auto;right:auto;bottom:auto;max-height:none;overflow:visible;margin:-72px 0 0;padding:64px 18px 16px;
 background:linear-gradient(rgb(28 36 87/0),rgb(28 36 87/.96) 56px,rgb(28 36 87) 64px)!important}
main.isi-t9 .testi8 .spread.terang blockquote{background:linear-gradient(rgb(255 252 246/0),rgb(255 252 246/.97) 56px,rgb(255 252 246) 64px)!important}
main.isi-t9 .testi8 .spread.terang .bintang5{color:#7a5300}
/* target sentuh ≥ 44 px: remah roti + daftar isi artikel */
main.isi-t9 .t-remah a,main.isi-t9 .t-daftar-isi a{min-height:44px}
/* judul kartu ber-link (alasan(), fas()): area sentuh ≥44 px tanpa menggeser tata letak kartu (uji_hp sentuh, 12 Nov) */
main.isi-t9 .alasan b a,main.isi-t9 .t-fas b a{display:inline-block;box-sizing:border-box;min-height:44px;padding:12px 0;margin:-12px 0}
main.isi-t9 .t-remah a{min-width:44px;justify-content:center}
/* link teks yang jadi isi sel tabel artikel (mis. Program TOEFL/Speaking/Basic di /10-alasan…/, jenis teks di /report-text/):
   area sentuh ≥44×44 px tanpa menggeser baris. Area diperluas ke atas (padding-top 24 = margin-top −24, vertical-align top)
   supaya garis bawah kuning tetap menempel di teks; −2 px bawah = tebal garis bawah .t-baca a. Hanya di .t-baca: chip program di
   tabel halaman kota (di luar .t-baca) sudah 44 px dan rusak (menimpa label) kalau ikut aturan ini (uji 12 Nov, isi-ulang/log/tap-tabel.md) */
.t-baca .t-tabel :is(th,td)>a:only-child:not(.btn){display:inline-block;box-sizing:border-box;min-height:44px;min-width:44px;padding:24px 0 0;margin:-24px 0 -2px;vertical-align:top}
/* video(): video channel @harauenglish, poster lokal + tombol putar, iframe youtube-nocookie dibuat saat diklik (templat/video.js) */
.t-vid{margin:1.4em auto 0;max-width:760px}
.t-vid-tegak{max-width:300px}
.t-vid a.yt-v{position:relative;display:block;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:var(--navy,#273272);text-decoration:none!important;box-shadow:0 14px 30px -18px rgb(28 36 87/.55)}
.t-vid-tegak a.yt-v{aspect-ratio:9/16}
.t-vid a.yt-v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-vid a.yt-v .yt-main{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 8px;border-radius:999px;background:#fff;color:var(--navy,#273272);font-weight:800;white-space:nowrap;box-shadow:0 6px 18px rgb(0 0 0/.25)}
.t-vid a.yt-v .yt-play{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--marun,#8c1d2c);color:#fff;font-size:14px}
.t-vid a.yt-v:hover .yt-main,.t-vid a.yt-v:focus-visible .yt-main{background:var(--kuning,#ffc928)}
.t-vid .yt-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:28px;margin:0;background:#000}
.t-vid .yt-frame.yt-tegak{aspect-ratio:9/16}
.t-vid .cap{text-align:center}

/* ── Tim Harau (/tim/ + profil /tim/<slug>/, alat/tim.py) ── */
/* kartu orang: foto bulat bercincin kuning, nama → profil, peran, kampus, kata singkat, ikon sosmed */
.t-tim-kel{margin:30px 0 14px;font-size:20px;color:var(--navy);text-align:center}
.t-tim-kel:first-child{margin-top:4px}
/* /tim/: baris kartu rata tengah (baris terakhir yang tidak penuh ikut di tengah), isi kartu tetap rata kiri: Andri 12 Nov */
.t-tim{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.t-tim>li{flex:0 0 100%;max-width:100%}
@media (min-width:680px){.t-tim>li{flex-basis:calc((100% - 16px)/2)}}
@media (min-width:1024px){.t-tim>li{flex-basis:calc((100% - 32px)/3)}}
.t-tim-orang{background:#fff;border-radius:22px;box-shadow:var(--bayang-k);padding:18px;display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
@media (max-width:380px){.t-tim-orang{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px 14px}.t-tim-foto img{width:64px;height:64px}}
.t-tim-foto img,.tim-ava img,.t-tim-kolase img,.t-profil-foto img{border-radius:50%;object-fit:cover;background:var(--l1,#FFF5DA);box-shadow:0 0 0 3px var(--kuning,#FFD23F),var(--bayang-k)}
.t-tim-foto img{width:88px;height:88px;display:block}
.t-tim-orang>div{min-width:0;display:flex;flex-direction:column;gap:4px}
a.t-tim-nama{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0 -6px;font-weight:800;font-size:17px;line-height:1.25;color:var(--navy);text-decoration:none;overflow-wrap:anywhere}
a.t-tim-nama:hover,a.t-tim-nama:focus-visible{text-decoration:underline}
.t-tim-peran{align-self:flex-start;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--marun,#7a1f2b)}
.t-tim-kampus{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:1.35;color:var(--teks2,#444)}
.t-tim-kampus svg{flex:none;margin-top:1px;color:var(--navy)}
.t-tim-bio{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--teks2,#444);font-style:italic}
.t-tim-sosmed{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.t-tim-sosmed li{margin:0;padding:0}
.t-tim-sosmed a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--l2,#EEF1FA);color:var(--navy);text-decoration:none}
.t-tim-sosmed a:hover,.t-tim-sosmed a:focus-visible{background:var(--navy);color:#fff}
.t-tim-sosmed svg{flex:none;width:20px;height:20px}
.t-tim-sosmed.besar{margin:2px 0 18px}
.t-tim-sosmed.besar a{width:46px;height:46px}
/* hero /tim/: kolase wajah tim */
.t-hero-foto.t-hero-tim{background:var(--navy);border-radius:28px;padding:22px 18px 58px}
.t-tim-kolase{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.t-tim-kolase li{width:100%;min-width:0}
.t-hero-foto .t-tim-kolase img{display:block;width:100%;max-width:120px;height:auto;aspect-ratio:1;margin:0 auto;border-radius:50%}
/* hero profil: foto bulat besar */
.t-profil-foto{margin:0;display:flex;justify-content:center}
.t-profil-foto img{width:min(280px,70vw);height:auto;aspect-ratio:1;box-shadow:0 0 0 6px var(--kuning,#FFD23F),var(--bayang)}
/* "Lihat tim lainnya": judul, kartu (baris terakhir ikut di tengah) dan "Semua tim" rata tengah: Andri 12 Nov */
.t-tim-lain{text-align:center}
.t-tim-lain .kop{align-items:center;justify-content:center}
.t-tim-lain .tim-ava{list-style:none;margin:6px 0 18px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 10px}
.t-tim-lain .tim-ava li{min-width:0;margin:0;padding:0;flex:0 0 calc((100% - 20px)/3)}
@media (max-width:359px){.t-tim-lain .tim-ava li{flex-basis:calc((100% - 10px)/2)}}
.t-tim-lain .tim-ava a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-height:44px;text-decoration:none;color:var(--navy)}
.t-tim-lain .tim-ava a:hover b,.t-tim-lain .tim-ava a:focus-visible b{text-decoration:underline}
.t-tim-lain .tim-ava img{width:72px;height:72px;display:block}
.t-tim-lain .tim-ava b{font-size:14px;line-height:1.25;margin-top:8px;overflow-wrap:anywhere}
.t-tim-lain .tim-ava span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--marun,#7a1f2b);overflow-wrap:anywhere}
@media (min-width:768px){.t-tim-lain .tim-ava{gap:24px 14px}.t-tim-lain .tim-ava li{flex:0 0 128px}.t-tim-lain .tim-ava img{width:88px;height:88px}}
.t-profil-info{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.t-profil-info li{display:flex;gap:8px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.t-profil-info svg{flex:none;color:var(--navy);margin-top:1px}
/* kepala profil (remah, peran, nama, info, sosmed, tombol) rata tengah di bawah foto, HP + desktop; lead tetap rata kiri (bacaan): Andri 12 Nov.
   Catatan: <main> juga berkelas t-profil, jadi semua aturan dikunci ke .t-hero.t-profil */
.t-hero.t-profil{display:flex;flex-direction:column;align-items:center}
.t-hero.t-profil>div{text-align:center;width:100%}
.t-hero.t-profil .t-profil-foto{order:-1;margin:4px 0 18px}
.t-hero.t-profil .lead{text-align:left}
.t-hero.t-profil .t-remah{justify-content:center}
.t-hero.t-profil .t-profil-info{align-items:center}
.t-hero.t-profil .t-profil-info li{text-align:left}
.t-hero.t-profil .t-tim-sosmed,.t-hero.t-profil .cta2{justify-content:center}
@media (max-width:899px){
 .t-hero.t-profil .t-profil-foto img{width:min(220px,62vw)}
}
@media (min-width:900px){
 .t-hero.t-profil{gap:0;padding-top:32px}
 .t-hero.t-profil>div{max-width:760px}
 .t-hero.t-profil .t-profil-foto img{width:240px}
 .t-hero.t-profil .lead{margin-left:auto;margin-right:auto}
 main.isi-t9 .t-hero.t-profil .cta2 .btn{flex:0 0 auto;min-width:160px}
}
.t-kata-sendiri{margin:22px 0 0;padding:18px 20px;border-left:5px solid var(--kuning,#FFD23F);background:#fff;border-radius:0 18px 18px 0;box-shadow:var(--bayang-k)}
.t-kata-sendiri p{margin:0;font-size:17px;line-height:1.5;font-style:italic;color:var(--navy)}
.t-kata-sendiri footer{margin-top:8px;font-size:14px;font-weight:700;color:var(--teks2,#444)}

/* benefit() 2 kolom di HP: kolom boleh menyempit (teks 130% dulu keluar layar di /harau-valley-english-school/ #nilai) */
@media (max-width:899px){
 main.isi-t9 .t-benefit{grid-template-columns:repeat(2,minmax(0,1fr))}
 main.isi-t9 .t-benefit li{min-width:0;overflow-wrap:anywhere;hyphens:auto}
}

/* harau.org: tombol pembuka chatbox "Tanya Mimin" (semua halaman). Sumber tunggal; ditempel ke CSS halaman
   (isi.css halaman isi ulang, beranda.css beranda) oleh situs/chatbox.py. Chatbox sendiri = chatbox.css (dimuat saat dibutuhkan). */
button.btn{font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
.btn-tanya{background:#fff;color:var(--navy);border:2px solid var(--navy);box-shadow:none}
.btn-tanya svg,.btn-t svg{color:var(--marun)}
.cta2 .btn-tanya{flex:1 1 auto;padding:0 14px;white-space:nowrap}
.bar .bar-tanya{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px;font:700 17px system-ui,-apple-system,sans-serif;background:#fff;color:var(--navy);border:2px solid var(--navy);cursor:pointer}
.bar .bar-tanya svg{color:var(--marun)}
html.cb-buka .bar{transform:translateY(130%);opacity:0;visibility:hidden}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (min-width:900px){.cta2 .btn-tanya{flex:0 0 auto;padding:0 22px}}
/* halaman isi ulang: tombol memakai tata letak .btn-wa (t9.css) + warna tanya (spesifisitas lebih tinggi dari .btn-wa) */
.btn.btn-tanya{background:#fff;color:var(--navy);border:2px solid var(--navy);box-shadow:none}
.btn.btn-tanya svg{color:var(--marun)}
button.btn-t{font:inherit;font-weight:800;cursor:pointer;-webkit-appearance:none;appearance:none}
/* footer: "Chat Tanya Mimin" berupa tombol yang tampil seperti tautan footer */
.k-tanya{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.k-tanya svg{width:18px;height:18px}
html.cb-muat [data-tanya][aria-busy="true"]{cursor:progress;opacity:.75}

/* harau.org: menu utama bersama (situs/menu.py). Ditempel ke CSS halaman (isi.css / beranda.css). Semua pemilih diawali
   .kepala-situs supaya menang atas t9.css + situs.css yang sudah tayang (isi.css dimuat SEBELUM situs.css).
   HP/tablet <1024: tombol Menu + panel. Desktop ≥1024: bar ala WordPress lama + dropdown. .sempit (menu.js) = bar tidak muat. */
.kepala-situs .m-bar{display:none}
.kepala-situs .m-sublabel{margin:8px 10px 2px;font:700 12px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--teks2)}
.kepala-situs .m-wrap a[aria-current]{color:var(--marun);font-weight:800}

/* panel (HP, tablet, desktop sempit): selebar layar di HP, kartu kanan di tablet; tinggi maks layar, bisa digulir */
@media (max-width:1023.98px){
 .kepala-situs .menu{position:static}
 .kepala-situs .m-wrap{left:10px;right:10px;width:auto;top:calc(100% + 6px);max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .kepala-situs .menu.buka .m-wrap{display:block}
 .kepala-situs .m-grup+.m-grup{margin-top:10px;border-top:1px solid var(--garis);padding-top:10px}
}
@media (min-width:600px) and (max-width:1023.98px){
 .kepala-situs .m-wrap{left:auto;right:10px;width:min(420px,calc(100vw - 20px))}
}

/* desktop: bar navigasi */
@media (min-width:1024px){
 header.kepala-situs{padding:8px 24px;gap:16px}
 .kepala-situs .logo{flex:none}
 .kepala-situs .menu{position:static;display:flex;align-items:center;min-width:0}
 .kepala-situs .m-btn{display:none}
 .kepala-situs .m-wrap,.kepala-situs .menu.buka .m-wrap{display:none}
 .kepala-situs .m-bar{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;white-space:nowrap}
 .kepala-situs .m-bar>li{position:relative;margin:0}
 .kepala-situs .m-top{display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:none;
  color:var(--navy);font:700 15.5px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}
 .kepala-situs .m-top svg{flex:none;transition:transform .2s ease}
 .kepala-situs .m-top:hover,.kepala-situs .m-top[aria-expanded="true"]{background:var(--kuning-pucat)}
 .kepala-situs .m-top[aria-expanded="true"] svg{transform:rotate(180deg)}
 .kepala-situs .m-top:focus-visible,.kepala-situs .m-drop a:focus-visible,.kepala-situs .m-tanya:focus-visible,.kepala-situs .m-bar-daftar:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
 .kepala-situs .m-ini>.m-top,.kepala-situs a.m-top[aria-current]{box-shadow:inset 0 -3px 0 var(--kuning)}
 .kepala-situs .m-pjg{display:none}
 /* dropdown */
 .kepala-situs .m-drop{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:60;gap:4px 18px;padding:12px;background:#fff;color:var(--teks);
  border-radius:18px;border:1px solid var(--garis);box-shadow:0 18px 40px -18px rgb(28 36 87/.45),0 2px 10px rgb(28 36 87/.08);white-space:nowrap}
 .kepala-situs .m-drop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
 .kepala-situs .m-drop.kanan,.kepala-situs .m-kanan>.m-drop{left:auto;right:0}
 .kepala-situs .m-top[aria-expanded="true"]+.m-drop,.kepala-situs .menu:not(.mj) .m-sub:focus-within>.m-drop{display:flex}
 .kepala-situs .m-kol{min-width:220px}
 .kepala-situs .m-kol-j{margin:4px 12px 6px;font:800 12.5px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--marun)}
 .kepala-situs .m-drop ul{list-style:none;margin:0;padding:0}
 .kepala-situs .m-drop li{margin:0}
 .kepala-situs .m-drop a{display:flex;align-items:center;min-height:44px;padding:4px 12px;border-radius:12px;color:var(--teks);font:600 15.5px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none}
 .kepala-situs .m-drop a:hover,.kepala-situs .m-drop a:focus-visible{background:var(--kuning-pucat);color:var(--navy)}
 .kepala-situs .m-drop a[aria-current]{color:var(--marun);font-weight:800}
 /* Tanya (chatbox) + Daftar */
 .kepala-situs .m-tanya{display:inline-flex;align-items:center;gap:6px;min-height:46px;margin-left:8px;padding:0 16px;border-radius:999px;border:2px solid var(--navy);
  background:#fff;color:var(--navy);font:800 15px/1 system-ui,-apple-system,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none}
 .kepala-situs .m-tanya svg{width:18px;height:18px;color:var(--marun)}
 .kepala-situs .m-bar-daftar{min-height:46px;margin-left:8px;padding:0 20px;font-size:15px;background:var(--navy);color:#fff;box-shadow:0 4px 0 var(--navy-tua)}
 /* bar tidak muat (menu.js): kembali ke tombol Menu + panel kartu kanan */
 .kepala-situs .menu.sempit .m-bar{display:none}
 .kepala-situs .menu.sempit .m-btn{display:inline-flex}
 .kepala-situs .menu.sempit.buka .m-wrap{display:block;left:auto;right:16px;width:min(420px,calc(100vw - 32px));top:calc(100% + 6px);
  max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overscroll-behavior:contain}
 .kepala-situs .menu.sempit .m-grup+.m-grup{margin-top:10px;border-top:1px solid var(--garis);padding-top:10px}
}
@media (min-width:1024px) and (hover:hover){
 .kepala-situs .m-sub:hover>.m-drop{display:flex}
}
@media (min-width:1280px){
 header.kepala-situs{padding:10px 40px}
 .kepala-situs .m-top{padding:0 14px}
 .kepala-situs .m-pjg{display:inline}
}
@media (prefers-reduced-motion:reduce){.kepala-situs .m-top svg{transition:none}}

/* harau.org: logo resmi + footer bersama (situs/kaki.py). Ditempel ke CSS halaman (isi.css / beranda.css). Pemilih diawali
   .kaki.kk / .kepala-situs .logo / nav.bar supaya menang atas t9.css + situs.css yang sudah tayang (isi.css dimuat SEBELUM situs.css). */

/* logo header: logo resmi berwarna (latar krem), tinggi tetap, rasio asli, ruang kosong di sekeliling */
.kepala-situs .logo img.logo-merek{display:block;width:auto;height:44px;max-width:none;border-radius:0;background:none;filter:none}
.kepala-situs a.logo{gap:0;padding:2px 0}
@media (min-width:1024px){.kepala-situs .logo img.logo-merek{height:48px}}

/* footer */
.kaki.kk{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:48px;padding:40px 20px calc(112px + env(safe-area-inset-bottom));
 background:var(--navy-tua);color:#E7E9F6;font-size:15px;line-height:1.55;border:0}
.kaki.kk img{filter:none}
.kaki.kk a{color:#fff}
.kaki.kk h2{margin:16px 0 8px;color:#fff;font-size:22px;line-height:1.2;text-wrap:balance}
.kaki.kk h3{margin:24px 0 10px;color:var(--kuning);font-size:17px;line-height:1.2}
.kaki.kk>div>h3:first-child,.kaki.kk>nav>h3:first-child{margin-top:0}
.kaki.kk p{margin:0 0 10px}
.kaki.kk ul{list-style:none;margin:0;padding:0}
.kaki.kk li{margin:0}
.kaki.kk .kk-logo{display:block;width:auto;height:64px;max-width:100%}
.kaki.kk .kk-logo-a{display:inline-block;padding:4px 0}

/* sosmed: ikon bulat seragam (nama = aria-label) */
.kaki.kk .k-sosmed{display:flex;flex-wrap:wrap;gap:10px}
.kaki.kk .k-sosmed a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;
 background:rgb(255 255 255/.12);color:#fff;text-decoration:none;transition:background .2s ease}
.kaki.kk .k-sosmed a:hover{background:rgb(255 255 255/.24)}
.kaki.kk .k-sosmed svg{width:20px;height:20px}
/* 6 ikon (+ WhatsApp, Andri 12 Nov) = 314 px; layar < 360 (iPhone SE 320) tidak muat satu baris → 2 baris rapi 3 + 3 */
@media (max-width:359px){.kaki.kk .k-sosmed{display:grid;grid-template-columns:repeat(3,44px)}}

/* pembayaran: chip putih, logo berwarna tinggi seragam */
.kaki.kk .kk-bayar-ket{color:#C9CEEF;font-size:14px;margin:0 0 10px}
.kaki.kk .kk-bayar{display:grid;grid-template-columns:repeat(3,minmax(0,92px));gap:8px}
.kaki.kk .kk-bayar li{display:flex;align-items:center;justify-content:center;height:40px;padding:0 8px;background:#fff;border-radius:8px}
.kaki.kk .kk-bayar img{display:block;max-width:100%;height:auto}

/* tautan: rapat, kelompok jelas */
.kaki.kk .k-link>div+div{margin-top:14px}
.kaki.kk .f-h{margin:0 0 4px;font:800 12px/1.3 system-ui,-apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C9CEEF}
.kaki.kk .k-link a{display:flex;align-items:center;min-height:44px;min-width:0;padding:0;text-decoration:none}
.kaki.kk .k-link a:hover,.kaki.kk .k-kontak a:hover{text-decoration:underline;text-underline-offset:3px}

/* kontak: satu baris per item, ikon kecil seragam */
.kaki.kk .kk-pt{margin:0 0 10px;color:#fff;font-weight:800}
.kaki.kk .kk-kontak li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0}
.kaki.kk .kk-kontak li+li{border-top:1px solid rgb(255 255 255/.1)}
.kaki.kk .kk-kontak li>svg{width:20px;height:20px;margin-top:1px;color:var(--kuning)}
.kaki.kk .kk-kontak p{margin:0}
.kaki.kk .kk-kontak a,.kaki.kk .kk-kontak .k-tanya{display:inline-flex;align-items:center;min-height:24px;padding:0;color:#fff;font-weight:700;
 text-decoration:none;overflow-wrap:anywhere}
.kaki.kk .kk-kontak .k-tanya{font:inherit;font-weight:700;text-decoration:none}
.kaki.kk .kk-kontak .k-tanya:hover{text-decoration:underline;text-underline-offset:3px}
.kaki.kk .kk-kontak .kk-peta{display:inline-flex;margin-top:4px;color:var(--kuning);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.kaki.kk .k-hak{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid rgb(255 255 255/.12);color:#C9CEEF;font-size:13px;opacity:1}

@media (max-width:899.98px){
 /* HP: target sentuh tetap 44 px di baris kontak */
 .kaki.kk .kk-kontak a,.kaki.kk .kk-kontak .k-tanya{min-height:44px}
 .kaki.kk .kk-kontak li{padding:2px 0;align-items:center}
 .kaki.kk .kk-kontak li.kk-alamat{align-items:start;padding:12px 0 6px}
 .kaki.kk .k-link{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px 16px}
 .kaki.kk .k-link>h3{grid-column:1/-1;margin-bottom:-4px}
 .kaki.kk .k-link>div+div{margin-top:0}
}
@media (min-width:600px) and (max-width:899.98px){
 .kaki.kk .k-link{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
 .kaki.kk{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:28px 48px;
  padding:64px max(40px,calc(50vw - 570px)) 112px}
 .kaki.kk .k-link a{min-height:30px;padding:2px 0}
 .kaki.kk .kk-bayar{grid-template-columns:repeat(3,92px)}
 /* bar bawah desktop: tombol mengambang ringkas di kanan bawah (tidak pernah terpotong) */
 nav.bar{left:auto;right:24px;bottom:24px;width:auto;max-width:calc(100vw - 48px);gap:8px;padding:8px;border-radius:18px;border:0}
 nav.bar .bar-tanya,nav.bar .bar-daftar{flex:0 0 auto;min-height:46px;padding:0 18px;font-size:16px;white-space:nowrap}
}
@media (min-width:900px) and (max-width:1099.98px){
 .kaki.kk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .kaki.kk .k-merek{grid-column:1/-1}
}