/*
 * Tampilan tvonlinetidore.net (30 Sep 2026), dimuat setelah style.css.
 * Terinspirasi tata letak theguardian.com: kepala halaman gelap selebar layar, menu rubrik
 * tebal bergaris, beranda tersusun dalam "wadah" (judul bagian di kiri, kartu di kanan),
 * garis pemisah tipis, tanpa sudut membulat. Warna, logo, dan huruf tetap milik brand:
 * Hitam Pers #111318, Merah Siaran #d91e28, Abu Media #6b7280, Plus Jakarta Sans.
 */

:root {
	--tv-hitam: #111318;
	--tv-hitam-2: #1b1d23;
	--tv-garis-gelap: #2c2f37;
	--tv-merah: #d91e28;
	--tv-lebar: 1300px;
	/* Jarak kiri-kanan: isi tetap 1300 px di tengah walau latarnya selebar layar. */
	--tv-tepi: max(20px, calc((100% - var(--tv-lebar)) / 2 + 20px));
	--tv-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='56'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.1' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='30' cy='28' r='7'/%3E%3Cpath d='M30 15a13 13 0 0 1 13 13M30 41a13 13 0 0 1-13-13'/%3E%3C/g%3E%3Ccircle cx='30' cy='28' r='2.4' fill='%23fff' fill-opacity='.1'/%3E%3C/svg%3E");
}

/* ---------- Kerangka: selebar layar, isi di tengah ---------- */
.fx-page { background: var(--f-bg); padding: 0; }
.fx-shell { max-width: none; box-shadow: none; background: var(--f-bg); }
.fx-shell > main { max-width: var(--tv-lebar); margin-left: auto; margin-right: auto; box-sizing: border-box; }

/* ---------- Kepala halaman gelap ---------- */
.fx-top,
.fx-head,
.fx-nav { padding-left: var(--tv-tepi); padding-right: var(--tv-tepi); }
.fx-top { background: var(--tv-hitam); border-bottom: 1px solid var(--tv-garis-gelap); height: 38px; font-size: 11.5px; }
.fx-head { background: var(--tv-hitam); height: 118px; }
/* Lokasi di bar atas, kanan jam; logo di kiri kepala halaman, pencarian di kanan. */
.tv-top-lokasi { display: inline-flex; align-items: center; gap: 6px; color: #fff; }
.tv-top-lokasi svg { width: 14px; height: 14px; color: #e75057; }
.fx-head > .fx-logo { justify-self: start; }
/* Tombol tema terang/gelap di kepala, kanan pencarian (permintaan pemilik, 1 Okt 2026).
   Di HP: menu | logo | cari + tema; kolom kiri & kanan sama lebar (88px) sehingga logo tetap di tengah. */
.fx-head .fx-head-m { display: flex; align-items: center; justify-self: end; gap: 4px; }
.fx-head .fx-theme-m { display: inline-flex; align-items: center; justify-content: center; }
@media (min-width: 861px) {
	.fx-head { grid-template-columns: auto minmax(0, 1fr) auto; }
	.fx-head-m [data-tvot-cari] { display: none; }
	.fx-head .fx-theme-m { width: 42px; height: 42px; border-radius: 50%; background: var(--tv-hitam-2); border: 1.5px solid var(--tv-garis-gelap); }
	.fx-head .fx-theme-m:hover { border-color: var(--tv-merah); }
}
.fx-top a,
.fx-top span { white-space: nowrap; }
/* Layar sedang: bar atas cukup satu baris (tautan Redaksi saja, sisanya ada di menu ☰ dan kaki halaman). */
@media (max-width: 1100px) {
	.fx-top-links a:not(:first-of-type),
	.fx-top-links .fx-sep { display: none; }
}
.fx-head .fx-search { background: var(--tv-hitam-2); border-color: var(--tv-garis-gelap); color: #b9bcc4; }
.fx-head .fx-search input { color: #fff; }
.fx-head .fx-search input::placeholder { color: #8b8f99; }
.fx-head .fx-icon-btn,
.fx-head .fx-theme-m { color: #fff; }
.fx-search-m { background: var(--tv-hitam); }
.fx-search-m .fx-search { background: var(--tv-hitam-2); border-color: var(--tv-garis-gelap); }
.fx-search-m .fx-search input { color: #fff; }

/* ---------- Menu rubrik: tebal, bergaris, garis merah di atas rubrik aktif ---------- */
.fx-nav {
	background: var(--tv-hitam);
	box-shadow: none;
	border-top: 1px solid var(--tv-garis-gelap);
	border-bottom: 1px solid var(--tv-garis-gelap);
	height: 52px;
}
.fx-nav-link {
	font-size: 16.5px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 16px;
	border-top: 4px solid transparent;
	border-bottom: 0;
	border-right: 1px solid var(--tv-garis-gelap);
	color: #fff;
}
.fx-nav-links > .fx-nav-link:first-child,
.fx-nav-links > .fx-drop:first-child > .fx-nav-link:first-child { border-left: 1px solid var(--tv-garis-gelap); }
.fx-nav-link:hover,
.fx-nav-link.active { border-top-color: var(--tv-merah); border-bottom-color: transparent; color: #fff; background: transparent; }
.fx-drop .fx-drop-caret { border-right: 1px solid var(--tv-garis-gelap); }
/* Tombol ☰ di kiri bar menu. */
.fx-nav .fx-nav-menu { margin: 0 12px 0 0; }

/* Menu menyesuaikan lebar layar supaya tidak melebar keluar halaman (tablet/laptop kecil). */
@media (max-width: 1240px) { .fx-nav-link { font-size: 15px; padding: 0 12px; } }
@media (max-width: 1080px) { .fx-nav-link { font-size: 14px; padding: 0 9px; } }
@media (max-width: 980px) { .fx-nav-link { font-size: 13px; padding: 0 7px; } }
@media (max-width: 920px) { .fx-nav-link { font-size: 12.5px; padding: 0 6px; } }

/* ---------- Bar TERKINI ---------- */
.fx-ticker { padding-left: var(--tv-tepi); padding-right: var(--tv-tepi); background: var(--f-bg); border-bottom: 1px solid var(--f-line); overflow: hidden; }
.fx-ticker-label { border-radius: 0; background: var(--tv-merah); color: #fff; animation: tv-denyut 1.8s ease-in-out infinite; }
/* Label TERKINI berdenyut redup-terang seperti lampu "siaran langsung": cahaya (bayangan) ikut menyala saat
   warna terang dan padam saat warna redup. */
@keyframes tv-denyut {
	0%, 100% { background-color: #d91e28; box-shadow: 0 0 12px 2px rgba(217, 30, 40, .55); }
	50% { background-color: #8e141b; box-shadow: 0 0 0 0 rgba(217, 30, 40, 0); }
}
@media (prefers-reduced-motion: reduce) { .fx-ticker-label { animation: none; } }

/* ---------- Kaki halaman ---------- */
.fx-footer { padding-left: var(--tv-tepi); padding-right: var(--tv-tepi); }
.fx-footer-logo { background: transparent; padding: 0; border-radius: 0; }
.fx-footer-bottom { margin-left: calc(-1 * var(--tv-tepi)); margin-right: calc(-1 * var(--tv-tepi)); padding-left: var(--tv-tepi); padding-right: var(--tv-tepi); }

/* ---------- Wadah beranda ---------- */
.tv-depan { padding: 18px 20px 48px; }
.tv-wadah {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 0 24px;
	border-top: 1px solid var(--f-line);
	padding: 12px 0 30px;
}
.tv-wadah-kepala { display: flex; flex-direction: column; gap: 6px; }
.tv-wadah-kepala h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.15;
	font-weight: 800;
	color: var(--f-text);
}
.tv-wadah-kepala h2::before { content: ""; display: block; width: 36px; height: 4px; background: var(--tv-merah); margin-bottom: 8px; }
.tv-wadah-kepala h2 a { color: inherit; text-decoration: none; }
.tv-wadah-kepala h2 a:hover { color: var(--tv-merah); }
.tv-wadah-semua { font-size: 13px; font-weight: 700; color: var(--f-muted); text-decoration: none; }
.tv-wadah-semua::after { content: " →"; }
.tv-wadah-semua:hover { color: var(--tv-merah); }
.tv-wadah-isi { min-width: 0; }

/* Kartu */
.tv-kartu { min-width: 0; }
.tv-kartu-tautan { display: flex; flex-direction: column; gap: 8px; color: inherit; text-decoration: none; height: 100%; }
.tv-kartu-img,
.tv-lead-img { display: block; aspect-ratio: 5 / 3; overflow: hidden; background: var(--tv-motif) 0 0 / 110px 56px repeat, #282b33; }
.tv-kartu-img img,
.tv-lead-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
.tv-kartu-teks { display: flex; flex-direction: column; gap: 8px; }
.tv-kartu-judul { font-weight: 800; font-size: 17px; line-height: 1.22; color: var(--f-text); }
.tv-kartu-besar .tv-kartu-judul { font-size: 26px; line-height: 1.15; }
.tv-kartu-kecil .tv-kartu-judul { font-size: 15.5px; }
.tv-kicker { color: var(--tv-merah); font-weight: 800; }
.tv-kicker::after { content: " /"; color: var(--f-muted); font-weight: 400; }
.tv-kartu-ringkas { color: var(--f-muted); font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tv-lead .tv-kartu-ringkas { -webkit-line-clamp: 4; font-size: 16px; }
.tv-kartu-waktu { color: var(--f-muted); font-size: 12.5px; margin-top: auto; }
.tv-kartu-tautan:hover .tv-kartu-judul,
.tv-lead a:hover .tv-lead-judul { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* Utama + Terpopuler */
.tv-utama { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; }
.tv-lead a { display: flex; flex-direction: column; gap: 12px; color: inherit; text-decoration: none; }
.tv-lead-img { aspect-ratio: 16 / 9; }
.tv-lead-teks { display: flex; flex-direction: column; gap: 10px; }
.tv-lead-judul { margin: 0; font-size: 34px; line-height: 1.1; font-weight: 800; color: var(--f-text); }
.tv-utama-samping { border-left: 1px solid var(--f-line); padding-left: 24px; min-width: 0; }
.tv-utama-samping .fx-h2 { font-size: 20px; }
.tv-utama-samping .fx-rank { min-width: 0; }
.tv-utama-samping .fx-rank-t,
.tv-kartu-judul,
.tv-lead-judul { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 1100px) { .tv-utama { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
/* Berita Utama bergantian (maks. 5, lihat tvot_daftar_berita_utama). Hanya berita yang tampil yang
   menentukan tinggi wadah; berita lain ditumpuk di atasnya (posisi absolut) untuk efek memudar. Dulu semua
   berita ikut menentukan tinggi, sehingga berita berjudul pendek menyisakan ruang kosong besar sebelum tombol
   panah. Perubahan tinggi saat berganti dibuat halus oleh skrip tema (4 Okt 2026). */
.tv-lead-wadah { min-width: 0; }
.tv-lead-wadah[data-tv-siap] { position: relative; overflow: hidden; transition: height .45s ease; }
.tv-lead-wadah[data-tv-siap] > .tv-lead { position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.tv-lead-wadah[data-tv-siap] > .tv-lead.aktif { position: relative; opacity: 1; visibility: visible; transition: opacity .6s ease; }
.tv-geser-kendali { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 14px; } /* Tombol ‹ titik › di tengah (permintaan pemilik, 4 Okt 2026). */
.tv-geser-panah { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--f-line); background: transparent; color: var(--f-text); font-size: 22px; line-height: 1; cursor: pointer; display: grid; place-items: center; padding: 0 0 3px; }
.tv-geser-panah:hover { border-color: var(--tv-merah); color: var(--tv-merah); }
.tv-geser-titik { display: flex; gap: 6px; }
.tv-geser-titik button { width: 26px; height: 4px; border: 0; padding: 0; border-radius: 2px; background: var(--f-line); cursor: pointer; }
.tv-geser-titik button[aria-current="true"] { background: var(--tv-merah); }
@media (prefers-reduced-motion: reduce) {
	.tv-lead-wadah[data-tv-siap],
	.tv-lead-wadah[data-tv-siap] > .tv-lead,
	.tv-lead-wadah[data-tv-siap] > .tv-lead.aktif { transition: none; }
}


/* Kisi kartu dengan garis pemisah tegak */
.tv-grid { display: grid; gap: 0; }
.tv-grid > .tv-kartu { padding: 0 12px; border-left: 1px solid var(--f-line); }
.tv-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tv-grid-4 > .tv-kartu:first-child { padding-left: 0; border-left: 0; }
.tv-grid-4 > .tv-kartu:last-child { padding-right: 0; }
.tv-grid-terbaru { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 14px; }
.tv-grid-terbaru > .tv-kartu-besar { grid-column: span 2; grid-row: span 2; padding-left: 0; border-left: 0; }
.tv-grid-terbaru > .tv-kartu:nth-child(3),
.tv-grid-terbaru > .tv-kartu:nth-child(5) { padding-right: 0; }
.tv-grid-terbaru > .tv-kartu:nth-child(n+4) { border-top: 1px solid var(--f-line); padding-top: 14px; }
.tv-wadah-terbaru .fx-more,
.tv-wadah-terbaru .tvot-halaman { margin-top: 22px; }

/* Wadah Redaksi: pilih kabupaten/kota + kirim informasi */
.tv-info { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.tv-info h3 { margin: 0 0 12px; font-size: 16px; font-weight: 800; color: var(--f-text); }
.tv-info .fx-cta { border-radius: 0; }
.fx-chip { border-radius: 0; }

@media (max-width: 980px) {
	.tv-grid-4,
	.tv-grid-terbaru { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
	.tv-grid-terbaru > .tv-kartu-besar { grid-row: auto; }
	.tv-grid > .tv-kartu:nth-child(odd) { padding-left: 0; border-left: 0; }
	.tv-grid-terbaru > .tv-kartu:nth-child(odd) { padding-left: 12px; border-left: 1px solid var(--f-line); }
	.tv-grid-terbaru > .tv-kartu:nth-child(even),
	.tv-grid-terbaru > .tv-kartu-besar { padding-left: 0; border-left: 0; }
	.tv-grid-4 > .tv-kartu:nth-child(n+3),
	.tv-grid-terbaru > .tv-kartu:nth-child(n+2) { border-top: 1px solid var(--f-line); padding-top: 14px; }
	.tv-grid > .tv-kartu { padding-right: 0; }
	.tv-kartu-besar .tv-kartu-img { aspect-ratio: 16 / 9; }
}

@media (max-width: 860px) {
	.fx-head { height: 78px; padding-left: 8px; padding-right: 8px; }
	.fx-nav { height: 50px; padding-left: 10px; padding-right: 4px; }
	.fx-nav-link { font-size: 15px; padding: 0 12px; }
	.fx-head > .fx-logo { justify-self: center; }
	.tv-depan { padding: 10px 14px 36px; }
	.tv-wadah { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-bottom: 24px; }
	.tv-wadah-kepala { flex-direction: row; justify-content: space-between; align-items: flex-end; }
	.tv-wadah-kepala h2 { font-size: 20px; }
	.tv-utama,
	.tv-info { grid-template-columns: minmax(0, 1fr); }
	.tv-utama-samping { border-left: 0; padding-left: 0; border-top: 1px solid var(--f-line); padding-top: 14px; }
	.tv-lead-judul { font-size: 26px; }
	.tv-kartu-besar .tv-kartu-judul { font-size: 22px; }
}

@media (max-width: 600px) {
	.tv-grid-4,
	.tv-grid-terbaru { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	.tv-grid > .tv-kartu,
	.tv-grid-terbaru > .tv-kartu:nth-child(odd) { padding: 12px 0; border-left: 0; border-top: 1px solid var(--f-line); }
	.tv-grid > .tv-kartu:first-child { border-top: 0; padding-top: 0; }
	.tv-grid-terbaru > .tv-kartu-besar { grid-column: auto; }
	/* Kartu kecil di HP: gambar kecil di kanan, judul di kiri. */
	.tv-kartu-kecil .tv-kartu-tautan { flex-direction: row-reverse; align-items: flex-start; gap: 12px; }
	.tv-kartu-kecil .tv-kartu-img { flex: 0 0 104px; width: 104px; height: 104px; aspect-ratio: auto; }
	.tv-kartu-kecil .tv-kartu-teks { flex: 1 1 0; min-width: 0; }
}

/* ---------- Halaman rubrik, pencarian, dan berita: gaya yang sama ---------- */
.fx-badge,
.fx-chip,
.fx-cta,
.fx-item-img,
.fx-item-img img,
.fx-related-img,
.fx-related-img img,
.fx-rubrik-img,
.fx-rubrik-img img,
.fx-hero,
.fx-hero img { border-radius: 0; }
.fx-crumb { border: 0; padding: 0; background: none; box-shadow: none; }
.fx-h2 { text-transform: none; letter-spacing: 0; font-weight: 800; font-size: 22px; border-bottom: 1px solid var(--f-line); padding-bottom: 10px; }
.fx-h2::before { content: ""; display: block; width: 36px; height: 4px; background: var(--tv-merah); margin-bottom: 8px; }
.fx-h2 span { color: inherit; }
.fx-item { border-radius: 0; }
.fx-item-title { font-weight: 800; }
.fx-item:hover .fx-item-title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

@media (min-width: 861px) and (max-width: 1100px) { .tv-wadah { grid-template-columns: 150px minmax(0, 1fr); } }

/*
 * Motif latar gelap dari identitas "titik siaran" (logo):
 * - titik-titik halus seperti layar siaran di bar atas, kepala halaman, dan bar menu;
 * - gelombang siaran (lingkaran tipis + dua busur merah seperti logo) memancar dari sisi kanan kepala halaman.
 */
:root {
	--tv-titik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='.9' fill='%23fff' fill-opacity='.07'/%3E%3C/svg%3E");
	--tv-gelombang: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1300' height='260' viewBox='0 0 1300 260'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.075' stroke-width='1.5'%3E%3Ccircle cx='840' cy='130' r='52'/%3E%3Ccircle cx='840' cy='130' r='104'/%3E%3Ccircle cx='840' cy='130' r='158'/%3E%3Ccircle cx='840' cy='130' r='214'/%3E%3Ccircle cx='840' cy='130' r='272'/%3E%3Ccircle cx='840' cy='130' r='334'/%3E%3Ccircle cx='840' cy='130' r='400'/%3E%3Ccircle cx='840' cy='130' r='470'/%3E%3C/g%3E%3Cg fill='none' stroke='%23e2323b' stroke-opacity='.55' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M840 -28a158 158 0 0 1 158 158'/%3E%3Cpath d='M840 288a158 158 0 0 1-158-158'/%3E%3C/g%3E%3Cg fill='none' stroke='%23e2323b' stroke-opacity='.25' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M840 -142a272 272 0 0 1 272 272'/%3E%3Cpath d='M840 402a272 272 0 0 1-272-272'/%3E%3C/g%3E%3Ccircle cx='840' cy='130' r='16' fill='%23e2323b' fill-opacity='.3'/%3E%3C/svg%3E");
}
.fx-top { background: var(--tv-titik) 0 0 / 14px 14px repeat, var(--tv-hitam); }
.fx-head { background: var(--tv-gelombang) center center / auto 260px no-repeat, var(--tv-titik) 0 0 / 14px 14px repeat, var(--tv-hitam); }
.fx-nav { background: var(--tv-titik) 7px 7px / 14px 14px repeat, var(--tv-hitam); }
@media (max-width: 860px) {
	.fx-head { background: var(--tv-gelombang) right -324px center / auto 200px no-repeat, var(--tv-titik) 0 0 / 14px 14px repeat, var(--tv-hitam); }
}

/* ---------- Foto berita berukuran tetap + latar buram (1 Okt 2026) ----------
   Bingkai foto punya ukuran tetap. Foto dimuat utuh (contain); sisa ruang diisi foto yang sama
   versi buram (--tv-foto dari tvot_gambar). Foto yang bentuknya hampir sama dengan bingkai
   diberi kelas "pas" oleh skrip tema lalu dibuat penuh (cover). */
.tv-foto { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; isolation: isolate; }
.tv-foto::before { content: ""; position: absolute; inset: -24px; z-index: -1; background: var(--tv-foto, none) center / cover no-repeat; filter: blur(20px) brightness(.72) saturate(1.1); transform: scale(1.08); }
.tv-foto > img,
.tv-foto > .fx-img { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; }
.tv-foto.pas > img { object-fit: cover; }
.tv-foto.pas::before { display: none; }
/* Halaman berita: foto utama dalam bingkai 16:9 (dulu tinggi mengikuti foto, maks. 620 px). */
.fx-figure-img { aspect-ratio: 16 / 9; }
.fx-figure-img .tv-foto > img { max-height: none; }

/* Isi halaman informasi (Tentang Kami, Kode Etik, Disclaimer, Kebijakan Privasi, Kontak): jarak paragraf,
   judul bagian, dan butir daftar (CSS dasar menghapus gaya bawaan browser). */
.about-body > p,
.about-body > ul,
.about-body > ol { margin: 0 0 16px; line-height: 1.7; }
.about-body > h2 { margin: 30px 0 10px; font-size: 21px; line-height: 1.3; font-weight: 800; color: var(--f-text); }
.about-body > h2::before { content: ""; display: block; width: 36px; height: 3px; margin-bottom: 10px; background: var(--tv-merah); }
.about-body > ul { list-style: disc; padding-left: 22px; }
.about-body > ol { list-style: decimal; padding-left: 22px; }
.about-body > ul > li,
.about-body > ol > li { margin-bottom: 8px; padding-left: 2px; }
.about-body > ul > li::marker,
.about-body > ol > li::marker { color: var(--tv-merah); font-weight: 700; }
.about-body a:not(.fx-chip):not([class]) { color: var(--tv-merah); text-decoration: underline; text-underline-offset: 2px; }

/* Logo kepala tepat sejajar (tengah tegak) dengan ikon ☰, cari, dan tema: gambar logo dijadikan blok supaya
   tidak ada ruang kosong di bawahnya (dulu logo ±3 px lebih tinggi daripada ikon di HP). */
.fx-head > .fx-logo,
.fx-head .fx-brand,
.fx-head .fx-brand-mark { display: flex; align-items: center; }
.fx-head .fx-brand-mark img { display: block; }
@media (max-width: 860px) {
	.fx-head > .fx-logo { height: 44px; align-self: center; }
	/* Logo tepat di tengah ANTARA ikon ☰ dan ikon cari (bukan tengah layar): kolom kiri selebar ikon ☰,
	   kolom kanan selebar ikon cari + tema, logo di tengah kolom yang tersisa (permintaan pemilik, 4 Okt 2026). */
	.fx-head { grid-template-columns: 44px minmax(0, 1fr) auto; }
	.fx-head > .fx-logo { justify-self: center; }
}

/* Menu rubrik yang menempel di atas tidak tertutup bilah admin WordPress saat redaksi sedang masuk
   (acuan aksesnews.co.id 3146595, 4 Okt 2026). Bilah admin menempel 32 px; 46 px di layar ≤782 px;
   di layar ≤600 px bilah admin ikut tergulir, jadi menu kembali ke paling atas. Ukuran yang berlaku di tema
   ini: .fx-nav 52 px (komputer) / 50 px (≤860 px); panel .fx-menu top 56 px / 50 px. Pengunjung yang
   tidak masuk tidak punya kelas .admin-bar, jadi tidak berubah. */
.admin-bar .fx-nav { top: 32px; }
.admin-bar .fx-menu { top: 88px; max-height: calc(100vh - 88px); }
@media (max-width: 860px) {
	.admin-bar .fx-menu { top: 82px; max-height: calc(100vh - 82px); }
}
@media screen and (max-width: 782px) {
	.admin-bar .fx-nav { top: 46px; }
	.admin-bar .fx-menu { top: 96px; max-height: calc(100vh - 96px); }
}
@media screen and (max-width: 600px) {
	.admin-bar .fx-nav { top: 0; }
	.admin-bar .fx-menu { top: 50px; max-height: calc(100vh - 50px); }
}