/* FBE Pusat Studi System v1.4.0 (2026-10-07) — styling [fbe_pusatstudi] (direktori)
   + bagian halaman tunggal pusat studi + 10 varian layout halaman profil (L1–L10;
   di-scope ke body.fbe-ps-layout-<slug> — pola sama dengan sistem Berita/Event).
   Live: dipasangkan dengan snippet "FBE Pusat Studi System". Kelas HOST:
     fbe-ps         (baseline bersama semua host)
     fbe-ps-grid    (host direktori per rumpun — grid kartu)
     fbe-ps-kicker | fbe-ps-lede | fbe-ps-chips | fbe-ps-cta | fbe-ps-info |
     fbe-ps-related (bagian halaman tunggal)
     fbe-ps-block | fbe-ps-block-isi (pembungkus seksi halaman tunggal — auto-hide saat kosong)
   Markup survivor-safe (sanitizer host): span/strong/em/b/a/br saja.
   Peran tag: strong = nama/judul, em = unit, span = teks (anak langsung kartu:
   1 = ringkasan, 2 = kegiatan), b = kontainer/induk pil bidang, a = tautan.
   Kartu = <span> anak langsung host grid. */

/* v1.4.0 (2026-10-07): normalisasi 4 nama token lama ke kanonik —
   color-white -> --white, color-border -> --facultygray-50, color-ink -> --text-500,
   color-accent -> --accent-500 (masing-masing dgn fallback literal). Memulihkan regresi
   pasca hapus-variabel kit 6 Okt: CTA 'Lihat profil'/unit jatuh ke warna teks warisan. */

/* ===== [0] BASELINE HOST ===== */
p.fbe-ps { margin: 0 !important; }
p.fbe-ps, p.fbe-ps * { box-sizing: border-box !important; }
.fbe-ps em { font-style: normal !important; }
.fbe-ps a { text-decoration: none !important; }
.fbe-ps a:focus-visible { outline: 2px solid var(--universityblue-500) !important; outline-offset: 2px !important; }
/* host kosong → blok hilang (semua shortcode mengembalikan '' saat tanpa data) */
/* Host kosong → hilang. Aturan dipindah ke bagian [8] (akhir file): harus
   SETELAH aturan display komponen (spesifisitas sama — aturan terakhir menang). */

/* =====================================================================
 * [1] DIREKTORI — grid kartu per rumpun (host: fbe-ps-grid)
 * ================================================================== */
p.fbe-ps-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: auto !important;
	gap: var(--gridGap, 1.25rem) !important;
	align-items: stretch !important;
	width: 100% !important;
}
@media (max-width: 1024px) {
	p.fbe-ps-grid { grid-template-columns: 1fr !important; }
}

/* kartu */
.fbe-ps-grid > span {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	height: 100% !important;
	padding: 1.5rem !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important;
	border-radius: 0.5rem !important;
	background-color: var(--white, #FFFFFF) !important;
}
/* nama */
.fbe-ps-grid > span > strong {
	font-family: var(--headingFont) !important;
	font-weight: 700 !important;
	font-size: 1.0625rem !important;
	color: var(--text-500, #070513) !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	overflow-wrap: break-word !important;
}
/* unit penaung */
.fbe-ps-grid > span > em {
	font-family: var(--bodyFont) !important;
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	color: var(--text-200) !important;
	letter-spacing: 0.02em !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}
/* ringkasan & kegiatan (span anak langsung; kegiatan = span ke-2) */
.fbe-ps-grid > span > span {
	font-family: var(--bodyFont) !important;
	font-size: 0.9375rem !important;
	color: var(--universityblue-300) !important;
	line-height: 1.7 !important;
	margin: 0 !important;
}
.fbe-ps-grid > span > span:nth-of-type(2) {
	font-size: 0.8125rem !important;
	line-height: 1.6 !important;
}
/* pil bidang (b > span) */
.fbe-ps-grid > span > b {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.375rem !important;
	margin: 0 !important;
	font-weight: 400 !important;
}
.fbe-ps-grid > span > b > span {
	font-family: var(--bodyFont) !important;
	font-weight: 600 !important;
	font-size: 0.6875rem !important;
	letter-spacing: 0.03em !important;
	color: var(--universityblue-500) !important;
	background-color: var(--white, #FFFFFF) !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important;
	border-radius: 999px !important;
	padding: 0.25rem 0.625rem !important;
	line-height: 1.4 !important;
}
/* CTA kartu → halaman profil */
.fbe-ps-grid > span > a {
	align-self: flex-start !important;
	margin-block-start: auto !important;
	font-family: var(--bodyFont) !important;
	font-weight: 700 !important;
	font-size: 0.8125rem !important;
	color: var(--white, #FFFFFF) !important;
	text-decoration: none !important;
	padding: 0.5rem 1rem !important;
	border: 0 !important;
	border-radius: 0.25rem !important;
	background-color: var(--universityblue-500) !important;
	line-height: 1.4 !important;
}
.fbe-ps-grid > span > a:hover {
	color: var(--text-500, #070513) !important;
	background-color: var(--accent-500, #F7CA26) !important;
}

/* =====================================================================
 * [2] HALAMAN TUNGGAL — kicker
 * ================================================================== */
p.fbe-ps-kicker {
	font-family: var(--bodyFont) !important;
	font-weight: 700 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: var(--universityblue-500) !important;
	line-height: 1.6 !important;
}
.fbe-ps-kicker a { color: inherit !important; }
.fbe-ps-kicker a:hover { text-decoration: underline !important; }

/* ===== [3] lede (ringkasan; excerpt) ===== */
p.fbe-ps-lede, .fbe-ps-lede > span {
	font-family: var(--bodyFont) !important;
	font-size: 1.0625rem !important;
	color: var(--universityblue-300) !important;
	line-height: 1.7 !important;
}

/* ===== [4] chips bidang (b langsung) ===== */
p.fbe-ps-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.375rem !important;
}
.fbe-ps-chips > b {
	font-family: var(--bodyFont) !important;
	font-weight: 600 !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.03em !important;
	color: var(--universityblue-500) !important;
	background-color: var(--white, #FFFFFF) !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important;
	border-radius: 999px !important;
	padding: 0.3rem 0.75rem !important;
	line-height: 1.4 !important;
}

/* ===== [5] CTA (a primer + a mailto sekunder) ===== */
p.fbe-ps-cta {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 0.5rem !important;
}
.fbe-ps-cta > a {
	font-family: var(--bodyFont) !important;
	font-weight: 700 !important;
	font-size: 0.8125rem !important;
	color: var(--white, #FFFFFF) !important;
	text-decoration: none !important;
	padding: 0.5rem 1rem !important;
	border-radius: 0.25rem !important;
	background-color: var(--universityblue-500) !important;
	line-height: 1.4 !important;
}
.fbe-ps-cta > a:hover {
	color: var(--text-500, #070513) !important;
	background-color: var(--accent-500, #F7CA26) !important;
}
.fbe-ps-cta > a[href^="mailto:"] {
	color: var(--universityblue-500) !important;
	background-color: var(--white, #FFFFFF) !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
.fbe-ps-cta > a[href^="mailto:"]:hover {
	color: var(--universityblue-500) !important;
	background-color: var(--white, #FFFFFF) !important;
	border-color: var(--universityblue-500) !important;
}

/* ===== [6] info (grid label/nilai: strong + span per baris, br disembunyikan) ===== */
p.fbe-ps-info {
	display: grid !important;
	grid-template-columns: minmax(9rem, max-content) 1fr !important;
	align-items: start !important;
	column-gap: 1.25rem !important;
	width: 100% !important;
}
.fbe-ps-info > strong {
	font-family: var(--bodyFont) !important;
	font-weight: 600 !important;
	font-size: 0.8125rem !important;
	letter-spacing: 0.02em !important;
	color: var(--text-200) !important;
	padding: 0.625rem 0 !important;
	border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
.fbe-ps-info > span {
	font-family: var(--bodyFont) !important;
	font-size: 0.9375rem !important;
	color: var(--universityblue-300) !important;
	line-height: 1.6 !important;
	padding: 0.625rem 0 !important;
	border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
.fbe-ps-info > br { display: none !important; }
.fbe-ps-info > strong:last-of-type,
.fbe-ps-info > span:last-of-type { border-bottom: 0 !important; }
.fbe-ps-info a { color: var(--universityblue-500) !important; text-decoration: underline !important; }
@media (max-width: 480px) {
	p.fbe-ps-info { grid-template-columns: 1fr !important; }
	.fbe-ps-info > strong { padding-bottom: 0 !important; border-bottom: 0 !important; }
}

/* ===== [7] terkait (daftar tautan) ===== */
p.fbe-ps-related { display: block !important; }
.fbe-ps-related > a {
	display: block !important;
	font-family: var(--bodyFont) !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
	color: var(--universityblue-500) !important;
	text-decoration: none !important;
	padding: 0.75rem 0 !important;
	border-top: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
.fbe-ps-related > a::before { content: "\2192\00a0" !important; }
.fbe-ps-related > a:first-of-type { border-top: 0 !important; }
.fbe-ps-related > a:hover { color: var(--text-500, #070513) !important; text-decoration: underline !important; }

/* ===== [8] GUARD SEKSI HALAMAN TUNGGAL ===== */
/* host kosong (kicker/lede/chips/cta/info/related) → hilang.
   WAJIB di sini (akhir file): spesifisitas sama dengan aturan display
   komponen (mis. p.fbe-ps-chips{display:flex}) — aturan terakhir menang. */
p.fbe-ps:not(:has(*)) { display: none !important; }
/* seksi tanpa isi host → hilang (heading ikut hilang) */
.fbe-ps-block:not(:has(.fbe-ps *)) { display: none !important; }
/* seksi "Tentang" (konten editor) → hilang bila konten kosong.
   h2/h3 TIDAK dihitung: judul seksi sendiri = h2 (bukan konten) — bila
   ikut dihitung, seksi tak pernah tersembunyi. */
.fbe-ps-block-isi:not(:has(p:not(:empty), ul, ol, blockquote, figure, table, img)) { display: none !important; }

/* ===== [9] KONTEN EDITOR (seksi Tentang — konten dinamis redaksi) ===== */
.fbe-ps-block-isi p,
.fbe-ps-block-isi ul,
.fbe-ps-block-isi ol {
	font-family: var(--bodyFont) !important;
	font-size: 1rem !important;
	color: var(--universityblue-300) !important;
	line-height: 1.75 !important;
}
.fbe-ps-block-isi p { margin-block: 0 1.05em !important; }
.fbe-ps-block-isi ul,
.fbe-ps-block-isi ol { padding-inline-start: 1.25rem !important; margin-block: 0 1.05em !important; }
.fbe-ps-block-isi li { margin-block: 0 0.35em !important; }
.fbe-ps-block-isi h2,
.fbe-ps-block-isi h3,
.fbe-ps-block-isi h4 {
	font-family: var(--headingFont) !important;
	color: var(--text-500, #070513) !important;
	line-height: 1.3 !important;
}
.fbe-ps-block-isi a { color: var(--universityblue-500) !important; text-decoration: underline !important; }

/* ===== [10] POLES ===== */
/* lede: batasi lebar baca */
p.fbe-ps-lede { max-width: 65ch !important; }
/* saat seksi "Tentang" tersembunyi (konten kosong), seksi terkait di bawahnya
   menjadi putih — agar dua blok abu tidak berdampingan (padding 2× menumpuk). */
.fbe-ps-block-isi:not(:has(p:not(:empty), ul, ol, blockquote, figure, table, img)) + .fbe-ps-block {
	background-color: var(--white, #FFFFFF) !important;
}

/* =====================================================================
 * [11] MONOGRAM AKRONIM — host baru di template (p.fbe-ps-monogram).
 *      Tersembunyi secara bawaan; hanya varian yang memakainya menampilkan
 *      (L2/L5/L7/L8/L9). Unit tanpa akronim: host kosong → guard [8] hilang.
 * ================================================================== */
p.fbe-ps-monogram { display: none !important; margin: 0 !important; }

/* =====================================================================
 * [12] VARIAN LAYOUT HALAMAN PROFIL — L1..L10
 *      Scoping: body.fbe-ps-layout-<slug> (resolver snippet: ?ps_layout= →
 *      field `ps_layout` → l1). Kelas seksi template: .fbe-ps-sec-hero /
 *      .fbe-ps-sec-profil / .fbe-ps-sec-tentang / .fbe-ps-sec-terkait / -nav.
 *      Semua deklarasi `!important` (mengalahkan gaya lokal atomic).
 * ================================================================== */

/* ---------- L1 — Klasik FBE ----------
   Tampilan bawaan sistem (tanpa override). Varian ini = live sebelum fitur. */

/* ---------- L2 — Pusat Perhatian (terpusat; monogram jadi "wajah") ---------- */
body.fbe-ps-layout-l2 .fbe-ps-sec-hero { text-align: center !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-hero > .e-con { align-items: center !important; }
body.fbe-ps-layout-l2 p.fbe-ps-monogram { display: flex !important; justify-content: center !important; }
body.fbe-ps-layout-l2 p.fbe-ps-monogram > span {
	width: 96px !important; height: 96px !important; border-radius: 50% !important;
	background-color: var(--universityblue-500, #031E53) !important; color: var(--white, #FFFFFF) !important;
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: 1.75rem !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	box-shadow: 0 0 0 5px var(--white, #FFFFFF), 0 0 0 7px #F0B323 !important;
}
body.fbe-ps-layout-l2 .fbe-ps-sec-hero h1 { max-width: 40rem !important; margin-inline: auto !important; }
body.fbe-ps-layout-l2 p.fbe-ps-kicker { text-align: center !important; }
body.fbe-ps-layout-l2 p.fbe-ps-lede { margin-inline: auto !important; text-align: center !important; }
body.fbe-ps-layout-l2 p.fbe-ps-chips { justify-content: center !important; }
body.fbe-ps-layout-l2 p.fbe-ps-cta { justify-content: center !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil > .e-con { max-width: 40rem !important; margin-inline: auto !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil h2 { text-align: center !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil .fbe-ps-info { grid-template-columns: 1fr !important; text-align: center !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil .fbe-ps-info > strong { padding-bottom: 0 !important; border-bottom: 0 !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil .fbe-ps-info > span { border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-profil .fbe-ps-info > span:last-of-type { border-bottom: 0 !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-terkait h2 { text-align: center !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-terkait .fbe-ps-related { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: .75rem !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-terkait .fbe-ps-related > a {
	border: 1px solid var(--facultygray-50, #EBEBEB) !important; border-radius: .625rem !important;
	padding: 1rem 1.125rem !important; background-color: var(--white, #FFFFFF) !important;
}
body.fbe-ps-layout-l2 .fbe-ps-sec-terkait .fbe-ps-related > a::before { content: none !important; }
body.fbe-ps-layout-l2 .fbe-ps-sec-nav > .e-con { align-items: center !important; }

/* ---------- L3 — Dua Kolom (kartu identitas kiri + konten kanan) ---------- */
body.fbe-ps-layout-l3 .elementor-location-single {
	display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important;
	max-width: 1060px !important; margin-inline: auto !important;
	padding: 56px 24px !important; column-gap: 52px !important; row-gap: 0 !important;
}
body.fbe-ps-layout-l3 .fbe-ps-sec-profil {
	order: 1 !important; flex: 0 0 280px !important;
	background-color: var(--white, #FFFFFF) !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important; border-radius: 14px !important;
	padding: 26px 24px !important;
}
body.fbe-ps-layout-l3 .fbe-ps-sec-profil > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-profil h2 { font-size: 1.0625rem !important; margin-bottom: .5rem !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-profil .fbe-ps-info { grid-template-columns: 1fr !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-profil .fbe-ps-info > strong { padding-bottom: 0 !important; border-bottom: 0 !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-profil .fbe-ps-info > span { border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-profil .fbe-ps-info > span:last-of-type { border-bottom: 0 !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-hero { order: 2 !important; flex: 1 1 55% !important; min-width: 0 !important; padding: 0 !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-hero > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-nav { order: 3 !important; flex: 0 0 280px !important; margin-top: 2.5rem !important; padding: 0 !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-nav > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-nav a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .8125rem !important; text-decoration: underline !important;
}
body.fbe-ps-layout-l3 .fbe-ps-sec-terkait { order: 4 !important; flex: 1 1 55% !important; margin-top: 2.5rem !important; padding: 0 !important; background-color: transparent !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-terkait > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l3 .fbe-ps-sec-terkait h2 { font-size: 1.0625rem !important; }

/* ---------- L4 — Editorial (majalah; H1 besar + garis emas) ---------- */
body.fbe-ps-layout-l4 .fbe-ps-sec-hero { background-color: var(--white, #FFFFFF) !important; padding: 64px 24px 40px !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-hero > .e-con { max-width: 840px !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-hero h1 { font-size: clamp(2rem, 3.4vw, 2.75rem) !important; font-weight: 800 !important; line-height: 1.12 !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-hero h1::after { content: "" !important; display: block !important; width: 64px !important; height: 4px !important; background-color: #F0B323 !important; margin-top: 20px !important; }
body.fbe-ps-layout-l4 p.fbe-ps-lede { font-size: 1.1875rem !important; color: #3A3A3B !important; max-width: 42rem !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil { background-color: var(--white, #FFFFFF) !important; padding-block: 40px !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil > .e-con { max-width: 840px !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil h2 { font-size: 1.0625rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: var(--text-200, #56688C) !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil .fbe-ps-info { border-top: 1px solid var(--facultygray-50, #EBEBEB) !important; padding-top: 24px !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil .fbe-ps-info > strong { border-bottom: 0 !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-profil .fbe-ps-info > span { border-bottom: 0 !important; padding-block: .35rem !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-terkait { background-color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-terkait > .e-con { max-width: 840px !important; }
body.fbe-ps-layout-l4 .fbe-ps-related { display: flex !important; flex-wrap: wrap !important; gap: .6rem 2rem !important; }
body.fbe-ps-layout-l4 .fbe-ps-related > a { border: 0 !important; padding: .35rem 0 !important; }
body.fbe-ps-layout-l4 .fbe-ps-related > a::before { content: "\2192\00a0" !important; color: #F0B323 !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-nav { padding-top: 0 !important; }
body.fbe-ps-layout-l4 .fbe-ps-sec-nav a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .8125rem !important; text-decoration: underline !important;
}

/* ---------- L5 — Lembar Data (fact-sheet; dokumen formal) ---------- */
body.fbe-ps-layout-l5 .elementor-location-single { max-width: 840px !important; margin-inline: auto !important; padding: 64px 24px !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-hero {
	background-color: var(--universityblue-500, #031E53) !important;
	border-radius: 14px 14px 0 0 !important; padding: 26px 32px !important;
}
body.fbe-ps-layout-l5 .fbe-ps-sec-hero > .e-con { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: .75rem 1rem !important; max-width: 100% !important; }
body.fbe-ps-layout-l5 p.fbe-ps-monogram { display: flex !important; flex: 0 0 auto !important; }
body.fbe-ps-layout-l5 p.fbe-ps-monogram > span {
	width: 46px !important; height: 46px !important; border-radius: 10px !important;
	background-color: #F7CA26 !important; color: var(--universityblue-500, #031E53) !important;
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: .875rem !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
}
body.fbe-ps-layout-l5 p.fbe-ps-kicker { flex: 1 1 auto !important; color: #F7CA26 !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-hero h1 { flex: 1 1 100% !important; color: var(--white, #FFFFFF) !important; font-size: 1.3125rem !important; }
body.fbe-ps-layout-l5 p.fbe-ps-lede { flex: 1 1 100% !important; color: rgba(255, 255, 255, .82) !important; font-size: .9375rem !important; max-width: 100% !important; }
body.fbe-ps-layout-l5 p.fbe-ps-chips > b { background-color: transparent !important; border-color: rgba(255, 255, 255, .4) !important; color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l5 p.fbe-ps-cta > a { background-color: #F7CA26 !important; color: var(--universityblue-500, #031E53) !important; }
body.fbe-ps-layout-l5 p.fbe-ps-cta > a[href^="mailto:"] { background-color: transparent !important; color: var(--white, #FFFFFF) !important; border: 1px solid rgba(255, 255, 255, .5) !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-profil,
body.fbe-ps-layout-l5 .fbe-ps-sec-terkait {
	background-color: var(--white, #FFFFFF) !important;
	border-left: 1px solid var(--facultygray-50, #EBEBEB) !important;
	border-right: 1px solid var(--facultygray-50, #EBEBEB) !important;
	padding: 8px 32px 12px !important;
}
body.fbe-ps-layout-l5 .fbe-ps-sec-profil > .e-con,
body.fbe-ps-layout-l5 .fbe-ps-sec-terkait > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-terkait { padding-top: 20px !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-nav {
	background-color: var(--white, #FFFFFF) !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important; border-top: 1px solid var(--facultygray-50, #EBEBEB) !important;
	border-radius: 0 0 14px 14px !important; padding: 18px 32px !important;
}
body.fbe-ps-layout-l5 .fbe-ps-sec-nav > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l5 .fbe-ps-sec-nav a { background-color: var(--universityblue-500, #031E53) !important; }

/* ---------- L6 — Pita & Kartu (pita navy + kartu melayang) ---------- */
body.fbe-ps-layout-l6 .fbe-ps-sec-hero { background-color: var(--universityblue-500, #031E53) !important; padding: 64px 24px 104px !important; }
body.fbe-ps-layout-l6 .fbe-ps-sec-hero > .e-con { max-width: 880px !important; }
body.fbe-ps-layout-l6 p.fbe-ps-kicker { color: #F7CA26 !important; }
body.fbe-ps-layout-l6 .fbe-ps-sec-hero h1 { color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l6 p.fbe-ps-lede { color: rgba(255, 255, 255, .85) !important; }
body.fbe-ps-layout-l6 p.fbe-ps-chips > b { background-color: transparent !important; border-color: rgba(255, 255, 255, .4) !important; color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l6 p.fbe-ps-cta > a { background-color: #F7CA26 !important; color: var(--universityblue-500, #031E53) !important; }
body.fbe-ps-layout-l6 p.fbe-ps-cta > a[href^="mailto:"] { background-color: transparent !important; color: var(--white, #FFFFFF) !important; border: 1px solid rgba(255, 255, 255, .5) !important; }
body.fbe-ps-layout-l6 .fbe-ps-sec-profil { background-color: transparent !important; margin-top: -64px !important; padding: 0 !important; }
body.fbe-ps-layout-l6 .fbe-ps-sec-profil > .e-con {
	background-color: var(--white, #FFFFFF) !important; border-radius: 16px !important;
	box-shadow: 0 30px 70px -34px rgba(7, 5, 19, .45) !important;
	padding: 34px 36px !important; max-width: 880px !important; position: relative !important;
}
body.fbe-ps-layout-l6 .fbe-ps-sec-terkait { background-color: transparent !important; padding-top: 2.5rem !important; }
body.fbe-ps-layout-l6 .fbe-ps-sec-terkait > .e-con { max-width: 880px !important; }
body.fbe-ps-layout-l6 .fbe-ps-related { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .75rem !important; }
body.fbe-ps-layout-l6 .fbe-ps-related > a {
	border: 1px solid var(--facultygray-50, #EBEBEB) !important; border-radius: .625rem !important;
	padding: 1rem !important; background-color: var(--white, #FFFFFF) !important;
}
body.fbe-ps-layout-l6 .fbe-ps-related > a::before { content: none !important; }

/* ---------- L7 — Panel Terbagi (split navy / putih) ---------- */
body.fbe-ps-layout-l7 .elementor-location-single {
	display: flex !important; flex-wrap: wrap !important; align-items: stretch !important;
	max-width: none !important; padding: 0 !important; column-gap: 0 !important; row-gap: 0 !important;
}
body.fbe-ps-layout-l7 .fbe-ps-sec-hero { order: 1 !important; flex: 0 0 42% !important; background-color: var(--universityblue-500, #031E53) !important; padding: 64px 48px !important; justify-content: center !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-hero > .e-con { max-width: 100% !important; justify-content: center !important; }
body.fbe-ps-layout-l7 p.fbe-ps-monogram { display: flex !important; margin-bottom: 0 !important; }
body.fbe-ps-layout-l7 p.fbe-ps-monogram > span {
	width: 64px !important; height: 64px !important; border-radius: 14px !important;
	background-color: #F7CA26 !important; color: var(--universityblue-500, #031E53) !important;
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: 1.125rem !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
}
body.fbe-ps-layout-l7 p.fbe-ps-kicker { color: #F7CA26 !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-hero h1 { color: var(--white, #FFFFFF) !important; font-size: clamp(1.6rem, 2.6vw, 2.125rem) !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-hero h1::after { content: "" !important; display: block !important; width: 48px !important; height: 3px !important; background-color: #F0B323 !important; margin-top: 22px !important; }
body.fbe-ps-layout-l7 p.fbe-ps-lede { color: rgba(255, 255, 255, .82) !important; }
body.fbe-ps-layout-l7 p.fbe-ps-chips > b { background-color: transparent !important; border-color: rgba(255, 255, 255, .4) !important; color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l7 p.fbe-ps-cta { flex-direction: column !important; align-items: stretch !important; margin-top: .5rem !important; }
body.fbe-ps-layout-l7 p.fbe-ps-cta > a { text-align: center !important; background-color: #F7CA26 !important; color: var(--universityblue-500, #031E53) !important; }
body.fbe-ps-layout-l7 p.fbe-ps-cta > a[href^="mailto:"] { background-color: transparent !important; color: var(--white, #FFFFFF) !important; border: 1px solid rgba(255, 255, 255, .5) !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-profil { order: 2 !important; flex: 1 1 50% !important; background-color: var(--white, #FFFFFF) !important; padding: 64px 48px !important; justify-content: center !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-profil > .e-con { max-width: 100% !important; justify-content: center !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-nav { order: 3 !important; flex: 0 0 42% !important; background-color: var(--white, #FFFFFF) !important; padding: 28px 48px 64px !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-nav > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-nav a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .8125rem !important; text-decoration: underline !important;
}
body.fbe-ps-layout-l7 .fbe-ps-sec-terkait { order: 4 !important; flex: 1 1 50% !important; background-color: var(--white, #FFFFFF) !important; padding: 0 48px 64px !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-terkait > .e-con { max-width: 100% !important; }
body.fbe-ps-layout-l7 .fbe-ps-sec-terkait h2 { font-size: 1.0625rem !important; }

/* ---------- L8 — Alur Profil (langkah bernomor; paling tahan data minim) ---------- */
body.fbe-ps-layout-l8 .fbe-ps-sec-hero { padding: 56px 24px 28px !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-hero > .e-con { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: .75rem 1rem !important; max-width: 780px !important; }
body.fbe-ps-layout-l8 p.fbe-ps-kicker { flex: 1 1 100% !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-hero h1 { flex: 1 1 auto !important; font-size: clamp(1.5rem, 2.6vw, 2rem) !important; }
body.fbe-ps-layout-l8 p.fbe-ps-monogram { display: flex !important; flex: 0 0 auto !important; }
body.fbe-ps-layout-l8 p.fbe-ps-monogram > span {
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: .8125rem !important;
	background-color: var(--universityblue-500, #031E53) !important; color: var(--white, #FFFFFF) !important;
	border-radius: 999px !important; padding: .4rem .9rem !important; letter-spacing: .04em !important;
}
body.fbe-ps-layout-l8 p.fbe-ps-lede { flex: 1 1 100% !important; }
body.fbe-ps-layout-l8 p.fbe-ps-chips { flex: 1 1 100% !important; }
body.fbe-ps-layout-l8 p.fbe-ps-cta { flex: 1 1 100% !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-profil { background-color: transparent !important; padding-block: 16px 36px !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-profil > .e-con { max-width: 780px !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-profil h2 { display: none !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info {
	counter-reset: fbe-step !important;
	border-left: 2px dashed var(--facultygray-50, #EBEBEB) !important;
	padding-left: 30px !important;
	column-gap: 0 !important;
	align-items: stretch !important;
}
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > strong {
	counter-increment: fbe-step !important;
	display: flex !important; align-items: center !important;
	min-height: 64px !important;
	margin-left: -32px !important; width: calc(100% + 32px) !important;
	padding: 0 20px 0 32px !important;
	border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > strong::before {
	content: counter(fbe-step, decimal-leading-zero) !important;
	display: inline-flex !important; align-items: center !important; justify-content: center !important;
	flex: 0 0 auto !important;
	width: 34px !important; height: 34px !important; border-radius: 50% !important;
	border: 2px solid #F0B323 !important; background-color: var(--white, #FFFFFF) !important;
	color: var(--universityblue-500, #031E53) !important;
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: .75rem !important;
	margin-left: -47px !important; margin-right: 11px !important;
}
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > span {
	display: flex !important; align-items: center !important;
	min-height: 64px !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > strong:last-of-type,
body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > span:last-of-type { border-bottom: 0 !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-terkait.fbe-ps-block { background-color: var(--facultygray-50, #EBEBEB) !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-terkait > .e-con { max-width: 780px !important; }
body.fbe-ps-layout-l8 .fbe-ps-sec-nav { padding-top: 24px !important; }

/* ---------- L9 — Katalog (v1.3.0: header konsisten dgn varian lain; identitas
   katalog = badge/monogram di atas + label "Bidang" + matriks info + daftar) ---------- */
body.fbe-ps-layout-l9 .fbe-ps-sec-hero { background-color: var(--white, #FFFFFF) !important; padding: 56px 24px 40px !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-hero > .e-con { max-width: 960px !important; }
body.fbe-ps-layout-l9 p.fbe-ps-monogram { display: flex !important; margin-bottom: .25rem !important; }
body.fbe-ps-layout-l9 p.fbe-ps-monogram > span {
	width: 52px !important; height: 52px !important; border-radius: 12px !important;
	background-color: var(--universityblue-500, #031E53) !important; color: var(--white, #FFFFFF) !important;
	font-family: var(--headingFont, Montserrat) !important; font-weight: 800 !important; font-size: .9375rem !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
}
body.fbe-ps-layout-l9 p.fbe-ps-chips::before {
	content: "Bidang" !important; flex: 0 0 100% !important;
	font-size: .6875rem !important; font-weight: 700 !important; letter-spacing: .1em !important;
	text-transform: uppercase !important; color: var(--text-200, #56688C) !important; margin-bottom: .5rem !important;
}
body.fbe-ps-layout-l9 .fbe-ps-sec-profil { background-color: var(--white, #FFFFFF) !important; padding: 0 24px 8px !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-profil > .e-con { max-width: 960px !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-profil h2 { display: none !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info {
	grid-template-columns: minmax(8rem, max-content) 1fr minmax(8rem, max-content) 1fr !important;
	column-gap: 0 !important;
	border: 1px solid var(--facultygray-50, #EBEBEB) !important; border-radius: 10px !important; overflow: hidden !important;
}
body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info > strong {
	padding: 16px 18px !important; background-color: #F7F8FA !important;
	border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important; border-right: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info > span {
	padding: 16px 18px !important; border-bottom: 1px solid var(--facultygray-50, #EBEBEB) !important;
}
body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info > span:nth-of-type(odd) { border-right: 1px solid var(--facultygray-50, #EBEBEB) !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-terkait { background-color: var(--white, #FFFFFF) !important; padding-top: 1.5rem !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-terkait > .e-con { max-width: 960px !important; }
body.fbe-ps-layout-l9 .fbe-ps-related > a { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 1rem !important; border-top: 0 !important; border-bottom: 1px solid #F0F1F3 !important; }
body.fbe-ps-layout-l9 .fbe-ps-related > a::before { content: none !important; }
body.fbe-ps-layout-l9 .fbe-ps-related > a::after { content: "\2192" !important; color: #F0B323 !important; font-weight: 700 !important; }
body.fbe-ps-layout-l9 .fbe-ps-sec-nav a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .8125rem !important; text-decoration: underline !important;
}

/* ---------- L10 — Tipografi Tenang (tanpa kotak/band) ---------- */
body.fbe-ps-layout-l10 .fbe-ps-sec-hero,
body.fbe-ps-layout-l10 .fbe-ps-sec-profil,
body.fbe-ps-layout-l10 .fbe-ps-sec-terkait,
body.fbe-ps-layout-l10 .fbe-ps-sec-nav { background-color: var(--white, #FFFFFF) !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-hero { padding: 72px 24px 28px !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-hero > .e-con { max-width: 760px !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-hero h1 { font-size: clamp(1.8rem, 3vw, 2.5rem) !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-hero h1::after { content: "" !important; display: block !important; width: 48px !important; height: 3px !important; background-color: #F0B323 !important; margin-top: 24px !important; }
body.fbe-ps-layout-l10 p.fbe-ps-lede { font-size: 1.125rem !important; line-height: 1.75 !important; }
body.fbe-ps-layout-l10 p.fbe-ps-chips > b {
	background: none !important; border: 0 !important; padding: 0 !important;
	color: var(--universityblue-500, #031E53) !important; font-size: .875rem !important;
	border-bottom: 1px solid rgba(3, 30, 83, .35) !important; border-radius: 0 !important;
}
body.fbe-ps-layout-l10 p.fbe-ps-chips > b + b::before { content: "\00b7" !important; color: #C6CCD6 !important; margin: 0 .6rem !important; border: 0 !important; display: inline-block !important; }
body.fbe-ps-layout-l10 p.fbe-ps-cta > a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .9375rem !important; text-decoration: underline !important; text-underline-offset: 3px !important;
}
body.fbe-ps-layout-l10 p.fbe-ps-cta > a[href^="mailto:"] { border: 0 !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-profil { padding-block: 36px !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-profil > .e-con { max-width: 760px !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-profil h2 { font-size: .6875rem !important; text-transform: uppercase !important; letter-spacing: .12em !important; color: var(--text-200, #56688C) !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-profil .fbe-ps-info > strong { border-bottom: 0 !important; padding-block: .2rem !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-profil .fbe-ps-info > span { border-bottom: 0 !important; padding-block: .2rem !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-terkait { padding-top: 36px !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-terkait > .e-con { max-width: 760px !important; }
body.fbe-ps-layout-l10 .fbe-ps-related { columns: 2 !important; column-gap: 48px !important; }
body.fbe-ps-layout-l10 .fbe-ps-related > a { border: 0 !important; padding: .4rem 0 !important; break-inside: avoid !important; }
body.fbe-ps-layout-l10 .fbe-ps-related > a::before { content: none !important; }
body.fbe-ps-layout-l10 .fbe-ps-sec-nav a {
	background: none !important; color: var(--universityblue-500, #031E53) !important;
	padding: 0 !important; font-size: .8125rem !important; text-decoration: underline !important;
}

/* =====================================================================
 * [13] RESPONSIF VARIAN (≤1024px: kolom menumpuk; ≤767px: penyesuaian)
 * ================================================================== */
@media (max-width: 1024px) {
	body.fbe-ps-layout-l3 .fbe-ps-sec-profil { order: 1 !important; flex: 1 1 100% !important; }
	body.fbe-ps-layout-l3 .fbe-ps-sec-hero { order: 2 !important; flex: 1 1 100% !important; }
	body.fbe-ps-layout-l3 .fbe-ps-sec-terkait { order: 3 !important; flex: 1 1 100% !important; margin-top: 2rem !important; }
	body.fbe-ps-layout-l3 .fbe-ps-sec-nav { order: 4 !important; flex: 1 1 100% !important; margin-top: 2rem !important; }
	body.fbe-ps-layout-l7 .fbe-ps-sec-hero { flex: 1 1 100% !important; }
	body.fbe-ps-layout-l7 .fbe-ps-sec-profil { flex: 1 1 100% !important; padding: 48px 24px 0 !important; }
	body.fbe-ps-layout-l7 .fbe-ps-sec-terkait { flex: 1 1 100% !important; padding: 0 24px 40px !important; }
	body.fbe-ps-layout-l7 .fbe-ps-sec-nav { flex: 1 1 100% !important; padding: 8px 24px 48px !important; }
	body.fbe-ps-layout-l7 .fbe-ps-sec-hero { padding: 56px 24px !important; }
}
@media (max-width: 767px) {
	body.fbe-ps-layout-l2 .fbe-ps-sec-terkait .fbe-ps-related { grid-template-columns: 1fr !important; }
	body.fbe-ps-layout-l6 .fbe-ps-sec-hero { padding: 48px 24px 84px !important; }
	body.fbe-ps-layout-l6 .fbe-ps-sec-profil { margin-top: -48px !important; }
	body.fbe-ps-layout-l6 .fbe-ps-sec-profil > .e-con { padding: 26px 22px !important; }
	body.fbe-ps-layout-l6 .fbe-ps-related { grid-template-columns: 1fr !important; }
	body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info { grid-template-columns: minmax(7rem, max-content) 1fr !important; }
	body.fbe-ps-layout-l9 .fbe-ps-sec-profil .fbe-ps-info > span:nth-of-type(odd) { border-right: 0 !important; }
	body.fbe-ps-layout-l10 .fbe-ps-related { columns: 1 !important; }
	body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info { padding-left: 26px !important; }
	body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > strong { margin-left: -28px !important; width: calc(100% + 28px) !important; padding: 0 16px 0 28px !important; }
	body.fbe-ps-layout-l8 .fbe-ps-sec-profil .fbe-ps-info > strong::before { margin-left: -43px !important; }
}

/* =====================================================================
 * [14] LOGO UNIT (v1.3.0) — host classic-shortcode `div.fbe-ps-logo-host`
 *      (anak pertama Hero — Isi di template; `[fbe_ps_logo]` → <img> mentah).
 *      Kenapa classic-shortcode: host e-paragraph men-strip <img> (twig
 *      striptags), shortcode widget klasik merender mentah (pola terbukti
 *      di halaman Tenaga Kependidikan).
 *      Aturan display memakai :has(img) → host tanpa logo tetap tersembunyi
 *      (tak perlu guard terpisah). Bila logo ada → monogram akronim sembunyi.
 * ================================================================== */
div.fbe-ps-logo-host { display: none !important; margin: 0 !important; }
div.fbe-ps-logo-host > .elementor-shortcode { display: contents !important; }
img.fbe-ps-logo-img { display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; }
/* logo ada → monogram (bila ada) tak ditampilkan */
div.fbe-ps-logo-host:has(img) ~ p.fbe-ps-monogram { display: none !important; }

/* — penempatan per varian — */
body.fbe-ps-layout-l1 div.fbe-ps-logo-host:has(img) { display: flex !important; margin: 0 0 20px !important; }
body.fbe-ps-layout-l1 img.fbe-ps-logo-img { height: 64px !important; }
body.fbe-ps-layout-l2 div.fbe-ps-logo-host:has(img) { display: flex !important; justify-content: center !important; margin: 0 0 24px !important; }
body.fbe-ps-layout-l2 img.fbe-ps-logo-img { height: 96px !important; }
body.fbe-ps-layout-l3 div.fbe-ps-logo-host:has(img) { display: flex !important; margin: 0 0 20px !important; }
body.fbe-ps-layout-l3 img.fbe-ps-logo-img { height: 64px !important; }
body.fbe-ps-layout-l4 div.fbe-ps-logo-host:has(img) { display: flex !important; margin: 0 0 16px !important; }
body.fbe-ps-layout-l4 img.fbe-ps-logo-img { height: 56px !important; }
body.fbe-ps-layout-l5 div.fbe-ps-logo-host:has(img) { display: inline-flex !important; align-items: center !important; background-color: var(--white, #FFFFFF) !important; padding: 9px 14px !important; border-radius: 10px !important; margin: 0 .25rem 0 0 !important; }
body.fbe-ps-layout-l5 img.fbe-ps-logo-img { height: 40px !important; }
body.fbe-ps-layout-l6 div.fbe-ps-logo-host:has(img) { display: inline-flex !important; align-items: center !important; background-color: var(--white, #FFFFFF) !important; padding: 10px 16px !important; border-radius: 12px !important; margin: 0 0 18px !important; }
body.fbe-ps-layout-l6 img.fbe-ps-logo-img { height: 48px !important; }
body.fbe-ps-layout-l7 div.fbe-ps-logo-host:has(img) { display: inline-flex !important; align-items: center !important; background-color: var(--white, #FFFFFF) !important; padding: 11px 16px !important; border-radius: 12px !important; margin: 0 0 22px !important; }
body.fbe-ps-layout-l7 img.fbe-ps-logo-img { height: 48px !important; }
body.fbe-ps-layout-l8 div.fbe-ps-logo-host:has(img) { display: flex !important; flex: 1 1 100% !important; margin: 0 0 16px !important; }
body.fbe-ps-layout-l8 img.fbe-ps-logo-img { height: 52px !important; }
body.fbe-ps-layout-l9 div.fbe-ps-logo-host:has(img) { display: flex !important; margin: 0 0 12px !important; }
body.fbe-ps-layout-l9 img.fbe-ps-logo-img { height: 64px !important; }
body.fbe-ps-layout-l10 div.fbe-ps-logo-host:has(img) { display: flex !important; margin: 0 0 18px !important; }
body.fbe-ps-layout-l10 img.fbe-ps-logo-img { height: 56px !important; }

/* responsif logo */
@media (max-width: 767px) {
	body.fbe-ps-layout-l2 img.fbe-ps-logo-img { height: 72px !important; }
	body.fbe-ps-layout-l5 img.fbe-ps-logo-img,
	body.fbe-ps-layout-l6 img.fbe-ps-logo-img,
	body.fbe-ps-layout-l7 img.fbe-ps-logo-img { height: 40px !important; }
	body.fbe-ps-layout-l1 img.fbe-ps-logo-img,
	body.fbe-ps-layout-l3 img.fbe-ps-logo-img,
	body.fbe-ps-layout-l9 img.fbe-ps-logo-img { height: 52px !important; }
}