/* ==========================================================================
   Pilih Software Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "Onest Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/onest-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/onest-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #4f46e5;
	--w-utama-hover: #4338ca;
	--w-judul: #111827;
	--w-teks: #374151;
	--w-redup: #6b7280;
	--w-aksen: #0d9488;
	--w-aksen-tegas: #0f766e;
	--w-aksen-lembut: #f0fdfa;
	--w-aksen-garis: #99f6e4;
	--w-lembut: #eef2ff;
	--w-garis: #e5e7f0;
	--w-garis-tegas: #c9cde0;
	--w-latar: #f7f8fc;
	--w-latar-baris: #fbfcfe;
	--w-tautan: #4f46e5;
	--w-tautan-hover: #0f766e;
	--w-kode-latar: #f4f5fb;
	--w-kode-teks: #1e1b4b;
	--w-tautan-garis: rgba(79,70,229, .35);
	--w-bayang-warna: rgba(79,70,229, .55);
	--w-sorot: rgba(13,148,136, .22);
	--w-pita: linear-gradient(90deg, #4f46e5, #0d9488);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(79,70,229, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(13,148,136, .12), transparent 60%), linear-gradient(180deg, #eef2ff, #f7f8fc);
	--w-kaki-latar: #eef0f8;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(79,70,229, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "Onest Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-mono: ui-monospace, "Cascadia Code", SFMono-Regular, Menlo, Consolas, monospace;
	--logo-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2021h8%27%2F%3E%3Cpath%20d%3D%27M12%2017v4%27%2F%3E%3Cpath%20d%3D%27M8.5%2010.5l2.5%202.5%204.5-4.5%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #4f46e5, #4338ca);
	--logo-radius: 8px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.ps-hero-label {
	display: inline-flex; align-items: center; gap: .45em; padding: .4em .85em; border-radius: 999px;
	font-size: calc(.78 * var(--rem, 1rem)); font-weight: 700; color: var(--w-aksen-tegas); background: #fff; border: 1px solid var(--w-aksen-garis);
}
.ps-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.ps-hero-judul {
	margin: .55em 0 .35em; max-width: 22ch; font-size: clamp(calc(1.75 * var(--rem, 1rem)), calc(1.1 * var(--rem, 1rem)) + 2.6vw, calc(2.75 * var(--rem, 1rem)));
	font-weight: 800; line-height: 1.15; letter-spacing: -.03em; color: var(--w-judul);
}
.ps-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.ps-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.ps-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.ps-hero-kategori a {
	padding: .45em 1em; border-radius: 999px; font-size: calc(.87 * var(--rem, 1rem)); font-weight: 600; color: var(--w-judul); text-decoration: none;
	background: #fff; border: 1px solid var(--w-garis-tegas); transition: all .15s;
}
.ps-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .ps-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .ps-info-artikel, .nv-content-wrap .ps-info-artikel { margin-top: 0; }

/* ---------- Sidebar (gaya umum semua tema induk) ---------- */
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary, aside.sidebar) :where(.widget, .ct-widget) {
	padding: 22px; margin-bottom: 22px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-heading, :where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .widget-title {
	position: relative; margin: 0 0 .9em; padding-bottom: .55em; border-bottom: 2px solid var(--w-lembut); font-size: calc(1 * var(--rem, 1rem)); font-weight: 750; color: var(--w-judul);
}
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 34px; height: 2px; background: var(--w-utama); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul { margin: 0; padding: 0; list-style: none; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul li { margin: 0; padding: .5em 0; border-bottom: 1px solid var(--w-garis); line-height: 1.45; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) ul li:last-child { border-bottom: 0; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) a { color: var(--w-judul); font-weight: 600; text-decoration: none; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) a:hover { color: var(--w-utama); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-categories li { display: flex; justify-content: space-between; gap: 8px; color: var(--w-redup); font-size: .86em; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-latest-posts__post-date { display: block; margin-top: .15em; font-size: .78em; color: var(--w-redup); }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__inside-wrapper { padding: 4px; background: #fff; border: 1px solid var(--w-garis-tegas) !important; border-radius: 10px; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__input { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: .5em .8em !important; min-width: 0; }
:where(#secondary, .widget-area, .ct-sidebar, #zak-secondary, .zak-secondary) .wp-block-search__button { margin-left: 4px !important; padding: .5em 1.05em !important; border-radius: 8px !important; background: var(--w-utama) !important; color: #fff !important; border: 0 !important; font-weight: 700; }
.screen-reader-text:not(:focus), .wp-block-search__label.screen-reader-text {
	position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
	overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
}
#secondary .widget .wp-block-heading, .widget-area .widget .wp-block-heading, #zak-secondary .widget .wp-block-heading, .ct-sidebar .wp-block-heading {
	font-size: calc(1 * var(--rem, 1rem)) !important; line-height: 1.35 !important; letter-spacing: 0 !important;
}
#secondary a, #zak-secondary a, .zak-secondary a, .ct-sidebar a { text-decoration: none !important; }
#secondary .wp-block-latest-posts__post-title, #zak-secondary .wp-block-latest-posts__post-title, .ct-sidebar .wp-block-latest-posts__post-title { color: var(--w-judul) !important; font-weight: 600; }
.wp-block-search__button { background-image: none !important; text-indent: 0 !important; }
.wp-block-search__button::before, .wp-block-search__button::after { display: none !important; }
.wp-block-search__button svg { display: none; }

/* ==========================================================================
   Lapisan Customify — modern ala SaaS: logo kiri + menu kanan bergaris bawah tipis,
   beranda grid 2 kolom kartu berbayangan + sidebar kanan, sudut 8px
   ========================================================================== */
:root { --rem: 16px; --radius: 8px; --radius-kecil: 6px; --lebar-wadah: 1200px;
	--bayangan-kartu: 0 1px 2px rgba(17, 24, 39, .05), 0 8px 24px -12px rgba(var(--w-bayang-rgb, 79, 70, 229), .22); }
body, h1, h2, h3, h4, h5, h6, .site-title, button, input, select, textarea, .nav-menu-desktop, .text-uppercase, .entry-meta { font-family: var(--font) !important; }
body { background: var(--w-latar) !important; color: var(--w-teks); -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.7; }
#page, .site-content, #site-content { background: transparent !important; }
a { color: var(--w-tautan); }
a:hover { color: var(--w-tautan-hover); }
h1, h2, h3, h4 { color: var(--w-judul); }
.customify-container { max-width: var(--lebar-wadah) !important; }
.text-uppercase { text-transform: none !important; }
#scroll-to-top, .scroll-to-top { display: none !important; }

/* ---------- Header: logo kiri, menu kanan, garis bawah tipis ---------- */
#masthead { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .92) !important; backdrop-filter: saturate(1.6) blur(10px); border-bottom: 1px solid var(--w-garis); box-shadow: none !important; }
.admin-bar #masthead { top: 32px; }
.header-main-inner { background: transparent !important; border: 0 !important; }
.site-branding .site-name-desc { display: flex; align-items: center; gap: 10px; }
.site-branding .site-name-desc::before {
	content: ""; flex: none; width: 36px; height: 36px; border-radius: var(--logo-radius, 8px);
	background: var(--logo-ikon) center / 20px no-repeat, var(--logo-latar); box-shadow: 0 6px 14px -6px var(--w-bayang-warna);
}
.site-title { margin: 0 !important; font-size: calc(1.3 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.02em !important; line-height: 1.1 !important; text-transform: none !important; }
.site-title a { color: var(--w-judul) !important; }
.site-description { display: none !important; }
.nav-menu-desktop .menu > li > a, .nav-menu-desktop.style-plain .menu > li > a {
	position: relative; padding: 0 14px !important; height: 76px; display: flex; align-items: center;
	font-size: calc(.92 * var(--rem, 1rem)) !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--w-teks) !important;
}
.nav-menu-desktop .menu > li > a::after {
	content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; border-radius: 2px;
	background: var(--w-utama); transform: scaleX(0); transition: transform .2s;
}
.nav-menu-desktop .menu > li:hover > a, .nav-menu-desktop .menu > li.current-menu-item > a, .nav-menu-desktop .menu > li.current-menu-parent > a { color: var(--w-utama) !important; }
.nav-menu-desktop .menu > li:hover > a::after, .nav-menu-desktop .menu > li.current-menu-item > a::after, .nav-menu-desktop .menu > li.current-menu-parent > a::after { transform: scaleX(1); }
.nav-menu-desktop .link-before { padding: 0 !important; }
.item--search_icon .search-icon { display: grid !important; place-items: center; width: 38px; height: 38px; margin-left: 6px; border-radius: var(--radius); border: 1px solid var(--w-garis); color: var(--w-judul) !important; }
.item--search_icon .search-icon:hover { border-color: var(--w-utama); color: var(--w-utama) !important; }
.item--search_icon .search-icon svg { width: 16px; height: 16px; }
.header-search-modal { border-radius: var(--radius) !important; border: 1px solid var(--w-garis) !important; box-shadow: var(--bayangan) !important; }
.header-search-modal .search-field { border-radius: 6px !important; border-color: var(--w-garis-tegas) !important; }
.header-search-modal .search-submit { background: var(--w-utama) !important; color: #fff !important; border-radius: 6px !important; }

/* Tombol & panel menu HP */
.nav-icon--label, .menu-mobile-toggle { color: var(--w-judul) !important; }
.builder-item--nav-icon .menu-mobile-toggle, .item--nav-icon .menu-mobile-toggle {
	display: inline-flex !important; align-items: center; gap: 6px; padding: 8px 12px !important; border-radius: var(--radius) !important; border: 1px solid var(--w-garis-tegas) !important; background: #fff !important;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: var(--w-judul) !important; }
#header-menu-sidebar, #header-menu-sidebar-bg, .header-menu-sidebar-bg, #header-menu-sidebar-inner { background: #fff !important; color: var(--w-judul) !important; }
#header-menu-sidebar { border-bottom: 1px solid var(--w-garis); box-shadow: 0 16px 30px -18px rgba(17, 24, 39, .3); }
#header-menu-sidebar .nav-menu-mobile .menu li a, #header-menu-sidebar a {
	color: var(--w-judul) !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; border-color: var(--w-garis) !important;
}
#header-menu-sidebar .nav-menu-mobile .menu li a:hover { color: var(--w-utama) !important; }
#header-menu-sidebar .close-panel, #header-menu-sidebar .close-sidebar-panel { color: var(--w-judul) !important; }

/* ---------- Pita sambutan: rata kiri, kisi titik halus ---------- */
.ps-hero-beranda {
	position: relative; background: #fff; border-bottom: 1px solid var(--w-garis); overflow: hidden;
}
.ps-hero-beranda::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: radial-gradient(rgba(var(--w-utama-rgb-css, 79, 70, 229), .13) 1px, transparent 1px); background-size: 22px 22px;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%); mask-image: linear-gradient(90deg, transparent 0%, #000 55%);
}
.ps-hero-beranda::after {
	content: ""; position: absolute; right: -120px; top: -160px; width: 520px; height: 520px; border-radius: 50%; pointer-events: none;
	background: radial-gradient(closest-side, rgba(13, 148, 136, .14), transparent);
}
.ps-hero-dalam { position: relative; z-index: 1; max-width: var(--lebar-wadah); margin: 0 auto; padding: 56px 24px 50px; box-sizing: border-box; }
.ps-hero-label { border-radius: 6px !important; color: var(--w-aksen-tegas) !important; background: var(--w-aksen-lembut) !important; }
.ps-hero-judul { max-width: 20ch; }
.ps-hero-kategori a { border-radius: 6px !important; }

/* ---------- Kerangka konten + sidebar ---------- */
#site-content { padding-top: 36px; padding-bottom: 48px; }
.site-content .content-area { padding-top: 0 !important; }
.main-layout-content-sidebar .content-area, .main-layout-content-sidebar #main { border-right: 0 !important; }
.sidebar-primary { border-left: 0 !important; }
.sidebar-primary-inner { padding-top: 0 !important; padding-left: 10px !important; }
#sidebar-primary .widget {
	padding: 22px !important; margin-bottom: 22px !important; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius) !important; box-shadow: var(--bayangan-kartu, var(--bayangan-kecil));
}
#sidebar-primary .wp-block-heading { text-transform: none !important; font-weight: 750 !important; }
#sidebar-primary .wp-block-search__inside-wrapper { border-radius: var(--radius) !important; }
#sidebar-primary .wp-block-search__button { border-radius: 6px !important; text-transform: none !important; letter-spacing: 0 !important; }
#sidebar-primary .wp-block-categories li { flex-direction: row; }
#sidebar-primary .wp-block-categories li a { flex: 1; }
#sidebar-primary a { color: var(--w-judul) !important; }
#sidebar-primary a:hover { color: var(--w-utama) !important; }

/* ---------- Beranda/arsip: grid 2 kolom kartu berbayangan ---------- */
.posts-layout { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin: 0 !important; }
.posts-layout > .entry, .posts-layout .entry { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.posts-layout .entry-inner {
	position: relative; display: flex !important; flex-direction: column; height: 100%; margin: 0 !important; padding: 0 !important;
	background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); overflow: hidden; box-shadow: var(--bayangan-kartu);
	transition: transform .2s, box-shadow .2s, border-color .2s;
}
.posts-layout .entry-inner:hover { transform: translateY(-3px); border-color: rgba(79, 70, 229, .35); box-shadow: 0 2px 4px rgba(17, 24, 39, .05), 0 18px 34px -16px rgba(79, 70, 229, .35); }
.posts-layout .entry-media { width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; border-radius: 0 !important; }
.posts-layout .entry-media.use-ratio .entry-thumbnail { position: relative !important; padding-top: 0 !important; }
.posts-layout .entry-thumbnail img, .posts-layout .entry-media img { position: static !important; display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0 !important; }
.posts-layout .entry-media-link { position: absolute; inset: 0; z-index: 1; }
.posts-layout .entry-content-data { display: flex; flex-direction: column; flex: 1; width: auto !important; padding: 20px 22px 22px !important; margin: 0 !important; }
.posts-layout .entry-article-header { display: flex; flex-direction: column; }
.posts-layout .entry-title { order: 2; margin: 6px 0 8px !important; font-size: calc(1.14 * var(--rem, 1rem)) !important; font-weight: 750 !important; line-height: 1.38 !important; letter-spacing: -.01em; }
.posts-layout .entry-title a { color: var(--w-judul) !important; }
.posts-layout .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.posts-layout .entry-inner:hover .entry-title a { color: var(--w-utama) !important; }
.posts-layout .entry-meta { order: 1; display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: calc(.78 * var(--rem, 1rem)) !important; color: var(--w-redup) !important; margin: 0 !important; }
.posts-layout .entry-meta .sep { display: none; }
.posts-layout .entry-meta i { display: none; }
.posts-layout .entry-meta .meta-cat a { position: relative; z-index: 2; padding: 2px 8px; border-radius: 4px; font-weight: 700; color: var(--w-utama) !important; background: var(--w-lembut); }
.posts-layout .entry-meta .posted-on, .posts-layout .entry-meta .posted-on a { color: var(--w-redup) !important; align-self: center; }
.posts-layout .entry-excerpt, .posts-layout .entry-article-body { font-size: calc(.92 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.posts-layout .entry-excerpt p { margin: 0; }
.posts-layout .entry-article-footer, .posts-layout .entry-readmore { margin-top: auto !important; padding-top: 14px; }
.posts-layout .entry-readmore a, .posts-layout .readmore-button {
	position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 0 !important; border: 0 !important; background: none !important;
	font-size: calc(.86 * var(--rem, 1rem)) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--w-utama) !important;
}
.posts-layout .entry-readmore a::after, .posts-layout .readmore-button::after { content: "\2192"; transition: transform .2s; }
.posts-layout .entry-inner:hover .readmore-button::after, .posts-layout .entry-inner:hover .entry-readmore a::after { transform: translateX(3px); }
.posts-layout .entry-content-data > :empty { display: none; }

/* Paginasi */
.pagination .nav-links, .posts-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 30px; }
.pagination .page-numbers { min-width: 40px; height: 40px; display: inline-grid !important; place-items: center; padding: 0 12px !important; border-radius: var(--radius) !important; border: 1px solid var(--w-garis) !important; background: #fff !important; color: var(--w-judul) !important; font-weight: 600; }
.pagination .page-numbers.current { background: var(--w-utama) !important; border-color: var(--w-utama) !important; color: #fff !important; }

/* Judul arsip (titlebar) & remah roti Customify */
.page-titlebar, #page-titlebar { background: #fff !important; border-bottom: 1px solid var(--w-garis) !important; padding: 34px 0 30px !important; }
.page-titlebar .titlebar-title, .page-titlebar h1 { font-size: calc(1.9 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: var(--w-judul) !important; text-transform: none !important; }
.page-titlebar .titlebar-tagline, .page-titlebar .page-desc, .page-titlebar .archive-description { color: var(--w-redup) !important; max-width: 70ch; }
.page-cover { background: #fff !important; }
#page-breadcrumb { background: transparent !important; border: 0 !important; font-size: calc(.82 * var(--rem, 1rem)) !important; }
#page-breadcrumb .page-breadcrumb-inner { padding-top: 16px; }
#page-breadcrumb, #page-breadcrumb a { color: var(--w-redup) !important; }
.page-breadcrumb-list li::after { color: var(--w-garis-tegas) !important; }

/* ---------- Artikel tunggal & halaman: kartu putih ---------- */
.single-post .content-inner > article.entry-single, .page .content-inner > article {
	padding: 38px 44px !important; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kartu);
}
.ps-cfy-atas { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.ps-cfy-atas .ps-remah-roti { font-size: calc(.82 * var(--rem, 1rem)); color: var(--w-redup); }
.ps-remah-roti ul, .ps-remah-roti ol { display: flex; flex-wrap: wrap; gap: 4px 8px; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.ps-remah-roti li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ps-remah-roti li + li::before { content: "\203A"; margin-right: 8px; color: var(--w-garis-tegas); }
.ps-remah-roti a { color: var(--w-redup) !important; text-decoration: none; }
.ps-remah-roti a:hover { color: var(--w-utama) !important; }
.ps-label-kategori {
	display: inline-block; padding: 3px 10px; border-radius: 4px; font-size: calc(.76 * var(--rem, 1rem)); font-weight: 700; text-decoration: none;
	color: var(--w-utama) !important; background: var(--w-lembut); border: 1px solid rgba(79, 70, 229, .18);
}
.entry-single .entry-title, .page .entry-title, .page-header .page-title {
	margin: 0 0 .35em !important; font-size: clamp(calc(1.7 * var(--rem, 1rem)), calc(1.2 * var(--rem, 1rem)) + 1.8vw, calc(2.3 * var(--rem, 1rem))) !important;
	font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.03em !important; color: var(--w-judul) !important;
}
.entry-single .entry-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; padding-bottom: 1.1em; margin-bottom: 1.3em !important; border-bottom: 1px solid var(--w-garis); font-size: calc(.84 * var(--rem, 1rem)) !important; color: var(--w-redup) !important; }
.entry-single .entry-meta .sep { display: none; }
.entry-single .entry-meta a { color: var(--w-redup) !important; }
.entry-single .entry-thumbnail, .entry-single .entry-media { display: none !important; }
.entry-content { font-size: calc(1.03 * var(--rem, 1rem)); line-height: 1.8; color: var(--w-teks); }
.entry-content h2 { font-size: calc(1.45 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.02em; margin-top: 1.7em !important; }
.entry-content h3 { font-size: calc(1.15 * var(--rem, 1rem)) !important; font-weight: 750 !important; }
.entry-content a { color: var(--w-tautan); text-decoration: underline; text-decoration-color: var(--w-tautan-garis); text-underline-offset: 3px; }
.entry-content img { border-radius: var(--radius); }
.entry-content blockquote { border-left: 3px solid var(--w-aksen) !important; background: var(--w-aksen-lembut); border-radius: 0 var(--radius) var(--radius) 0; padding: 14px 20px !important; font-style: normal; }
.entry-single .entry-post-navigation, .entry-single .post-navigation { margin-top: 28px; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-navigation .nav-previous, .post-navigation .nav-next { width: auto !important; float: none !important; }
.post-navigation .nav-next { grid-column: 2; text-align: right; }
.post-navigation a { display: block; height: 100%; padding: 14px 18px; border: 1px solid var(--w-garis); border-radius: var(--radius); background: var(--w-latar-baris); text-decoration: none; }
.post-navigation a:hover { border-color: var(--w-utama); }
.post-navigation .meta-nav { display: block; font-size: calc(.76 * var(--rem, 1rem)) !important; font-weight: 700; color: var(--w-aksen-tegas) !important; }
.post-navigation .post-title { font-size: calc(.95 * var(--rem, 1rem)) !important; font-weight: 700; color: var(--w-judul) !important; }
.entry-post-tags, .entry--item.entry-tags { margin-top: 20px; }
.comments-area { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--w-garis); }
.comment-reply-title { font-size: calc(1.25 * var(--rem, 1rem)) !important; font-weight: 800 !important; }
.comment-form label { text-transform: none !important; font-weight: 600; color: var(--w-judul); letter-spacing: 0 !important; }
.comment-form input:not([type=checkbox]):not([type=submit]), .comment-form textarea { border: 1px solid var(--w-garis-tegas) !important; border-radius: var(--radius) !important; background: var(--w-latar-baris) !important; }
.comment-form .submit, .comment-form input[type=submit] { padding: 11px 22px !important; border-radius: var(--radius) !important; background: var(--w-utama) !important; color: #fff !important; border: 0 !important; font-weight: 700 !important; text-transform: none !important; }

/* Halaman tanpa hasil / 404 */
.no-results, .error-404 { padding: 32px 34px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kartu); }
.no-results .page-title, .error-404 .page-title { font-size: calc(1.6 * var(--rem, 1rem)) !important; font-weight: 800 !important; }
.ps-cari { display: flex; gap: 6px; max-width: 520px; padding: 5px; background: #fff; border: 1px solid var(--w-garis-tegas); border-radius: var(--radius); }
.ps-cari-input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; padding: .55em .8em !important; box-shadow: none !important; }
.ps-cari-tombol { padding: .55em 1.2em; border: 0; border-radius: 6px; background: var(--w-utama); color: #fff; font-weight: 700; cursor: pointer; }

/* ---------- Footer terang ---------- */
#site-footer, .site-footer, .footer-bottom-inner, .footer--row-inner { background: var(--w-kaki-latar) !important; color: var(--w-redup) !important; border-top: 1px solid var(--w-garis) !important; }
#site-footer .footer--row { display: block !important; }
.footer-bottom-inner .customify-grid { padding: 26px 0 30px; }
.builder-footer-copyright-item { width: 100%; text-align: center; font-size: calc(.88 * var(--rem, 1rem)); color: var(--w-redup) !important; }
.builder-footer-copyright-item a { color: var(--w-utama) !important; text-decoration: none !important; font-weight: 700; }
.ps-nav-kaki .ps-menu-kaki { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; list-style: none; margin: 0 0 10px; padding: 0; }
.ps-nav-kaki .ps-menu-kaki li { margin: 0; }
.ps-nav-kaki .ps-menu-kaki a { display: inline-block; padding: 4px 10px; border-radius: 6px; font-weight: 600; color: var(--w-judul) !important; }
.ps-nav-kaki .ps-menu-kaki a:hover { background: #fff; color: var(--w-utama) !important; }
.ps-kaki-hak { margin: 0; }

/* ---------- Layar kecil ---------- */
@media (max-width: 1024px) {
	.sidebar-primary-inner { padding-left: 0 !important; }
	#sidebar-primary { margin-top: 28px; }
}
@media (max-width: 680px) {
	.posts-layout { grid-template-columns: 1fr; gap: 20px; }
	.ps-hero-dalam { padding: 36px 18px 32px; }
	.single-post .content-inner > article.entry-single, .page .content-inner > article { padding: 22px 18px !important; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
	.post-navigation .nav-next { grid-column: 1; }
	#site-content { padding-top: 22px; }
}
#main, .content-area, .content-inner, #blog-posts, .posts-layout-wrapper { background: transparent !important; }
.site-content-boxed .content-area, .site-content-boxed #main { padding-left: 0 !important; padding-right: 0 !important; box-shadow: none !important; }
.site-title, .site-title a { text-transform: none !important; }
#sidebar-primary, #sidebar-primary .sidebar-primary-inner { padding-top: 0 !important; margin-top: 0; background: transparent !important; }
#sidebar-primary .wp-block-categories li a { display: inline !important; }
.posts-layout .entry-article-footer, .posts-layout .entry-readmore { padding-top: 10px; }
.posts-layout .entry-article-body { margin-bottom: 0 !important; }
.no-results .widget, .error-404 .widget { padding: 0 !important; margin: 16px 0 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
.no-results .page-content p { margin-top: 0; }
#page-breadcrumb .page-breadcrumb-inner { padding-left: 24px; padding-right: 24px; }
.ps-remah-roti > span { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.ps-remah-roti li { display: inline; }
.post-navigation .nav-previous { grid-column: 1; }
.entry-single .entry-meta .byline { display: none !important; }
.entry-single .entry-meta i { margin-right: 4px; }

/* ---------- Varian komponen ---------- */
/* varian toc: kartu */
.ps-daftar-isi{background:#fff;box-shadow:var(--bayangan)}.ps-daftar-isi ol{list-style:none;counter-reset:d;padding-left:1.25em!important}.ps-daftar-isi li{counter-increment:d;display:flex;gap:.65em;align-items:flex-start}.ps-daftar-isi li::before{content:counter(d);flex:none;width:1.7em;height:1.7em;margin-top:-.05em;border-radius:50%;background:var(--w-lembut);color:var(--w-utama);font-weight:700;font-size:.78em;display:grid;place-items:center}
/* varian faq: garis */
.ps-faq-item{background:transparent;border:0;border-bottom:1px solid var(--w-garis);border-radius:0;box-shadow:none;padding:1em 0;margin:0}
/* varian bagikan: kotak */
.ps-bagikan a,.ps-bagikan button{border-radius:8px!important;background:var(--w-lembut)!important;border-color:transparent!important}
/* varian terkait: daftar */
.ps-terkait-grid{grid-template-columns:1fr!important;gap:calc(.65 * var(--rem, 1rem))}.ps-kartu-terkait{flex-direction:row;align-items:center}.ps-kartu-terkait img{width:190px;flex:none;margin:8px 0 8px 8px;border-radius:8px}@media(max-width:760px){.ps-kartu-terkait img{width:40%}}
/* varian tips: atas */
.entry-content .ps-kotak{padding:2.7em 1.25em 1em}.entry-content .ps-kotak::before{top:.95em}