/* FBE Berita v1.4.0 (2026-10-07) — styling [fbe_berita] + halaman detail (single) + 10 varian layout single.
   v1.2.0: kelas body `fbe-single-<slug>` — 10 varian halaman detail (CSS murni; DOM & data tidak berubah);
   blok hero pop-out di-scope ke body.fbe-single-standar (varian lain punya perlakuan hero sendiri).
   v1.2.1: perbaikan — drop cap koran/majalah (konten terbungkus div widget), text-align hero
   majalah/koran eksplisit (atomic CSS menahan inherit), wawancara pakai grid deterministik,
   tombol 'Semua Berita' versi gelap, overlay atas sorotan diperkuat.
   v1.4.0: layout `jelajah` — toolbar chip (Unit Publikasi · Kategori · Waktu + Urut),
   baris status + reset filter, grid kartu 3/2/1 kolom, pager server-side (‹ 1 2 3 ›);
   slug penanda bertambah: jelajah.
   v1.1.5: slider sorotan — scrollbar native disembunyikan; tombol geser ‹ › (klaster
   kanan-atas kartu, responsif); daftar lebih lega (thumb 104×78 / 84×64, kutipan 2 baris).
   ------------------------------------------------------------------------------
   Kelas HOST tetap: `fbe-berita` (dipasang di elemen host e-paragraph).
   Varian layout dikenali DARI PENANDA di output shortcode:
     <a href="#fbe-layout-<slug>">  →  :has(> a[href="#fbe-layout-<slug>"])
     slug: portal | majalah | mosaik | slider | kanal | jelajah
   Ganti layout = ganti field/atribut — kelas host tidak pernah berubah.
   Markup survivor-safe (sanitizer host membuang kelas/tag lain):
     b = badge, em = meta & label, strong = judul, span = teks/ringkasan, a = kartu/tautan.
   Gambar: background-image dari <style id="fbe-berita-imgcss"> (dicetak di wp_footer). */

/* ===== token & dasar ===== */
.fbe-berita {
	--fb-navy: #041159;
	--fb-deep: #031E53;
	--fb-gold: #D9AE00;
	--fb-accent: #F7CA26;
	--fb-text: #3A3A3B;
	--fb-muted: #5B6672;
	--fb-line: #EBEBEB;
	--fb-ph: #E6E9EE;
	--fb-cream: #FEFAE9;
	--fb-cream-b: #F3E6B0;
}
.fbe-berita { display: block !important; margin: 0 !important; }
.fbe-berita a { text-decoration: none !important; color: inherit !important; }
.fbe-berita em { font-style: normal; }
/* penanda layout: tak terlihat + normalisasi box-sizing (kit memakai content-box pada link) */
.fbe-berita a, .fbe-berita span, .fbe-berita strong, .fbe-berita em, .fbe-berita b { box-sizing: border-box !important; }
.fbe-berita a[href^="#fbe-layout-"], .fbe-berita:has(> a[href^="#fbe-layout-"]) > a[href^="#fbe-layout-"] { display: none !important; }
.fbe-berita .fbe-void, .fbe-void { display: none !important; }
.fbe-berita:not(:has(a)) { display: none !important; } /* berita kosong -> blok hilang */

/* Atom teks (dipakai lintas layout) */
.fbe-berita em {
	display: block; font-weight: 600; font-size: .6875rem; letter-spacing: .14em;
	text-transform: uppercase; color: var(--fb-gold); margin: 0 0 .25rem;
}
.fbe-berita strong {
	display: block; font-family: Montserrat, sans-serif; font-weight: 600;
	line-height: 1.35; color: var(--fb-navy); margin: 0 0 .25rem;
}
.fbe-berita span {
	display: block; font-size: .8rem; line-height: 1.5; color: var(--fb-muted);
}
.fbe-berita b {
	display: inline-block; background: var(--fb-accent) !important; color: var(--fb-navy) !important;
	font: 800 .625rem/1 Montserrat, sans-serif; letter-spacing: .12em; text-transform: uppercase;
	padding: .28rem .6rem; border-radius: 999px; margin: 0 0 .5rem;
}

/* =====================================================================
 * [1] PORTAL — hero (1 besar + 2 sekunder) + grid 3 kolom + CTA
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type {
	display: grid !important; grid-template-columns: 2.1fr 1fr !important;
	grid-template-rows: 1fr 1fr !important; gap: 1rem !important; margin: 0;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a {
	display: flex !important; flex-direction: column; overflow: hidden;
	border-radius: 16px; background: #fff;
}
/* hero utama */
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) {
	grid-row: 1 / -1; justify-content: flex-end !important;
	min-height: 384px !important; padding: 1.5rem 1.6rem 1.4rem !important;
	background: linear-gradient(135deg, #041159 0%, #031E53 55%, #56688C 100%);
	background-size: cover !important; background-position: center !important;
	box-shadow: 0 16px 38px rgba(4, 17, 89, .18);
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) b { align-self: flex-start; }
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) em { color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) strong {
	font-weight: 700 !important; font-size: clamp(1.3rem, 2.2vw, 1.7rem) !important;
	color: #fff !important; margin: 0 0 .5rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) span { color: #D7DEEE !important; }
/* 2 kartu sekunder */
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(n+2) {
	border: 1px solid var(--fb-line) !important; padding: 1rem 1.05rem 1.1rem !important;
	box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(n+2):hover {
	transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(n+2)::before {
	content: "" !important; display: block !important; height: 118px !important;
	border-radius: 10px !important; margin: 0 0 .7rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(n+2) strong { font-size: 1rem !important; }
/* grid berita terbaru */
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) {
	display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1rem !important; margin-top: 1rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) > a {
	background: #fff; border: 1px solid var(--fb-line) !important; border-radius: 14px !important;
	padding: .95rem 1rem 1.1rem !important; box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) > a:hover {
	transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) > a::before {
	content: "" !important; display: block !important; height: 150px !important;
	border-radius: 10px !important; margin: 0 0 .75rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) > a strong { font-size: 1.02rem !important; }
/* CTA */
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(3) { margin-top: 1rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(3) > a {
	display: block !important; text-align: center !important; padding: .85rem 1rem !important;
	border: 1.5px dashed #C5CEDF !important; border-radius: 14px !important;
	color: var(--fb-navy) !important; font: 700 .95rem Montserrat, sans-serif !important;
	background: #FBFCFE !important;
}
.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(3) > a:hover { border-color: var(--fb-gold) !important; background: var(--fb-cream) !important; }

/* =====================================================================
 * [2] MAJALAH — feature + daftar + sidebar Pilihan Editor
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) {
	display: grid !important; grid-template-columns: 2.05fr 1fr !important; gap: 1.75rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span { display: block !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(1)::before {
	content: "" !important; display: block !important; height: 232px !important;
	border-radius: 12px !important; margin: 0 0 .85rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(1) strong { font-size: clamp(1.3rem, 2vw, 1.6rem) !important; font-weight: 700 !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(1) span { font-size: .875rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(n+2) {
	display: block !important; overflow: hidden; margin-top: .95rem !important;
	padding-top: .95rem !important; border-top: 1px solid var(--fb-line) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(n+2)::before {
	content: "" !important; float: left !important; width: 96px !important; height: 72px !important;
	border-radius: 10px !important; margin: .1rem 1rem .35rem 0 !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:hover strong { text-decoration: underline !important; text-underline-offset: 3px; }
/* sidebar */
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) {
	background: #FBFCFE !important; border: 1px solid var(--fb-line) !important;
	border-radius: 16px !important; padding: 1.2rem 1.3rem !important;
	counter-reset: fbpop; align-self: start;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > em:first-of-type {
	display: block !important; font: 800 .72rem Montserrat, sans-serif !important;
	letter-spacing: .16em; text-transform: uppercase; color: var(--fb-navy) !important;
	padding-bottom: .55rem !important; margin: 0 0 .3rem !important;
	border-bottom: 2px solid var(--fb-accent) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a { display: block !important; padding: .6rem 0 !important; border-bottom: 1px solid #F0F2F5 !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a:not(:has(strong)) { border-bottom: 0 !important; padding-top: .9rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a strong {
	counter-increment: fbpop; font-size: .95rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a strong::before {
	content: counter(fbpop) ". "; color: var(--fb-gold); font-weight: 800;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a:hover strong { text-decoration: underline !important; text-underline-offset: 3px; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a span { display: none !important; } /* ringkasan tidak di sidebar */
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a em { font-size: .625rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a:not(:has(strong)) {
	text-align: center !important; background: var(--fb-navy) !important; color: #fff !important;
	border-radius: 10px !important; padding: .7rem 1rem !important; margin-top: .6rem !important;
	font: 700 .875rem Montserrat, sans-serif !important;
}
.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:nth-of-type(2) > a:not(:has(strong)):hover { background: var(--fb-deep) !important; }

/* =====================================================================
 * [3] MOSAIK — kolom berjenjang; kartu pertama overlay + badge
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) { columns: 3 !important; column-gap: 1rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a {
	display: inline-block !important; width: 100% !important; break-inside: avoid !important;
	background: #fff; border: 1px solid var(--fb-line) !important; border-radius: 14px !important;
	padding: .95rem 1rem 1.1rem !important; margin: 0 0 1rem !important;
	box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a::before {
	content: "" !important; display: block !important; height: 150px !important;
	border-radius: 10px !important; margin: 0 0 .75rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(3n+2)::before { height: 205px !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(3n)::before { height: 122px !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a strong { font-size: 1.02rem !important; }
/* kartu 1 = overlay */
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1) {
	display: flex !important; flex-direction: column; justify-content: flex-end !important;
	min-height: 300px !important; padding: 1.25rem 1.2rem 1.2rem !important;
	background: linear-gradient(135deg, #041159 0%, #031E53 55%, #56688C 100%);
	background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1)::before { display: none !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1) b { align-self: flex-start; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1) em { color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1) strong { color: #fff !important; font-weight: 700 !important; font-size: 1.2rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > a:nth-of-type(1) span { color: #D7DEEE !important; }
.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) > span > a {
	display: block !important; text-align: center !important; padding: .8rem 1rem !important;
	border: 1.5px dashed #C5CEDF !important; border-radius: 14px !important;
	color: var(--fb-navy) !important; font: 700 .9rem Montserrat, sans-serif !important; background: #FBFCFE !important;
}

/* =====================================================================
 * [4] SLIDER — slide sorotan (scroll-snap + tombol geser ‹ ›) + daftar kronologis
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-slider"]) { position: relative !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type {
	display: flex !important; gap: 1rem !important; overflow-x: auto !important;
	scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
	padding: 0 !important; margin: 0;
	scrollbar-width: none; -ms-overflow-style: none;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type::-webkit-scrollbar {
	display: none !important; width: 0 !important; height: 0 !important;
}
@media (prefers-reduced-motion: no-preference) {
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type { scroll-behavior: smooth; }
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a {
	flex: 0 0 100% !important; max-width: 100% !important; scroll-snap-align: start !important;
	display: flex !important; flex-direction: column; justify-content: flex-end !important;
	min-height: 420px !important; padding: 1.6rem 1.7rem 1.5rem !important;
	border-radius: 18px !important; overflow: hidden;
	background: linear-gradient(135deg, #041159 0%, #031E53 55%, #56688C 100%);
	background-size: cover !important; background-position: center !important;
	box-shadow: 0 16px 38px rgba(4, 17, 89, .18);
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a b { align-self: flex-start; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a em { color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a strong {
	color: #fff !important; font-weight: 700 !important; font-size: clamp(1.45rem, 2.6vw, 2rem) !important; margin-bottom: .55rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a span { color: #D7DEEE !important; font-size: .9375rem !important; max-width: 640px; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a::after {
	content: "Baca Selengkapnya →"; display: inline-block !important; width: max-content;
	margin-top: 1rem !important; background: var(--fb-accent) !important; color: var(--fb-navy) !important;
	font: 700 .875rem Montserrat, sans-serif !important; padding: .68rem 1.25rem !important; border-radius: 9px;
}
/* tombol geser ‹ › — klaster kanan-atas kartu (zona kosong: badge kiri-atas,
   teks rata-bawah; aman dari tumpang-tindih di semua breakpoint) */
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"],
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] {
	position: absolute !important; top: 16px !important; z-index: 6;
	width: 46px !important; height: 46px !important; border-radius: 50% !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	background: rgba(255, 255, 255, .94) !important; color: var(--fb-navy) !important;
	box-shadow: 0 10px 26px rgba(4, 17, 89, .38), 0 0 0 1px rgba(4, 17, 89, .16) !important;
	font-size: 0 !important; line-height: 0 !important; padding: 0 !important; border: 0 !important;
	cursor: pointer; transition: background .16s ease, color .16s ease, opacity .2s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"] { right: 70px !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] { right: 16px !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"]::after,
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"]::after {
	content: "" !important; display: block !important; width: 12px; height: 12px;
	border: solid currentColor; border-width: 0 2.5px 2.5px 0;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"]::after { transform: translateX(3px) rotate(135deg); }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"]::after { transform: translateX(-3px) rotate(-45deg); }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"]:hover,
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"]:hover { background: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"]:focus-visible,
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"]:focus-visible { outline: 3px solid var(--fb-accent) !important; outline-offset: 2px; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href^="#fbe-slider-"].fbe-slider-nav-off { opacity: .45 !important; pointer-events: none !important; }
/* daftar */
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) { margin-top: 1.25rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a {
	display: block !important; overflow: hidden; padding: 1rem 0 !important;
	border-bottom: 1px solid var(--fb-line) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a:first-of-type { border-top: 1px solid var(--fb-line) !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a::before {
	content: "" !important; float: right !important; width: 104px !important; height: 78px !important;
	border-radius: 10px !important; margin: .15rem 0 .35rem 1.15rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a strong { font-size: 1.05rem !important; margin-bottom: .3rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a span {
	display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a:hover strong { text-decoration: underline !important; text-underline-offset: 3px; }

/* =====================================================================
 * [5] KANAL — strip sorotan + blok per kategori
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span { display: block !important; }
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type {
	display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1rem !important; padding-bottom: 1.15rem !important;
	border-bottom: 2px solid var(--fb-accent) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type > a {
	background: #fff; border: 1px solid var(--fb-line) !important; border-radius: 14px !important;
	padding: .9rem .95rem 1.05rem !important; box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type > a::before {
	content: "" !important; display: block !important; height: 112px !important;
	border-radius: 10px !important; margin: 0 0 .7rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) {
	display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1rem !important; margin-top: 1.4rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) > em:first-of-type {
	grid-column: 1 / -1 !important; display: block !important;
	font: 800 .95rem Montserrat, sans-serif !important; letter-spacing: .04em; text-transform: uppercase;
	color: var(--fb-navy) !important; padding-bottom: .5rem !important; margin: 0 !important;
	border-bottom: 1px solid var(--fb-line) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) > a {
	background: #fff; border: 1px solid var(--fb-line) !important; border-radius: 14px !important;
	padding: .9rem .95rem 1.05rem !important; box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) > a::before {
	content: "" !important; display: block !important; height: 112px !important;
	border-radius: 10px !important; margin: 0 0 .7rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}

/* ===== responsif ===== */
@media (max-width: 1024px) {
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type { grid-template-columns: 1.6fr 1fr !important; }
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.fbe-berita:has(> a[href="#fbe-layout-majalah"]) { grid-template-columns: 1fr !important; gap: 1.4rem !important; }
	.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) { columns: 2 !important; }
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type,
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a { min-height: 360px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"],
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] { top: 14px !important; width: 42px !important; height: 42px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"] { right: 64px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] { right: 14px !important; }
}
@media (max-width: 767px) {
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type {
		grid-template-columns: 1fr !important; grid-template-rows: auto !important; gap: .85rem !important;
	}
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:first-of-type > a:nth-of-type(1) { grid-row: auto !important; min-height: 300px !important; padding: 1.15rem 1.2rem !important; }
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) { grid-template-columns: 1fr !important; }
	.fbe-berita:has(> a[href="#fbe-layout-portal"]) > span:nth-of-type(2) > a::before { height: 168px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-mosaik"]) { columns: 1 !important; }
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type,
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) { grid-template-columns: 1fr !important; }
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:first-of-type > a::before,
	.fbe-berita:has(> a[href="#fbe-layout-kanal"]) > span:nth-of-type(n+2) > a::before { height: 150px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:first-of-type > a { min-height: 320px !important; padding: 1.2rem 1.2rem 1.1rem !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"],
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] { top: 12px !important; width: 40px !important; height: 40px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-prev"] { right: 60px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > a[href="#fbe-slider-next"] { right: 12px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a strong { font-size: 1rem !important; }
	.fbe-berita:has(> a[href="#fbe-layout-slider"]) > span:nth-of-type(2) > a::before { width: 84px !important; height: 64px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(1)::before { height: 180px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-majalah"]) > span:first-of-type > a:nth-of-type(n+2)::before { width: 78px !important; height: 60px !important; }
}

/* =====================================================================
   HALAMAN DETAIL BERITA (Single Berita — FBE) — komponen shortcode single.
   Kelas host (dipasang pada elemen e-paragraph / seksi):
     fbe-berita-kicker | -lead | -herometa | -herocta | -isi | -sumber |
     fbe-berita-galeri | -lampiran | -terkait | -sec-auto | -panel.
   Auto-hide blok kosong via :not(:has(...)) satu level (nested :has invalid).
   ===================================================================== */

p.fbe-berita-kicker:not(:has(em)) { display: none !important; }
p.fbe-berita-lead:not(:has(span)) { display: none !important; }
p.fbe-berita-herometa:not(:has(span)) { display: none !important; }
p.fbe-berita-herocta:not(:has(a)) { display: none !important; }
p.fbe-berita-isi:not(:has(strong, span, em, a)) { display: none !important; }
p.fbe-berita-sumber:not(:has(span)) { display: none !important; }
.fbe-berita-sec-auto:not(:has(strong, a, em)) { display: none !important; }

.fbe-berita-kicker { margin: 0 0 .45rem; }
.fbe-berita-kicker em { display: inline-block; font-style: normal; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #F7CA26; font-size: .72rem; }
.fbe-berita-lead { margin: 0 0 .6rem; }
.fbe-berita-lead span { color: #E6E9EE; font-size: 1.03rem; line-height: 1.6; }
.fbe-berita-herometa { margin: 0 0 .2rem; }
.fbe-berita-herometa span { color: #F7CA26; font-weight: 600; font-size: .9rem; }
.fbe-berita-herocta { margin: .45rem 0 0; }
.fbe-berita-herocta a { display: inline-block; background: #F7CA26 !important; color: #041159 !important; font-weight: 700 !important; padding: .72rem 1.35rem; border-radius: 10px; text-decoration: none !important; font-size: .95rem; }
.fbe-berita-herocta a:hover { background: #FFD84D !important; }

/* --- Isi berita (strong = subjudul, span = paragraf, em = kutipan) --- */
.fbe-berita-isi { color: #3A3A3B; line-height: 1.75; }
.fbe-berita-isi > strong { display: block; font-family: Montserrat, sans-serif; font-weight: 700; color: #041159; font-size: clamp(1.12rem, 1.8vw, 1.32rem); line-height: 1.3; margin: 1.6rem 0 .55rem; }
.fbe-berita-isi > strong:first-child { margin-top: 0; }
.fbe-berita-isi > span { display: block; margin: 0 0 1.05rem; font-size: 1rem; }
.fbe-berita-isi > span:first-child { margin-top: 0; }
.fbe-berita-isi > em { display: block; margin: 0 0 1.05rem; padding: .85rem 1.1rem; border-left: 3px solid #D9AE00; background: #FEFAE9; border-radius: 0 10px 10px 0; font-style: italic; color: #3A3A3B; }
.fbe-berita-isi ul, .fbe-berita-isi ol { margin: 0 0 1.05rem; padding-left: 1.35rem; }
.fbe-berita-isi li { margin: 0 0 .35rem; font-size: 1rem; }
.fbe-berita-isi a { color: #031E53 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.fbe-berita-isi a:hover { color: #D9AE00 !important; }

.fbe-berita-sumber { margin: 1.2rem 0 0; }
.fbe-berita-sumber span { display: block; font-size: .82rem; color: #5B6672; padding-top: .9rem; border-top: 1px solid #EBEBEB; }

.fbe-berita-panel { background: #FFFFFF !important; border: 1px solid #EBEBEB; border-radius: 14px !important; padding: 1.9rem 2.1rem !important; box-shadow: 0 14px 34px rgba(4, 17, 89, .06); }
@media (max-width: 767px) { .fbe-berita-panel { padding: 1.35rem 1.25rem !important; } }

/* --- Galeri: tile gambar. Layout via struktur output: a=grid, span=strip, em=mosaik.
   Background-image per tile dicetak dari footer CSS (URL gambar dinamis). --- */
.fbe-berita-galeri { display: flex !important; flex-wrap: wrap !important; gap: .85rem !important; margin: 0; }
.fbe-berita-galeri > a { display: block !important; flex: 0 0 auto; width: 190px !important; height: 190px !important; border-radius: 12px !important; background-color: #E6E9EE !important; background-size: cover !important; background-position: center !important; font-size: 0 !important; text-decoration: none !important; border: 0 !important; box-shadow: 0 8px 20px rgba(4, 17, 89, .08); transition: transform .18s ease, box-shadow .18s ease; }
.fbe-berita-galeri > a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(4, 17, 89, .16); }
.fbe-berita-galeri > span, .fbe-berita-galeri > em { display: block !important; flex: 0 0 auto; width: 190px !important; height: 190px !important; border-radius: 12px !important; }
.fbe-berita-galeri > span > a, .fbe-berita-galeri > em > a { display: block !important; width: 100% !important; height: 100% !important; border-radius: 12px !important; background-color: #E6E9EE !important; background-size: cover !important; background-position: center !important; font-size: 0 !important; text-decoration: none !important; box-shadow: 0 8px 20px rgba(4, 17, 89, .08); transition: transform .18s ease, box-shadow .18s ease; }
.fbe-berita-galeri > span > a:hover, .fbe-berita-galeri > em > a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(4, 17, 89, .16); }
.fbe-berita-galeri:has(> span) { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: .65rem !important; scroll-snap-type: x proximity; }
.fbe-berita-galeri:has(> span) > span { width: 250px !important; height: 250px !important; scroll-snap-align: start; }
.fbe-berita-galeri:has(> em) > em:first-of-type { width: calc(2 * 190px + .85rem) !important; }

/* --- Lampiran: tautan unduhan --- */
.fbe-berita-lampiran a { display: inline-block !important; margin: .3rem .55rem .3rem 0 !important; padding: .58rem 1rem !important; border: 1px solid #D8DEE9 !important; border-radius: 9px !important; color: #041159 !important; font-weight: 600 !important; font-size: .88rem !important; text-decoration: none !important; background: #FFFFFF !important; }
.fbe-berita-lampiran a:hover { border-color: #D9AE00 !important; background: #FEFAE9 !important; }

/* --- Terkait: kartu 3 kolom (thumbnail ::before) --- */
.fbe-berita-terkait { display: flex !important; flex-wrap: wrap !important; gap: 1rem !important; margin: 0; }
.fbe-berita-terkait > a { box-sizing: border-box !important; display: block !important; flex: 1 1 calc(33.333% - .67rem) !important; max-width: calc(33.333% - .67rem) !important; background: #FFFFFF !important; border: 1px solid #EBEBEB !important; border-radius: 14px !important; padding: 1rem 1.05rem 1.15rem !important; text-decoration: none !important; box-shadow: 0 10px 26px rgba(4, 17, 89, .05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.fbe-berita-terkait > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: #F7CA26 !important; }
.fbe-berita-terkait > a::before { content: "" !important; display: block !important; height: 150px !important; border-radius: 10px !important; margin: 0 0 .8rem !important; background-color: #E6E9EE !important; background-size: cover !important; background-position: center !important; }
.fbe-berita-terkait > a b { display: inline-block; font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #8A6D00; background: #FEFAE9; border: 1px solid #F3E6B0; border-radius: 999px; padding: .18rem .55rem; margin: 0 0 .3rem; }
.fbe-berita-terkait > a em { display: block; font-style: normal; font-weight: 600; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; color: #D9AE00; margin: 0 0 .25rem; }
.fbe-berita-terkait > a strong { display: block; font-family: Montserrat, sans-serif; font-weight: 600; font-size: 1.02rem; line-height: 1.35; color: #041159; margin: 0 0 .25rem; }
.fbe-berita-terkait > a:hover strong { text-decoration: underline !important; text-underline-offset: 3px; }
.fbe-berita-terkait > a span { display: block; font-size: .8rem; line-height: 1.5; color: #5B6672; }

@media (max-width: 767px) {
  .fbe-berita-galeri > a, .fbe-berita-galeri > em { width: 148px !important; height: 148px !important; }
  .fbe-berita-galeri:has(> span) > span { width: 205px !important; height: 205px !important; }
  .fbe-berita-galeri:has(> em) > em:first-of-type { width: calc(2 * 148px + .85rem) !important; }
  .fbe-berita-terkait > a { flex-basis: 100% !important; max-width: 100% !important; }
  .fbe-berita-terkait > a::before { height: 170px !important; }
}

/* --- Isi berita versi konten NATIVE (widget Post Content di template single):
   h2/h3, p, daftar, kutipan, gambar. Selector `> strong/span/em` di atas tetap
   berlaku untuk mode shortcode [fbe_berita_isi] (survivor-safe). --- */
.fbe-berita-isi h2, .fbe-berita-isi h3 { font-family: Montserrat, sans-serif; font-weight: 700; color: #041159; line-height: 1.3; margin: 1.7rem 0 .55rem; }
.fbe-berita-isi h2 { font-size: clamp(1.2rem, 2vw, 1.4rem); }
.fbe-berita-isi h3 { font-size: clamp(1.1rem, 1.8vw, 1.3rem); }
.fbe-berita-isi h2:first-child, .fbe-berita-isi h3:first-child { margin-top: 0; }
.fbe-berita-isi p { margin: 0 0 1.05rem; font-size: 1rem; }
.fbe-berita-isi ul, .fbe-berita-isi ol { margin: 0 0 1.05rem; padding-left: 1.35rem; }
.fbe-berita-isi li { margin: 0 0 .35rem; font-size: 1rem; }
.fbe-berita-isi blockquote { margin: 0 0 1.05rem; padding: .85rem 1.1rem; border-left: 3px solid #D9AE00; background: #FEFAE9; border-radius: 0 10px 10px 0; }
.fbe-berita-isi blockquote p:last-child { margin-bottom: 0; }
.fbe-berita-isi img { max-width: 100%; height: auto; border-radius: 12px; }
.fbe-berita-isi figure { margin: 0 0 1.05rem; }
.fbe-berita-isi figcaption { font-size: .82rem; color: #5B6672; margin-top: .4rem; }


/* =====================================================================
   SINGLE BERITA — HERO POP-OUT (gambar menonjol keluar bingkai, 2026-10-04)
   Poster = kartu melengkung + bayangan + ring ganda, menjorok ke area putih.
   Overhang efektif = |margin-block-end poster| − padding row (16px):
     desktop 106−16 = 90px · mobile 60−16 = 44px.
   Padding-atas section berikutnya mengkompensasi overhang
   (.fbe-berita-single-hero + .e-con). Mobile: kartu melebar 16px tiap sisi
   (calc(100% + 32px), margin-inline -16px) agar hampir penuh layar.
   ===================================================================== */
/* ===== HERO POP-OUT v3 (candidate) ===== */
@media (min-width: 768px) {
  body.fbe-single-standar .fbe-berita-single-hero { padding-block-end: 0 !important;
    background-image: linear-gradient(120deg,#031E53 0%,#041159 52%,#0A2E7A 100%),
      radial-gradient(52% 90% at 76% 45%, rgba(122,162,255,.16), rgba(122,162,255,0) 70%) !important; }
  body.fbe-single-standar .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { flex: 1 1 50% !important; padding-block-end: 3.4rem !important; }
  body.fbe-single-standar .fbe-berita-hero-poster { flex: 1 1 42% !important; align-self: flex-end !important; margin-block-end: -106px !important; padding: 0 !important; position: relative !important; z-index: 5 !important; }
  body.fbe-single-standar .fbe-berita-hero-poster img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important;
    border-radius: 20px !important; display: block !important;
    box-shadow: 0 30px 62px -24px rgba(2,10,40,.52), 0 14px 30px -18px rgba(2,10,40,.42), 0 0 0 1px rgba(255,255,255,.3), 0 0 0 2px rgba(6,20,60,.22) !important; }
  body.fbe-single-standar .fbe-berita-single-hero + .e-con { padding-block-start: 8.5rem !important; }
}
@media (max-width: 767px) {
  body.fbe-single-standar .fbe-berita-single-hero { padding-block-end: 0 !important; }
  body.fbe-single-standar .fbe-berita-single-hero > .e-con { flex-direction: column !important; align-items: stretch !important; }
  body.fbe-single-standar .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { flex: 0 0 auto !important; }
  body.fbe-single-standar .fbe-berita-hero-poster { flex: 0 0 auto !important; width: calc(100% + 32px) !important; margin-inline: -16px !important; margin-block-end: -60px !important; padding: 0 !important; position: relative !important; z-index: 5 !important; }
  body.fbe-single-standar .fbe-berita-hero-poster img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; object-fit: cover !important;
    border-radius: 16px !important; display: block !important;
    box-shadow: 0 22px 44px -22px rgba(2,10,40,.45), 0 0 0 1px rgba(255,255,255,.3), 0 0 0 2px rgba(6,20,60,.22) !important; }
  body.fbe-single-standar .fbe-berita-single-hero + .e-con { padding-block-start: 4rem !important; }
}


/* =====================================================================
   10 VARIAN HALAMAN DETAIL (v1.2.0, 2026-10-04)
   Kelas body: fbe-single-<slug> — standar | sorotan | majalah | ringkas |
   dokumentasi | dua-kolom | koran | wawancara | linimasa | gelap.
   Dipilih dari field berita_layout_halaman / resolver Otomatis (PHP).
   Struktur template 1976 (div.elementor):
     .fbe-berita-single-hero  > .e-con > [kolom teks, .fbe-berita-hero-poster]
     section konten (berisi .fbe-berita-isi + .fbe-berita-sumber)
     .fbe-berita-sec-auto ×3  (Galeri, Lampiran, Berita Lainnya)
     section tombol "← Semua Berita"
   Semua varian = CSS murni; DOM & data tidak berubah.
   ===================================================================== */

/* --- SOROTAN — poster penuh + judul besar --- */
body.fbe-single-sorotan .fbe-berita-single-hero { padding: 0 !important; background: #041159 !important; }
body.fbe-single-sorotan .fbe-berita-single-hero > .e-con {
  position: relative !important; display: flex !important; flex-direction: column !important;
  justify-content: flex-end !important; align-items: stretch !important;
  min-height: 540px !important; padding: 2.4rem 2.6rem 2.6rem !important; gap: 0 !important;
}
body.fbe-single-sorotan .fbe-berita-single-hero > .e-con::before {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important;
  background: linear-gradient(180deg, rgba(4,17,89,.24) 0%, rgba(4,17,89,.52) 52%, rgba(4,17,89,.92) 100%) !important;
}
body.fbe-single-sorotan .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) {
  position: relative !important; z-index: 2 !important; flex: 0 0 auto !important;
  max-width: 860px !important; padding: 0 !important;
}
body.fbe-single-sorotan .fbe-berita-hero-poster {
  position: absolute !important; inset: 0 !important; z-index: 0 !important;
  flex: none !important; margin: 0 !important; padding: 0 !important;
}
body.fbe-single-sorotan .fbe-berita-hero-poster img {
  width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important;
  border-radius: 0 !important; box-shadow: none !important;
}
body.fbe-single-sorotan .fbe-berita-single-hero h1 { color: #fff !important; font-size: clamp(1.9rem, 3.4vw, 2.7rem) !important; line-height: 1.18 !important; }
body.fbe-single-sorotan .fbe-berita-single-hero .fbe-berita-lead span { color: #E6E9EE !important; font-size: 1.06rem !important; }
body.fbe-single-sorotan .fbe-berita-single-hero .fbe-berita-herometa span { color: #F7CA26 !important; }
body.fbe-single-sorotan .fbe-berita-single-hero + .e-con { padding-block-start: 2.5rem !important; }

/* --- MAJALAH — header tengah + tipografi editorial --- */
body.fbe-single-majalah .fbe-berita-single-hero { padding: 2.6rem 0 0 !important; background: #FFFFFF !important; }
body.fbe-single-majalah .fbe-berita-single-hero > .e-con { flex-direction: column !important; align-items: center !important; gap: 1.4rem !important; }
body.fbe-single-majalah .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) {
  flex: 0 0 auto !important; width: 100% !important; max-width: 780px !important; text-align: center !important; padding: 0 !important;
}
body.fbe-single-majalah .fbe-berita-single-hero h1,
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-kicker, body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-kicker em,
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-lead, body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-lead span,
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-herometa, body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-herometa span,
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-herocta { text-align: center !important; }
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-kicker em { color: #D9AE00 !important; }
body.fbe-single-majalah .fbe-berita-single-hero h1 { color: #041159 !important; font-size: clamp(1.7rem, 3vw, 2.3rem) !important; line-height: 1.22 !important; }
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-lead span { color: #5B6672 !important; }
body.fbe-single-majalah .fbe-berita-single-hero .fbe-berita-herometa span { color: #D9AE00 !important; }
body.fbe-single-majalah .fbe-berita-hero-poster { flex: 0 0 auto !important; width: 100% !important; max-width: 1080px !important; margin: 0 auto !important; padding: 0 !important; }
body.fbe-single-majalah .fbe-berita-hero-poster img {
  width: 100% !important; height: auto !important; aspect-ratio: 16 / 8 !important; object-fit: cover !important;
  border-radius: 18px !important; box-shadow: 0 24px 52px -30px rgba(4,17,89,.35) !important;
}
body.fbe-single-majalah .fbe-berita-single-hero + .e-con { padding-block-start: 3rem !important; }
body.fbe-single-majalah .fbe-berita-isi { max-width: 780px !important; margin-inline: auto !important; }
body.fbe-single-majalah .fbe-berita-isi > p:first-of-type::first-letter,
body.fbe-single-majalah .fbe-berita-isi > div > p:first-of-type::first-letter {
  float: left !important; font: 700 3.4rem/0.85 Montserrat, sans-serif !important; color: #041159 !important;
  padding: .18rem .6rem 0 0 !important;
}
body.fbe-single-majalah .fbe-berita-isi blockquote {
  border-left: 0 !important; background: transparent !important; border-top: 1px solid #EBEBEB !important; border-bottom: 1px solid #EBEBEB !important;
  border-radius: 0 !important; text-align: center !important; font-size: 1.22rem !important; font-style: italic !important;
  padding: 1.3rem .8rem !important; margin: 1.6rem 0 !important; color: #041159 !important; font-family: Georgia, serif !important;
}
body.fbe-single-majalah .fbe-berita-sumber { max-width: 780px !important; margin-inline: auto !important; }

/* --- RINGKAS — kartu pengumuman + kolom sempit --- */
body.fbe-single-ringkas .fbe-berita-single-hero {
  max-width: 840px !important; margin: 2.2rem auto 0 !important;
  background: #FEFAE9 !important; border: 1px solid #F3E6B0 !important; border-radius: 18px !important;
  padding: 2rem 2.2rem !important;
}
body.fbe-single-ringkas .fbe-berita-single-hero > .e-con { display: block !important; }
body.fbe-single-ringkas .fbe-berita-hero-poster { display: none !important; }
body.fbe-single-ringkas .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
body.fbe-single-ringkas .fbe-berita-single-hero h1 { color: #041159 !important; font-size: clamp(1.45rem, 2.4vw, 1.8rem) !important; }
body.fbe-single-ringkas .fbe-berita-single-hero .fbe-berita-kicker em { color: #D9AE00 !important; }
body.fbe-single-ringkas .fbe-berita-single-hero .fbe-berita-lead { border-left: 4px solid #F7CA26 !important; background: #FFFFFF !important; border-radius: 0 10px 10px 0 !important; padding: .8rem 1rem !important; margin-top: .7rem !important; }
body.fbe-single-ringkas .fbe-berita-single-hero .fbe-berita-lead span { color: #3A3A3B !important; font-size: .98rem !important; }
body.fbe-single-ringkas .fbe-berita-single-hero .fbe-berita-herometa span { color: #5B6672 !important; }
body.fbe-single-ringkas .fbe-berita-single-hero + .e-con { padding-block-start: 2rem !important; }
body.fbe-single-ringkas .fbe-berita-isi { max-width: 680px !important; margin-inline: auto !important; }
body.fbe-single-ringkas .fbe-berita-sumber { max-width: 680px !important; margin-inline: auto !important; }

/* --- DOKUMENTASI — galeri tampil sebelum isi --- */
body.fbe-single-dokumentasi div.elementor { display: flex !important; flex-direction: column !important; }
body.fbe-single-dokumentasi div.elementor > .fbe-berita-sec-auto:has(.fbe-berita-galeri) { order: 1 !important; }
body.fbe-single-dokumentasi div.elementor > div:has(.fbe-berita-isi) { order: 2 !important; }
body.fbe-single-dokumentasi div.elementor > .fbe-berita-sec-auto:has(.fbe-berita-lampiran) { order: 3 !important; }
body.fbe-single-dokumentasi div.elementor > .fbe-berita-sec-auto:has(.fbe-berita-terkait) { order: 4 !important; }
body.fbe-single-dokumentasi div.elementor > div:not(.fbe-berita-single-hero):not(.fbe-berita-sec-auto):not(:has(.fbe-berita-isi)) { order: 5 !important; }
body.fbe-single-dokumentasi .fbe-berita-single-hero { padding: 0 !important; background: #031E53 !important; }
body.fbe-single-dokumentasi .fbe-berita-single-hero > .e-con {
  position: relative !important; display: flex !important; flex-direction: column !important;
  justify-content: flex-end !important; min-height: 400px !important; padding: 2rem 2.4rem 2.2rem !important;
}
body.fbe-single-dokumentasi .fbe-berita-single-hero > .e-con::before {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important;
  background: linear-gradient(180deg, rgba(4,17,89,.10) 0%, rgba(4,17,89,.48) 55%, rgba(4,17,89,.9) 100%) !important;
}
body.fbe-single-dokumentasi .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) {
  position: relative !important; z-index: 2 !important; flex: 0 0 auto !important; max-width: 780px !important; padding: 0 !important;
}
body.fbe-single-dokumentasi .fbe-berita-hero-poster { position: absolute !important; inset: 0 !important; z-index: 0 !important; margin: 0 !important; padding: 0 !important; flex: none !important; }
body.fbe-single-dokumentasi .fbe-berita-hero-poster img {
  width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important;
  border-radius: 0 !important; box-shadow: none !important;
}
body.fbe-single-dokumentasi .fbe-berita-single-hero h1 { color: #fff !important; font-size: clamp(1.5rem, 2.6vw, 2rem) !important; }
body.fbe-single-dokumentasi .fbe-berita-single-hero .fbe-berita-lead span { color: #E6E9EE !important; }
body.fbe-single-dokumentasi .fbe-berita-single-hero .fbe-berita-herometa span { color: #F7CA26 !important; }
body.fbe-single-dokumentasi .fbe-berita-single-hero + .e-con { padding-block-start: 2.4rem !important; }
body.fbe-single-dokumentasi .fbe-berita-galeri > a, body.fbe-single-dokumentasi .fbe-berita-galeri > span, body.fbe-single-dokumentasi .fbe-berita-galeri > em { width: 232px !important; height: 232px !important; }

/* --- DUA KOLOM — isi + panel referensi --- */
body.fbe-single-dua-kolom div.elementor {
  display: grid !important; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr) !important;
  gap: 1.8rem 2rem !important; align-items: start !important;
}
body.fbe-single-dua-kolom div.elementor > .fbe-berita-single-hero { grid-column: 1 / -1 !important; }
body.fbe-single-dua-kolom div.elementor > div:has(.fbe-berita-isi) { grid-column: 1 !important; }
body.fbe-single-dua-kolom div.elementor > .fbe-berita-sec-auto { grid-column: 2 !important; }
body.fbe-single-dua-kolom div.elementor > div:not(.fbe-berita-single-hero):not(.fbe-berita-sec-auto):not(:has(.fbe-berita-isi)) { grid-column: 1 !important; }
body.fbe-single-dua-kolom .fbe-berita-single-hero { padding: 1.8rem 0 !important; background: linear-gradient(120deg, #031E53 0%, #041159 52%, #0A2E7A 100%) !important; }
body.fbe-single-dua-kolom .fbe-berita-single-hero > .e-con { display: grid !important; grid-template-columns: 1.2fr .8fr !important; gap: 1.6rem !important; align-items: center !important; }
body.fbe-single-dua-kolom .fbe-berita-single-hero h1 { color: #fff !important; font-size: clamp(1.35rem, 2.2vw, 1.7rem) !important; }
body.fbe-single-dua-kolom .fbe-berita-single-hero .fbe-berita-lead span { color: #C7D2E8 !important; }
body.fbe-single-dua-kolom .fbe-berita-single-hero .fbe-berita-herometa span { color: #F7CA26 !important; }
body.fbe-single-dua-kolom .fbe-berita-hero-poster { margin: 0 !important; padding: 0 !important; flex: none !important; }
body.fbe-single-dua-kolom .fbe-berita-hero-poster img {
  width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important;
  border-radius: 14px !important; box-shadow: 0 18px 38px -20px rgba(2,10,40,.5) !important;
}
body.fbe-single-dua-kolom .fbe-berita-single-hero + .e-con { padding-block-start: 1.6rem !important; }
body.fbe-single-dua-kolom .fbe-berita-sec-auto {
  background: #FFFFFF !important; border: 1px solid #EBEBEB !important; border-radius: 16px !important;
  padding: 1.3rem 1.4rem !important; box-shadow: 0 12px 28px rgba(4,17,89,.05) !important;
}
body.fbe-single-dua-kolom .fbe-berita-sec-auto h2 { font-size: 1rem !important; margin: 0 0 .7rem !important; }
body.fbe-single-dua-kolom .fbe-berita-galeri > a, body.fbe-single-dua-kolom .fbe-berita-galeri > span, body.fbe-single-dua-kolom .fbe-berita-galeri > em { width: calc(50% - .5rem) !important; height: 120px !important; }
body.fbe-single-dua-kolom .fbe-berita-terkait > a { flex-basis: 100% !important; max-width: 100% !important; padding: .8rem .85rem .9rem !important; }
body.fbe-single-dua-kolom .fbe-berita-terkait > a::before { height: 110px !important; }
body.fbe-single-dua-kolom .fbe-berita-lampiran a { display: block !important; margin: 0 0 .5rem !important; text-align: center !important; }

/* --- KORAN — klasik surat kabar --- */
body.fbe-single-koran .fbe-berita-single-hero { padding: 2.2rem 0 0 !important; background: #FBF9F4 !important; }
body.fbe-single-koran .fbe-berita-single-hero > .e-con { flex-direction: column !important; align-items: center !important; gap: 1.2rem !important; }
body.fbe-single-koran .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) {
  flex: 0 0 auto !important; width: 100% !important; max-width: 760px !important; text-align: center !important; padding: 0 !important;
}
body.fbe-single-koran .fbe-berita-single-hero h1,
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-kicker, body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-kicker em,
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-lead, body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-lead span,
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-herometa, body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-herometa span,
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-herocta { text-align: center !important; }
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-kicker em { color: #5B6672 !important; letter-spacing: .22em !important; }
body.fbe-single-koran .fbe-berita-single-hero h1 {
  font-family: Georgia, "Times New Roman", serif !important; color: #141C26 !important;
  font-size: clamp(1.8rem, 3vw, 2.35rem) !important; line-height: 1.22 !important; font-weight: 700 !important;
  border-top: 4px double #1C2733 !important; padding-top: 1.1rem !important; margin-top: .4rem !important;
}
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-lead span { color: #3A3A3B !important; font-family: Georgia, serif !important; }
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-herometa { border-bottom: 1px solid #D8D8D8 !important; padding-bottom: .9rem !important; }
body.fbe-single-koran .fbe-berita-single-hero .fbe-berita-herometa span { color: #5B6672 !important; font-family: Georgia, serif !important; font-style: italic !important; font-weight: 500 !important; }
body.fbe-single-koran .fbe-berita-hero-poster { flex: 0 0 auto !important; width: 100% !important; max-width: 720px !important; margin: 0 auto !important; padding: 0 !important; }
body.fbe-single-koran .fbe-berita-hero-poster img {
  width: 100% !important; height: auto !important; aspect-ratio: 3 / 2 !important; object-fit: cover !important;
  border-radius: 2px !important; border: 1px solid #D8D8D8 !important; box-shadow: none !important;
}
body.fbe-single-koran .fbe-berita-single-hero + .e-con { padding-block-start: 2.2rem !important; }
body.fbe-single-koran .fbe-berita-isi { max-width: 720px !important; margin-inline: auto !important; font-family: Georgia, "Times New Roman", serif !important; color: #141C26 !important; }
body.fbe-single-koran .fbe-berita-isi p { font-size: 1.02rem !important; line-height: 1.72 !important; text-align: justify !important; }
body.fbe-single-koran .fbe-berita-isi h2, body.fbe-single-koran .fbe-berita-isi h3 { font-family: Georgia, serif !important; color: #0F1620 !important; }
body.fbe-single-koran .fbe-berita-isi > p:first-of-type::first-letter,
body.fbe-single-koran .fbe-berita-isi > div > p:first-of-type::first-letter { float: left !important; font: 700 3.1rem/0.82 Georgia, serif !important; color: #141C26 !important; padding: .22rem .5rem 0 0 !important; }
body.fbe-single-koran .fbe-berita-sumber { max-width: 720px !important; margin-inline: auto !important; }
body.fbe-single-koran .fbe-berita-sumber span { font-family: Georgia, serif !important; font-style: italic !important; text-align: right !important; }
@media (min-width: 1025px) {
  body.fbe-single-koran .fbe-berita-isi { column-count: 2 !important; column-gap: 2.4rem !important; }
  body.fbe-single-koran .fbe-berita-isi > div > h2:first-child, body.fbe-single-koran .fbe-berita-isi > strong:first-child { column-span: all !important; }
}

/* --- WAWANCARA — profil & kutipan besar --- */
body.fbe-single-wawancara .fbe-berita-single-hero {
  max-width: 980px !important; margin: 2rem auto 0 !important;
  background: #FEFAE9 !important; border: 1px solid #F3E6B0 !important; border-radius: 20px !important;
  padding: 1.8rem 2rem !important;
}
body.fbe-single-wawancara .fbe-berita-single-hero > .e-con { display: grid !important; grid-template-columns: 240px minmax(0, 1fr) !important; gap: 2rem !important; align-items: center !important; }
body.fbe-single-wawancara .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; }
body.fbe-single-wawancara .fbe-berita-hero-poster { grid-column: 1 !important; grid-row: 1 !important; width: 230px !important; margin: 0 !important; padding: 0 !important; }
body.fbe-single-wawancara .fbe-berita-hero-poster img {
  width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important;
  border-radius: 16px !important; box-shadow: 0 20px 40px -22px rgba(4,17,89,.45), 0 0 0 4px #FFFFFF !important;
}
body.fbe-single-wawancara .fbe-berita-single-hero .fbe-berita-kicker em { background: #041159 !important; color: #FFFFFF !important; border-radius: 999px !important; padding: .3rem .8rem !important; letter-spacing: .12em !important; }
body.fbe-single-wawancara .fbe-berita-single-hero h1 { color: #041159 !important; font-size: clamp(1.6rem, 2.7vw, 2.1rem) !important; }
body.fbe-single-wawancara .fbe-berita-single-hero .fbe-berita-lead span { color: #5B6672 !important; }
body.fbe-single-wawancara .fbe-berita-single-hero .fbe-berita-herometa span { color: #D9AE00 !important; }
body.fbe-single-wawancara .fbe-berita-single-hero + .e-con { padding-block-start: 2.4rem !important; }
body.fbe-single-wawancara .fbe-berita-isi { max-width: 720px !important; margin-inline: auto !important; }
body.fbe-single-wawancara .fbe-berita-isi blockquote {
  border-left: 4px solid #F7CA26 !important; background: transparent !important; border-radius: 0 !important;
  font-family: Georgia, serif !important; font-style: italic !important; font-size: 1.24rem !important; line-height: 1.6 !important;
  color: #041159 !important; padding: .4rem 0 .4rem 1.4rem !important; margin: 1.5rem 0 !important;
}
body.fbe-single-wawancara .fbe-berita-sumber { max-width: 720px !important; margin-inline: auto !important; }

/* --- LINIMASA — kronik & perjalanan --- */
body.fbe-single-linimasa .fbe-berita-single-hero { padding: 2rem 0 1.8rem !important; }
body.fbe-single-linimasa .fbe-berita-single-hero > .e-con { display: block !important; }
body.fbe-single-linimasa .fbe-berita-hero-poster { display: none !important; }
body.fbe-single-linimasa .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { width: 100% !important; max-width: 760px !important; padding: 0 !important; }
body.fbe-single-linimasa .fbe-berita-single-hero h1 { font-size: clamp(1.5rem, 2.5vw, 1.9rem) !important; }
body.fbe-single-linimasa .fbe-berita-single-hero + .e-con { padding-block-start: 2.2rem !important; }
body.fbe-single-linimasa .fbe-berita-isi { max-width: 700px !important; margin-inline: auto !important; border-left: 2px solid #F3E6B0 !important; padding-left: 2.4rem !important; }
body.fbe-single-linimasa .fbe-berita-isi h2 { position: relative !important; }
body.fbe-single-linimasa .fbe-berita-isi h2::before {
  content: "" !important; position: absolute !important; left: -2.95rem !important; top: .38em !important;
  width: 13px !important; height: 13px !important; border-radius: 50% !important; background: #F7CA26 !important;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 4px #F3E6B0 !important;
}
body.fbe-single-linimasa .fbe-berita-sumber { max-width: 700px !important; margin-inline: auto !important; }

/* --- GELAP — tema malam --- */
body.fbe-single-gelap div.elementor { background: #061631 !important; }
body.fbe-single-gelap .fbe-berita-single-hero { background: linear-gradient(180deg, #04123A 0%, #061631 100%) !important; padding: 2.2rem 0 2.4rem !important; }
body.fbe-single-gelap .fbe-berita-single-hero > .e-con { display: block !important; }
body.fbe-single-gelap .fbe-berita-hero-poster { display: none !important; }
body.fbe-single-gelap .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { width: 100% !important; max-width: 860px !important; padding: 0 !important; }
body.fbe-single-gelap .fbe-berita-single-hero h1 { color: #FFFFFF !important; }
body.fbe-single-gelap .fbe-berita-single-hero .fbe-berita-lead span { color: #AEBBD8 !important; }
body.fbe-single-gelap .fbe-berita-single-hero .fbe-berita-herometa span { color: #F7CA26 !important; }
body.fbe-single-gelap .fbe-berita-single-hero .fbe-berita-kicker em { color: #F7CA26 !important; }
body.fbe-single-gelap .fbe-berita-single-hero + .e-con { padding-block-start: 2rem !important; }
body.fbe-single-gelap div.elementor > div:has(.fbe-berita-isi) { background: #061631 !important; }
body.fbe-single-gelap .fbe-berita-isi { color: #C9D5EC !important; }
body.fbe-single-gelap .fbe-berita-isi h2, body.fbe-single-gelap .fbe-berita-isi h3 { color: #FFFFFF !important; }
body.fbe-single-gelap .fbe-berita-isi a { color: #F7CA26 !important; }
body.fbe-single-gelap .fbe-berita-isi blockquote { background: #0C2148 !important; border-left-color: #F7CA26 !important; color: #DCE4F5 !important; }
body.fbe-single-gelap .fbe-berita-isi > strong { color: #FFFFFF !important; }
body.fbe-single-gelap .fbe-berita-isi > span { color: #C9D5EC !important; }
body.fbe-single-gelap .fbe-berita-isi > em { background: #0C2148 !important; border-left-color: #F7CA26 !important; color: #DCE4F5 !important; }
body.fbe-single-gelap .fbe-berita-sumber span { color: #8FA3CC !important; border-top-color: #1B2C55 !important; }
body.fbe-single-gelap .fbe-berita-sec-auto { background: #061631 !important; }
body.fbe-single-gelap .fbe-berita-sec-auto h2 { color: #FFFFFF !important; }
body.fbe-single-gelap .fbe-berita-galeri > a, body.fbe-single-gelap .fbe-berita-galeri > span > a, body.fbe-single-gelap .fbe-berita-galeri > em > a { box-shadow: 0 0 0 1px #1B2C55 !important; }
body.fbe-single-gelap .fbe-berita-lampiran a { background: #0C2148 !important; border-color: #2A4070 !important; color: #E7EEFB !important; }
body.fbe-single-gelap .fbe-berita-lampiran a:hover { background: #132B5C !important; border-color: #F7CA26 !important; }
body.fbe-single-gelap .fbe-berita-terkait > a { background: #0C2148 !important; border-color: #1B2C55 !important; box-shadow: none !important; }
body.fbe-single-gelap .fbe-berita-terkait > a:hover { border-color: #F7CA26 !important; }
body.fbe-single-gelap .fbe-berita-terkait > a strong { color: #E7EEFB !important; }
body.fbe-single-gelap .fbe-berita-terkait > a span { color: #8FA3CC !important; }
body.fbe-single-gelap .fbe-berita-terkait > a b { background: #132B5C !important; color: #F7CA26 !important; border-color: #2A4070 !important; }
body.fbe-single-gelap div.elementor > div:not(.fbe-berita-single-hero):not(.fbe-berita-sec-auto):not(:has(.fbe-berita-isi)) a { color: #E7EEFB !important; background: #0C2148 !important; border: 1px solid #2A4070 !important; }

/* --- responsif varian --- */
@media (max-width: 1024px) {
  body.fbe-single-dua-kolom div.elementor { display: block !important; }
  body.fbe-single-dua-kolom .fbe-berita-single-hero > .e-con { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
  body.fbe-single-sorotan .fbe-berita-single-hero > .e-con { min-height: 430px !important; padding: 1.5rem 1.4rem 1.7rem !important; }
  body.fbe-single-dokumentasi .fbe-berita-single-hero > .e-con { min-height: 340px !important; padding: 1.4rem 1.3rem 1.6rem !important; }
  body.fbe-single-wawancara .fbe-berita-single-hero > .e-con { grid-template-columns: 1fr !important; gap: 1.2rem !important; }
  body.fbe-single-wawancara .fbe-berita-hero-poster { grid-column: 1 !important; grid-row: 1 !important; width: 170px !important; }
  body.fbe-single-wawancara .fbe-berita-single-hero > .e-con > .e-con:not(.fbe-berita-hero-poster) { grid-column: 1 !important; grid-row: 2 !important; }
  body.fbe-single-ringkas .fbe-berita-single-hero,
  body.fbe-single-wawancara .fbe-berita-single-hero { margin: 1.2rem 1rem 0 !important; padding: 1.4rem 1.3rem !important; border-radius: 16px !important; }
  body.fbe-single-koran .fbe-berita-single-hero h1 { font-size: 1.5rem !important; }
  body.fbe-single-dua-kolom .fbe-berita-galeri > a,
  body.fbe-single-dua-kolom .fbe-berita-galeri > span,
  body.fbe-single-dua-kolom .fbe-berita-galeri > em { width: calc(50% - .45rem) !important; height: 108px !important; }
}

/* =====================================================================
 * [6] JELAJAH — toolbar (Unit Publikasi · Kategori · Waktu + Urut) +
 *     baris status + grid kartu + pager. Filter = tautan server-side.
 * ================================================================== */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span { display: block !important; }

/* --- toolbar chip --- */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) {
	border: 1px solid var(--fb-line) !important; background: #FBFCFE !important;
	border-radius: 16px !important; padding: .95rem 1.05rem 1rem !important;
	box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > em {
	display: inline-block !important; min-width: 92px !important; margin: 0 .5rem .3rem 0 !important;
	font: 800 .7rem Montserrat, sans-serif !important; letter-spacing: .12em !important;
	text-transform: uppercase; color: var(--fb-navy) !important; vertical-align: middle;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > a,
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > strong {
	display: inline-block !important; margin: .14rem .28rem .14rem 0 !important;
	padding: .34rem .72rem !important; border: 1px solid var(--fb-line) !important;
	border-radius: 999px !important; background: #fff !important; color: var(--fb-muted) !important;
	font: 600 .8rem/1.3 Montserrat, sans-serif !important; letter-spacing: 0; text-transform: none;
	vertical-align: middle; transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > a:hover { border-color: var(--fb-navy) !important; color: var(--fb-navy) !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > a:focus-visible { outline: 3px solid var(--fb-accent) !important; outline-offset: 2px; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > strong {
	background: var(--fb-navy) !important; border-color: var(--fb-navy) !important;
	color: #fff !important; font-weight: 700 !important; cursor: default;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > a > em,
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > strong > em {
	display: inline !important; margin: 0 0 0 .32em !important;
	font: 700 .74em/1 Montserrat, sans-serif !important; letter-spacing: 0; text-transform: none;
	color: inherit !important; opacity: .72;
}

/* --- baris status + reset --- */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(2) {
	display: flex !important; flex-wrap: wrap !important; align-items: center !important;
	gap: .45rem !important; margin-top: .9rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(2) > em {
	display: inline-block !important; margin: 0 .35rem 0 0 !important;
	font-size: .82rem !important; font-weight: 600 !important; letter-spacing: 0; text-transform: none;
	color: var(--fb-muted) !important;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(2) > a {
	display: inline-block !important; padding: .26rem .62rem !important;
	border: 1px solid var(--fb-cream-b) !important; background: var(--fb-cream) !important;
	border-radius: 999px !important; color: #8A6D00 !important;
	font-size: .76rem !important; font-weight: 600 !important; letter-spacing: 0; text-transform: none;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(2) > a:hover { background: #FBF1CE !important; border-color: var(--fb-gold) !important; color: var(--fb-navy) !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(2) > a:focus-visible { outline: 3px solid var(--fb-accent) !important; outline-offset: 2px; }

/* --- grid kartu --- */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) {
	display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.1rem !important; margin-top: 1.15rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a {
	background: #fff; border: 1px solid var(--fb-line) !important; border-radius: 14px !important;
	padding: .9rem .95rem 1.05rem !important; box-shadow: 0 10px 26px rgba(4, 17, 89, .05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(4, 17, 89, .12); border-color: var(--fb-accent) !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a::before {
	content: "" !important; display: block !important; height: 150px !important;
	border-radius: 10px !important; margin: 0 0 .7rem !important;
	background-color: var(--fb-ph); background-size: cover !important; background-position: center !important;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a strong { font-size: 1.02rem !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a span {
	display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* empty state */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > em {
	grid-column: 1 / -1 !important; margin: 0 !important; padding: 2.2rem 1rem !important;
	text-align: center !important; background: #FBFCFE !important;
	border: 1.5px dashed #C5CEDF !important; border-radius: 14px !important;
	font-size: .95rem !important; font-weight: 600 !important; letter-spacing: 0; text-transform: none;
	color: var(--fb-muted) !important;
}

/* --- pager --- */
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) {
	display: flex !important; flex-wrap: wrap !important; align-items: center !important;
	justify-content: center !important; gap: .4rem !important; margin-top: 1.3rem !important;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > a,
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > strong {
	display: inline-block !important; min-width: 40px !important; margin: 0 !important;
	padding: .48rem .6rem !important; text-align: center !important;
	border: 1px solid var(--fb-line) !important; border-radius: 10px !important; background: #fff !important;
	color: var(--fb-navy) !important; font: 700 .85rem/1.2 Montserrat, sans-serif !important;
	letter-spacing: 0; text-transform: none;
}
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > a:hover { border-color: var(--fb-navy) !important; background: #F4F6FB !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > a:focus-visible { outline: 3px solid var(--fb-accent) !important; outline-offset: 2px; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > strong { background: var(--fb-navy) !important; border-color: var(--fb-navy) !important; color: #fff !important; }
.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > em { display: inline-block !important; margin: 0 !important; color: var(--fb-muted) !important; font-size: .9rem !important; letter-spacing: 0; }

/* --- responsif --- */
@media (max-width: 1024px) {
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(1) > em { display: block !important; min-width: 0 !important; margin: 0 0 .3rem !important; }
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) { grid-template-columns: 1fr !important; }
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(3) > a::before { height: 168px !important; }
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > a,
	.fbe-berita:has(> a[href="#fbe-layout-jelajah"]) > span:nth-of-type(4) > strong { min-width: 36px !important; padding: .45rem .5rem !important; }
}