
/* Halaman berita terpisah */
.halaman-berita,.halaman-artikel { background:#fff; }
.hero-berita-page { position:relative; overflow:hidden; padding: calc(var(--tinggi-kepala) + 95px) 0 90px; background: radial-gradient(circle at 82% 28%,rgba(163,214,53,.22),transparent 28%),linear-gradient(180deg,#fbfefb,#f4faf4); }
.hero-berita-page::before { content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient(rgba(20,83,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,83,45,.035) 1px,transparent 1px); background-size:44px 44px; }
.hero-berita-dalam { position:relative; z-index:2; display:grid; grid-template-columns:1.18fr .62fr; gap:72px; align-items:center; }
.hero-berita-dalam h1 { max-width:780px; margin:0; color:var(--hijau-950); font-size:clamp(48px,5vw,72px); line-height:1.01; letter-spacing:-.055em; }
.hero-berita-dalam > div:first-child > p { max-width:700px; margin:24px 0 0; color:var(--abu-600); font-size:17px; line-height:1.75; }
.kartu-editorial { padding:28px; border:1px solid var(--batas); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:var(--bayang-sedang); }
.kartu-editorial > span { width:52px; height:52px; display:grid; place-items:center; border-radius:17px; background:var(--hijau-50); color:var(--hijau-700); }
.kartu-editorial b { display:block; margin-top:20px; color:var(--hijau-950); font-size:20px; }
.kartu-editorial p { margin:10px 0 0; color:var(--abu-500); font-size:13px; line-height:1.75; }
.arsip-berita { background:linear-gradient(180deg,#fff,#f7fbf7); }
.kontrol-berita-page { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.cari-berita-page { min-width:330px; height:48px; display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid var(--batas); border-radius:14px; background:white; box-shadow:var(--bayang-kecil); }
.cari-berita-page svg { flex:0 0 auto; color:var(--hijau-700); }
.cari-berita-page input { width:100%; border:0; outline:0; color:var(--abu-900); background:transparent; font-size:13px; }
.filter-berita-page { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.filter-berita-page button { min-height:40px; padding:0 14px; border:1px solid var(--batas); border-radius:999px; background:white; color:var(--abu-600); font-size:10px; font-weight:750; }
.filter-berita-page button.aktif { border-color:var(--hijau-900); background:var(--hijau-900); color:white; }
.hasil-filter-berita { margin:0 0 20px; color:var(--abu-500); font-size:10px; }
.kisi-berita-page { grid-template-columns:repeat(3,1fr); }
.kartu-berita-page[hidden] { display:none; }
.kosong-berita { min-height:280px; place-items:center; text-align:center; color:var(--abu-500); }
.kosong-berita:not([hidden]) { display:grid; }
.kosong-berita svg { width:42px; height:42px; color:var(--hijau-600); }
.kosong-berita h2 { margin:12px 0 4px; color:var(--hijau-950); }
.kosong-berita p { margin:0; }
.ajakan-berita { background:white; }
.panel-ajakan-berita { display:flex; align-items:center; justify-content:space-between; gap:38px; padding:54px; border-radius:32px; background:linear-gradient(135deg,#052e16,#167e43); color:white; box-shadow:var(--bayang-besar); }
.panel-ajakan-berita h2 { max-width:850px; margin:0; color:white; font-size:clamp(34px,4vw,52px); line-height:1.05; letter-spacing:-.045em; }
.panel-ajakan-berita p { max-width:760px; margin:16px 0 0; color:rgba(255,255,255,.7); font-size:13px; }
.artikel-main { padding:calc(var(--tinggi-kepala) + 78px) 0 100px; background:linear-gradient(180deg,#f8fcf8,#fff 40%); }
.artikel-berita { max-width:760px; margin: 0 auto; }
.kembali-berita { display:inline-flex; align-items:center; gap:8px; margin-bottom:42px; color:var(--hijau-700); font-size:12px; font-weight:800; }
.kembali-berita svg { transform:rotate(180deg); }
.artikel-berita h1 { margin:0; color:var(--hijau-950); font-size:clamp(2rem,4.6vw,3.75rem); line-height:1.1; letter-spacing:-.045em; }
.meta-artikel { display:flex; flex-wrap:wrap; gap:10px 18px; margin:24px 0 32px; color:var(--abu-500); font-size:11px; }
.hero-artikel { min-height:0; display:grid; place-items:center; border-radius:28px; overflow:hidden; background:#eaf3ec; aspect-ratio:16 / 9; }
.hero-artikel img { width:100%; height:100%; object-fit:cover; object-position:center; filter:none; opacity:1; }
.lead-artikel { margin-top:36px!important; color:var(--abu-700)!important; font-size:19px!important; line-height:1.7!important; }
.artikel-berita h2 { margin:44px 0 12px; color:var(--hijau-950); font-size:30px; letter-spacing:-.03em; }
.artikel-konten { display:grid; gap:16px; }
.artikel-konten p { margin:0; color:var(--abu-600); font-size:16px; line-height:1.85; }
.artikel-konten ul { margin:0 0 18px 22px; padding:0; color:var(--abu-600); display:grid; gap:8px; }
.artikel-konten li { line-height:1.7; }
.artikel-berita blockquote { margin:36px 0; padding:24px 28px; border-left:5px solid var(--hijau-500); border-radius:0 18px 18px 0; background:var(--hijau-50); color:var(--hijau-900); font-size:18px; line-height:1.65; }
.artikel-terkait { margin-top:58px; padding-top:46px; border-top:1px solid var(--batas); }
.artikel-terkait h2 { margin-top:0; margin-bottom:16px; font-size:clamp(28px,3vw,36px); }
.artikel-terkait .kisi-berita { grid-template-columns:repeat(3,1fr); }
.ajakan-artikel { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:52px; padding:28px; border:1px solid var(--batas); border-radius:24px; background:#f8fcf8; }
.ajakan-artikel b { color:var(--hijau-950); font-size:18px; }
.ajakan-artikel p { margin:6px 0 0; color:var(--abu-500); font-size:12px; }
@media(max-width:980px){.hero-berita-dalam{grid-template-columns:1fr;gap:34px}.kartu-editorial{max-width:680px}.kontrol-berita-page{align-items:flex-start;flex-direction:column}.filter-berita-page{justify-content:flex-start}.kisi-berita-page{grid-template-columns:1fr 1fr}.panel-ajakan-berita{align-items:flex-start;flex-direction:column}}
@media(max-width:980px){.artikel-terkait .kisi-berita{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-berita-page{padding-top:calc(var(--tinggi-kepala) + 55px)}.hero-berita-dalam h1{font-size:42px}.hero-berita-dalam>div:first-child>p{font-size:14px}.cari-berita-page{min-width:0;width:100%}.filter-berita-page{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter-berita-page button{flex:0 0 auto}.kisi-berita-page{grid-template-columns:1fr}.panel-ajakan-berita{padding:34px 24px;border-radius:26px}.artikel-berita{max-width:100%}.artikel-berita h1{font-size:2.18rem}.hero-artikel{border-radius:22px}.lead-artikel{font-size:17px!important}.artikel-konten p{font-size:15px;line-height:1.75}.artikel-terkait .kisi-berita{grid-template-columns:1fr}.artikel-terkait h2{font-size:28px}.ajakan-artikel{align-items:flex-start;flex-direction:column}.ajakan-artikel .tombol{width:100%}}
