/* ==========================================================================
   Kerja Lepas Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "Sora Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/sora-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/sora-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #be185d;
	--w-utama-hover: #9d174d;
	--w-judul: #22121a;
	--w-teks: #3d2e36;
	--w-redup: #6b5a63;
	--w-aksen: #2563eb;
	--w-aksen-tegas: #1d4ed8;
	--w-aksen-lembut: #eff6ff;
	--w-aksen-garis: #bfdbfe;
	--w-lembut: #fdf2f8;
	--w-garis: #f3e1ea;
	--w-garis-tegas: #e8c5d6;
	--w-latar: #fdf8fb;
	--w-latar-baris: #fefbfd;
	--w-tautan: #be185d;
	--w-tautan-hover: #1d4ed8;
	--w-kode-latar: #fcf3f8;
	--w-kode-teks: #3b0a22;
	--w-tautan-garis: rgba(190,24,93, .35);
	--w-bayang-warna: rgba(190,24,93, .55);
	--w-sorot: rgba(37,99,235, .22);
	--w-pita: linear-gradient(90deg, #be185d, #2563eb);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(190,24,93, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(37,99,235, .12), transparent 60%), linear-gradient(180deg, #fdf2f8, #fdf8fb);
	--w-kaki-latar: #fbeef5;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(190,24,93, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "Sora 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%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%2F%3E%3Cpath%20d%3D%27M3%2013h18%27%2F%3E%3Cpath%20d%3D%27M11%2013v2h2v-2%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #be185d, #9d174d);
	--logo-radius: 14px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.kl-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);
}
.kl-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.kl-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);
}
.kl-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.kl-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.kl-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.kl-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;
}
.kl-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .kl-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .kl-info-artikel, .nv-content-wrap .kl-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 Gridbox — header putih + menu pil, grid kartu 2 kolom membulat + sidebar kanan
   ========================================================================== */
:root {
	--lebar-wadah: 1240px;
	--radius: 18px;
	--radius-kecil: 12px;
	--primary-color: var(--w-utama);
	--secondary-color: var(--w-utama-hover);
	--tertiary-color: var(--w-judul);
	--accent-color: var(--w-aksen);
	--highlight-color: var(--w-utama);
	--text-color: var(--w-teks);
	--medium-text-color: var(--w-redup);
	--light-text-color: var(--w-redup);
	--light-border-color: var(--w-garis);
	--medium-border-color: var(--w-garis-tegas);
	--link-color: var(--w-tautan);
	--link-hover-color: var(--w-tautan-hover);
	--button-color: var(--w-utama);
	--button-hover-color: var(--w-utama-hover);
	--page-background-color: transparent;
	--header-background-color: #fff;
	--site-title-color: var(--w-judul);
	--site-title-hover-color: var(--w-utama);
	--navi-color: var(--w-judul);
	--navi-hover-color: var(--w-utama);
	--navi-border-color: var(--w-garis);
	--title-color: var(--w-judul);
	--title-hover-color: var(--w-utama);
	--widget-title-color: var(--w-judul);
	--widget-title-border-color: var(--w-utama);
	--footer-background-color: var(--w-kaki-latar);
	--footer-text-color: var(--w-redup);
	--footer-link-color: var(--w-judul);
	--footer-link-hover-color: var(--w-utama);
	--text-font: var(--font);
	--title-font: var(--font);
	--navi-font: var(--font);
	--widget-title-font: var(--font);
	--title-font-weight: 750;
	--widget-title-text-transform: none;
	--text-line-height: 1.7;
	--title-line-height: 1.3;
}
body, h1, h2, h3, h4, h5, h6, .site-title, button, input, select, textarea { 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; }
a { color: var(--w-tautan); }
a:hover { color: var(--w-tautan-hover); }
h1, h2, h3, h4 { color: var(--w-judul); letter-spacing: -.015em; }
.container { max-width: var(--lebar-wadah); }
.site-content { background: transparent; padding-top: 2.25em; }
.header-image, .credit-link { display: none !important; }

/* ---------- Header putih + menu pil ---------- */
.site-header { position: relative; background: #fff !important; border-bottom: 1px solid var(--w-garis); box-shadow: 0 6px 22px -18px rgba(190, 24, 93, .45); }
.header-main { padding-top: 6px; padding-bottom: 6px; gap: 12px; }
.site-branding { margin: .7em 0; display: flex; align-items: center; gap: 12px; }
.site-branding::before {
	content: ""; flex: none; width: 44px; height: 44px; border-radius: var(--logo-radius, 14px);
	background: var(--logo-ikon) center / 24px no-repeat, linear-gradient(135deg, var(--w-utama), var(--w-aksen));
	box-shadow: 0 8px 18px -8px var(--w-bayang-warna); transform: rotate(-4deg);
}
.site-title { margin: 0 !important; font-size: calc(1.45 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.035em; line-height: 1.1 !important; }
.site-title a:link, .site-title a:visited { color: var(--w-judul) !important; }
.site-title a:hover { color: var(--w-utama) !important; }
.site-description { display: none; }
.main-navigation ul a, .main-navigation ul a:link, .main-navigation ul a:visited { color: var(--w-judul); font-weight: 600; font-size: calc(.92 * var(--rem, 1rem)); }
.main-navigation ul a:hover, .main-navigation ul li.current-menu-item > a { color: var(--w-utama); }
@media only screen and (min-width: 60em) {
	#masthead .main-navigation > ul.menu { gap: 6px; padding: 5px; background: var(--w-latar-baris); border: 1px solid var(--w-garis); border-radius: 999px; }
	.main-navigation > ul > li > a { padding: .55em 1.05em !important; border-radius: 999px; transition: background .15s, color .15s; }
	.main-navigation > ul > li > a:hover { background: var(--w-lembut); color: var(--w-utama); }
	.main-navigation > ul > li.current-menu-item > a, .main-navigation > ul > li.current-menu-ancestor > a, .main-navigation > ul > li.current-post-ancestor > a, .main-navigation > ul > li.current-category-ancestor > a {
		background: var(--w-utama); color: #fff !important; box-shadow: 0 6px 14px -8px var(--w-bayang-warna);
	}
	.main-navigation ul ul { background: #fff; border: 1px solid var(--w-garis); border-radius: 14px; box-shadow: var(--bayangan); padding: 6px; }
	.main-navigation ul ul li a { border-radius: 10px; }
}
/* Menu HP */
.primary-menu-toggle { margin-left: auto; padding: .55em .7em; background: var(--w-lembut) !important; border: 0 !important; border-radius: 12px; color: var(--w-utama) !important; }
.primary-menu-toggle .icon, .primary-menu-toggle:hover .icon, .primary-menu-toggle:active .icon { fill: var(--w-utama) !important; }
@media only screen and (max-width: 59.99em) {
	.primary-navigation { order: 3; }
	.main-navigation > ul.menu { margin: 0 0 12px; padding: 6px; background: #fff; border: 1px solid var(--w-garis) !important; border-radius: 16px; box-shadow: var(--bayangan); }
	.main-navigation ul li { border: 0 !important; }
	.main-navigation ul a { padding: .7em 1em !important; border-radius: 12px; border: 0 !important; }
	.main-navigation ul li.current-menu-item > a, .main-navigation ul a:hover { background: var(--w-lembut); }
	.main-navigation .dropdown-toggle .icon { fill: var(--w-judul); }
	.site-branding::before { width: 38px; height: 38px; background-size: 21px, auto; }
	.site-title { font-size: calc(1.25 * var(--rem, 1rem)) !important; }
}

/* ---------- Pita sambutan: kartu membulat bergradasi di dalam wadah ---------- */
.kl-hero-beranda { max-width: var(--lebar-wadah); margin: 0 auto; padding: 28px 2.5em 0; }
.kl-hero-dalam {
	position: relative; overflow: hidden; padding: 46px 48px 42px; border-radius: 22px; border: 1px solid var(--w-garis);
	background: radial-gradient(520px 260px at 100% 0%, rgba(37, 99, 235, .14), transparent 65%), radial-gradient(620px 300px at 0% 100%, rgba(190, 24, 93, .12), transparent 65%), #fff;
}
.kl-hero-dalam::after {
	content: ""; position: absolute; right: -40px; top: -40px; width: 220px; height: 220px; border-radius: 50%;
	border: 26px solid rgba(190, 24, 93, .07); pointer-events: none;
}
.kl-hero-judul { max-width: 20ch; }
.kl-hero-kategori a { border-radius: 999px; }
.kl-hero-kategori a:nth-child(even):hover { color: var(--w-aksen); border-color: var(--w-aksen); background: var(--w-aksen-lembut); }
@media (max-width: 80em) { .kl-hero-beranda { padding: 22px 2em 0; } }
@media (max-width: 30em) {
	.kl-hero-beranda { padding: 16px 1.25em 0; }
	.kl-hero-dalam { padding: 28px 22px 26px; border-radius: 18px; }
}

/* ---------- Kolom isi + sidebar kanan di semua halaman ---------- */
.content-archive, .content-single { float: left; box-sizing: border-box; width: 70%; padding-right: 2.5em; }
.sidebar { float: right; width: 30%; }
.no-sidebar .content-single, .no-sidebar .content-archive { float: none; margin: 0 auto; max-width: 820px; width: 100%; padding: 0; }
@media only screen and (max-width: 55em) {
	.content-archive, .content-single { float: none; width: 100%; padding: 0; }
	.sidebar { float: none; width: 100%; margin: 0; padding: 1.5em 0 0; border-top: 0; }
}
.sidebar .widget { border-radius: var(--radius); }
.sidebar .widget-header { margin: 0 0 .9em; border: 0; }

/* ---------- Grid kartu 2 kolom ---------- */
.kl-jb-grid .post-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; margin: 0 0 2em !important; }
.kl-jb-grid .post-wrapper .post-column { width: auto !important; padding: 0 !important; display: flex; }
.kl-jb-grid .post-wrapper article {
	position: relative; display: flex; flex-direction: column; width: 100%; margin: 0 !important; padding: 0; overflow: hidden;
	background: #fff; border: 1px solid var(--w-garis); border-radius: 20px; box-shadow: var(--bayangan-kecil); transition: transform .2s, box-shadow .2s, border-color .2s;
}
.kl-jb-grid .post-wrapper article:hover { transform: translateY(-4px); box-shadow: var(--bayangan); border-color: var(--w-garis-tegas); }
.kl-jb-grid .wp-post-image-link { display: block; margin: 10px 10px 0; border-radius: 14px; overflow: hidden; }
.kl-jb-grid .wp-post-image-link img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0; transition: transform .35s; }
.kl-jb-grid .type-post:hover .wp-post-image-link img { transform: scale(1.04); }
.kl-jb-grid .post-wrapper .entry-header { padding: 16px 20px 0; margin: 0; display: flex; flex-direction: column; }
.kl-jb-grid .post-wrapper article .entry-title { order: 2; margin: .25em 0 0; font-size: calc(1.17 * var(--rem, 1rem)) !important; font-weight: 750; line-height: 1.38; letter-spacing: -.02em; }
.kl-jb-grid .post-wrapper .entry-title a { color: var(--w-judul); text-decoration: none; }
.kl-jb-grid .post-wrapper .entry-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kl-jb-grid .post-wrapper article:hover .entry-title a { color: var(--w-utama); }
.kl-jb-grid .post-wrapper article .entry-meta { order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: calc(.78 * var(--rem, 1rem)); color: var(--w-redup); }
.kl-jb-grid .post-wrapper .entry-meta span { margin: 0; padding: 0; }
.kl-jb-grid .post-wrapper .entry-meta span::after, .kl-jb-grid .post-wrapper .entry-meta span::before { display: none !important; content: none !important; }
.kl-jb-grid .post-wrapper .entry-meta a { color: var(--w-redup); text-decoration: none; }
.kl-jb-grid .post-wrapper .meta-category { order: -1; }
.kl-jb-grid .post-wrapper .meta-category a {
	position: relative; z-index: 2; display: inline-block; padding: .25em .75em; border-radius: 999px; font-weight: 700; color: var(--w-utama);
	background: var(--w-lembut);
}
.kl-jb-grid .post-wrapper .meta-category a:hover { color: #fff; background: var(--w-utama); }
.kl-jb-grid .post-wrapper article .entry-content { flex: 1; display: flex; flex-direction: column; padding: 0 20px 20px; font-size: calc(.92 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.kl-jb-grid .post-wrapper .entry-excerpt p { margin: .6em 0 1em; }
.kl-jb-grid .more-link {
	position: relative; z-index: 2; margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: .4em;
	padding: .5em 1.05em; border-radius: 999px; font-size: calc(.84 * var(--rem, 1rem)); font-weight: 700; text-decoration: none;
	color: var(--w-aksen-tegas) !important; background: var(--w-aksen-lembut); border: 0;
}
.kl-jb-grid .more-link::after { content: "→"; transition: transform .15s; }
.kl-jb-grid .type-post:hover .more-link { background: var(--w-aksen); color: #fff !important; }
.kl-jb-grid .type-post:hover .more-link::after { transform: translateX(3px); }
@media (max-width: 40em) { .kl-jb-grid .post-wrapper { grid-template-columns: 1fr; gap: 18px; } }

/* Judul arsip & pencarian: kartu lembut */
.page-header { margin: 0 0 1.8em; padding: 24px 28px; background: #fff; border: 1px solid var(--w-garis); border-radius: 20px; border-left: 6px solid var(--w-utama); }
.page-header .archive-title { margin: 0; font-size: calc(1.7 * var(--rem, 1rem)) !important; font-weight: 800; letter-spacing: -.03em; }
.page-header .archive-title span { color: var(--w-utama); }
.page-header .archive-description, .page-header .archive-description p { color: var(--w-redup); font-size: calc(.98 * var(--rem, 1rem)); }
.page-header p:empty { display: none; }
.search .page-header form { margin-top: 1em; max-width: 520px; }

/* Paginasi pil */
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px; margin: 0; border-radius: 999px; border: 1px solid var(--w-garis); background: #fff; color: var(--w-judul); font-weight: 700; text-decoration: none; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background: var(--w-utama); border-color: var(--w-utama); color: #fff; }

/* ---------- Artikel tunggal & halaman: kartu putih membulat ---------- */
.content-single .type-post, .content-single .type-page, .content-single .error-404, .content-archive .no-results {
	padding: 34px 40px; margin-bottom: 2em; background: #fff; border: 1px solid var(--w-garis); border-radius: 20px; box-shadow: var(--bayangan-kecil);
}
.content-single .entry-header { margin-bottom: 1.2em; }
.content-single .entry-title, .content-single .page-title, .no-results .page-title { margin: .3em 0 .25em; font-size: calc(2.1 * var(--rem, 1rem)) !important; font-weight: 800; line-height: 1.22; letter-spacing: -.035em; color: var(--w-judul); }
.content-single .entry-meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: calc(.84 * var(--rem, 1rem)); color: var(--w-redup); }
.content-single .entry-meta span { margin: 0; padding: 0; }
.content-single .entry-meta span::before, .content-single .entry-meta span::after { content: none !important; display: none !important; }
.content-single .entry-meta a { color: var(--w-redup); text-decoration: none; }
.content-single .entry-meta a:hover { color: var(--w-utama); }
.single .kl-label-kategori { border-radius: 999px; }
.single .kl-remah-roti { margin-bottom: .6em; }
.entry-footer .entry-tags a, .entry-tags .meta-tags a { display: inline-block; margin: 0 6px 6px 0; padding: .3em .85em; border-radius: 999px; background: var(--w-lembut); color: var(--w-utama); font-size: calc(.82 * var(--rem, 1rem)); font-weight: 600; text-decoration: none; border: 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-navigation .nav-previous, .post-navigation .nav-next { float: none; width: auto; margin: 0; }
.post-navigation a { display: block; height: 100%; padding: 14px 18px; border: 1px solid var(--w-garis); border-radius: 14px; color: var(--w-judul); font-weight: 650; text-decoration: none; line-height: 1.45; }
.post-navigation .nav-next a { text-align: right; }
.post-navigation a:hover { border-color: var(--w-utama); color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 40em) {
	.content-single .type-post, .content-single .type-page, .content-single .error-404, .content-archive .no-results { padding: 22px 18px; border-radius: 16px; }
	.content-single .entry-title, .content-single .page-title { font-size: calc(1.6 * var(--rem, 1rem)) !important; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
	.page-header { padding: 18px 20px; }
	.page-header .archive-title { font-size: calc(1.4 * var(--rem, 1rem)) !important; }
}

/* 404: cukup formulir cari (artikel & kategori sudah ada di sidebar) */
.error-404 .entry-content > .widget { display: none; }

/* Komentar */
.comments-area { padding: 28px 32px; background: #fff; border: 1px solid var(--w-garis); border-radius: 20px; }
.comment-form input[type="submit"], .comment-form .submit { border-radius: 999px; background: var(--w-utama); }

/* ---------- Footer ---------- */
.footer-wrap { margin-top: 2em; background: var(--w-kaki-latar) !important; border-top: 1px solid var(--w-garis); }
.site-footer { display: block; padding: 2em 2.5em; text-align: center; color: var(--w-redup); }
.site-footer .site-info { float: none; width: 100%; }
.kl-nav-kaki ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 8px; margin: 0 0 1em; padding: 0; list-style: none; }
.kl-nav-kaki a { display: inline-block; padding: .35em .9em; border-radius: 999px; background: #fff; border: 1px solid var(--w-garis); color: var(--w-judul); font-size: calc(.86 * var(--rem, 1rem)); font-weight: 600; text-decoration: none; }
.kl-nav-kaki a:hover { color: #fff; background: var(--w-utama); border-color: var(--w-utama); }
.kl-kaki-hak { margin: 0; font-size: calc(.86 * var(--rem, 1rem)); }
.kl-kaki-hak a { color: var(--w-judul); font-weight: 700; text-decoration: none; }

/* ---------- Perbaikan sisa gaya induk ---------- */
.kl-jb-grid .post-wrapper::before, .kl-jb-grid .post-wrapper::after { display: none !important; content: none !important; }
button, input[type="submit"], .more-link, .entry-tags a, .kl-label-kategori, .kl-bagikan button, .comment-reply-title, .post-navigation a { text-transform: none !important; letter-spacing: 0; }
.kl-jb-grid .more-link, .kl-jb-grid .more-link:hover { text-decoration: none !important; }
.post-navigation { padding: 1.4em 0 0; border-top: 1px solid var(--w-garis); }
.post-navigation .nav-links::before, .post-navigation .nav-links::after { display: none !important; content: none !important; }
.post-navigation .nav-links a, .post-navigation .nav-links a:link, .post-navigation .nav-links a:visited {
	display: block; margin: 0; padding: 14px 18px; background: #fff; color: var(--w-judul); border: 1px solid var(--w-garis); border-radius: 14px; font-size: calc(.92 * var(--rem, 1rem)); font-weight: 650;
}
.post-navigation .nav-links a:hover { background: var(--w-lembut); color: var(--w-utama); border-color: var(--w-utama); }
.post-navigation .nav-links .nav-previous:only-child { grid-column: 1; }
.post-navigation .nav-links .nav-next:only-child { grid-column: 2; }
.comment-reply-title span { color: var(--w-judul); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { border: 1px solid var(--w-garis-tegas); border-radius: 12px; padding: .6em .8em; background: #fff; }
.comment-form input[type="submit"], .comment-form .submit { padding: .7em 1.4em; border-radius: 999px; background: var(--w-utama); }
.main-navigation ul a, .main-navigation ul a:hover { text-decoration: none !important; }
.sidebar .widget a { color: var(--w-judul) !important; text-decoration: none; }
.sidebar .widget a:hover { color: var(--w-utama) !important; }
.sidebar .wp-block-categories li a { padding: 0 !important; }
.no-results .page-title { margin-bottom: .5em !important; }
.kl-jb-grid .post-wrapper article.type-page .entry-header { padding-top: 22px; }
.comments-area:not(:has(.comment-respond, .comment-list, .no-comments)) { display: none; }

/* ---------- Varian komponen ---------- */
/* varian terkait: polos */
.kl-kartu-terkait{border:0;background:transparent;box-shadow:none!important}.kl-kartu-terkait:hover{transform:none}.kl-kartu-terkait img{border-radius:var(--radius)}.kl-kt-isi{padding:.7em .1em 0}
/* varian tips: putus */
.entry-content .kl-kotak{border-style:dashed;background:#fff}