/* Jendela Pemilu — gaya khusus halaman beranda (index.html).
   Diambil apa adanya dari prototipe-jendelapemilu.html. */

/* kategori */
.pil{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}
.pil button{flex:none;min-height:44px;padding:0 16px;border:2px solid var(--garis);background:var(--surf);border-radius:999px;cursor:pointer;font-weight:600;color:var(--teks)}
.pil button.on,.pil button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--onink)}

/* berita utama + Terbaru */
.atas{display:grid;gap:16px;margin-bottom:22px}
@media (min-width:1000px){.atas{grid-template-columns:2fr 1fr}}
.utama{position:relative;min-height:320px;border-radius:8px;overflow:hidden;color:var(--hero-t);display:flex;align-items:flex-end;border:1px solid var(--garis);border-top:5px solid var(--amber);background:var(--surf)}
.utama .ft{position:absolute;inset:0;border-radius:0}
.utama .ft::after{content:"";position:absolute;inset:0;background:var(--hero-ov)}
.utama .tk{position:relative;padding:18px;max-width:640px;width:100%}
.utama h2{margin:8px 0;font:700 clamp(22px,4vw,34px)/1.2 var(--judul)}
.utama h2 a{color:var(--hero-t);text-decoration:none}
.utama h2 a::after{content:"";position:absolute;inset:0}
.utama p{margin:0 0 6px}
.utama .mt{color:var(--hero-m)}
.terbaru h2{font:700 18px var(--judul);margin:0 0 8px}
.terbaru ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--garis)}
.terbaru li{position:relative;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--garis);min-height:64px}
.terbaru .ft{flex:none;width:76px;height:76px}
.terbaru a{color:inherit;text-decoration:none;font:600 15px/1.35 var(--judul)}
.terbaru a::after{content:"";position:absolute;inset:0}
.more{display:block;margin:20px auto 0}