:root{--hitam:#111827;--merah:#7f1d1d;--emas:#d4af37;--krem:#fff7ed;--abu:#f4f5f7;--teks:#1f2937;--lembut:#6b7280;--garis:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--abu);color:var(--teks);line-height:1.68}.ruang{width:min(1220px,92%);margin:auto}a{color:var(--merah)}.pita{height:8px;background:linear-gradient(90deg,var(--hitam),var(--emas),var(--merah),var(--emas),var(--hitam))}.baris-atas{background:var(--hitam);color:#f9fafb;font-size:13px}.baris-atas .ruang{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:8px 0}.kepala{background:#fff;border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:50;box-shadow:0 14px 35px rgba(17,24,39,.09)}.kepala-dalam{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 0}.merek{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--hitam)}.merek img{width:58px;height:58px}.merek strong{display:block;font-size:21px;line-height:1.18}.merek span{display:block;font-size:13px;color:var(--lembut)}.navigasi{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.navigasi a{text-decoration:none;color:var(--hitam);font-weight:800;font-size:14px;padding:10px 11px;border-radius:8px}.navigasi a:hover{background:var(--krem)}.tombol-cari{background:var(--merah);color:#fff;text-decoration:none;font-weight:900;padding:10px 14px;border-radius:8px}.menu{display:none;background:var(--hitam);color:#fff;border:0;border-radius:8px;padding:9px 12px;font-size:20px}
.panggung{background:linear-gradient(90deg,rgba(17,24,39,.96),rgba(17,24,39,.50)),url('../img/hero-jdih.svg');background-size:cover;background-position:center;color:#fff;padding:82px 0}.panggung-grid{display:grid;grid-template-columns:1fr 450px;gap:36px;align-items:center}.label{display:inline-flex;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.65);color:#fef3c7;border-radius:999px;padding:7px 12px;font-weight:900}.panggung h1{font-size:54px;line-height:1.08;margin:16px 0}.panggung p{font-size:18px;color:#fee2e2}.kotak-cari{background:#fff;color:var(--teks);border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.24);border-top:7px solid var(--emas)}.kotak-cari h2{margin-top:0;color:var(--hitam)}.form-cari{display:grid;gap:12px}.form-cari input,.form-cari select{padding:13px;border:1px solid var(--garis);border-radius:10px}.form-cari button{border:0;background:var(--merah);color:#fff;padding:13px;border-radius:10px;font-weight:900;cursor:pointer}.pengumuman{background:var(--krem);border-bottom:1px solid #fed7aa;color:#7c2d12;padding:11px 0;font-weight:900}
.bagian{padding:58px 0}.judul-bagian{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.judul-bagian h2{font-size:34px;margin:0;color:var(--hitam)}.judul-bagian p{margin:5px 0 0;color:var(--lembut)}.susun-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.susun-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.susun-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.kartu{background:#fff;border:1px solid var(--garis);border-radius:16px;padding:24px;box-shadow:0 18px 44px rgba(17,24,39,.06)}.kartu h3{color:var(--hitam);margin-top:0}.angka{border-left:6px solid var(--emas)}.angka strong{font-size:34px;color:var(--merah);display:block}.jenis{border-top:5px solid var(--merah)}.arsip{border-top:5px solid var(--emas)}.dokumen{display:grid;gap:12px}.dokumen-baris{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;background:#fff;border:1px solid var(--garis);border-radius:14px}.dokumen-baris h3{margin:0;color:var(--hitam)}.dokumen-baris p{margin:5px 0 0;color:var(--lembut)}.status{background:#ecfdf5;color:#166534;padding:6px 10px;border-radius:999px;font-weight:900;font-size:13px}.tanggal{font-size:13px;font-weight:900;color:var(--merah)}.berita img{width:100%;border-radius:12px;margin-bottom:14px}.halaman-judul{background:linear-gradient(120deg,var(--hitam),var(--merah));color:#fff;padding:58px 0}.halaman-judul h1{font-size:42px;margin:8px 0}.jejak{color:#fef3c7;font-weight:900}.isi{background:#fff;border:1px solid var(--garis);border-radius:16px;padding:32px}.isi h2{color:var(--hitam)}.isi p{font-size:17px}.daftar{padding:0;list-style:none}.daftar li{position:relative;padding:8px 0 8px 32px}.daftar li:before{content:"§";position:absolute;left:0;color:var(--emas);font-weight:900}.tabel{width:100%;border-collapse:collapse;background:#fff}.tabel th,.tabel td{border:1px solid var(--garis);padding:13px;text-align:left}.tabel th{background:var(--krem);color:var(--hitam)}.meta-berita{color:var(--lembut);font-size:14px}.gambar-berita{width:100%;border-radius:14px;margin:22px 0}blockquote{background:var(--krem);border-left:6px solid var(--emas);padding:18px 22px;border-radius:10px;font-style:italic}.formulir{display:grid;gap:12px}.formulir input,.formulir select,.formulir textarea{padding:13px;border:1px solid var(--garis);border-radius:10px}.formulir button{border:0;background:var(--merah);color:#fff;padding:13px;border-radius:10px;font-weight:900;cursor:pointer}.kaki{background:var(--hitam);color:#fff;text-align:center;padding:18px;font-weight:700}
@media(max-width:900px){.kepala-dalam{grid-template-columns:1fr auto}.navigasi,.tombol-cari{display:none}.menu{display:block}.kepala.buka .navigasi{display:block;grid-column:1/-1}.kepala.buka .navigasi a{display:block}.panggung-grid,.susun-4,.susun-3,.susun-2{grid-template-columns:1fr}.panggung h1{font-size:36px}.judul-bagian{flex-direction:column;align-items:flex-start}.dokumen-baris{grid-template-columns:1fr}}