/* ==========================================================================
   Mondok Yuk Child — palet & font (dibuat oleh bangun.js dari situs.json)
   ========================================================================== */
@font-face {
	font-family: "Nunito Variable"; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url("../fonts/nunito-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/nunito-latin-wght-normal.woff2") format("woff2");
}
:root {
	--w-utama: #047857;
	--w-utama-hover: #065f46;
	--w-judul: #14201b;
	--w-teks: #33403a;
	--w-redup: #5f6d66;
	--w-aksen: #b45309;
	--w-aksen-tegas: #92400e;
	--w-aksen-lembut: #fffbeb;
	--w-aksen-garis: #fde68a;
	--w-lembut: #ecfdf5;
	--w-garis: #dcebe4;
	--w-garis-tegas: #bcd9cc;
	--w-latar: #f7fbf9;
	--w-latar-baris: #fbfdfc;
	--w-tautan: #047857;
	--w-tautan-hover: #92400e;
	--w-kode-latar: #f3faf6;
	--w-kode-teks: #123528;
	--w-tautan-garis: rgba(4,120,87, .35);
	--w-bayang-warna: rgba(4,120,87, .55);
	--w-sorot: rgba(180,83,9, .22);
	--w-pita: linear-gradient(90deg, #047857, #b45309);
	--w-hero-latar: radial-gradient(900px 320px at 0% -10%, rgba(4,120,87, .14), transparent 60%), radial-gradient(640px 280px at 100% 0%, rgba(180,83,9, .12), transparent 60%), linear-gradient(180deg, #ecfdf5, #f7fbf9);
	--w-kaki-latar: #eaf6f0;
	--radius: 14px;
	--radius-kecil: 10px;
	--bayangan: 0 14px 34px -14px rgba(4,120,87, .28);
	--bayangan-kecil: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 10px rgba(0, 0, 0, .035);
	--font: "Nunito 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%3Cpath%20d%3D%27M3%2021h18%27%2F%3E%3Cpath%20d%3D%27M5%2021V10l7-5%207%205v11%27%2F%3E%3Cpath%20d%3D%27M12%205V2%27%2F%3E%3Cpath%20d%3D%27M9%2021v-6a3%203%200%200%201%206%200v6%27%2F%3E%3C%2Fsvg%3E");
	--logo-latar: linear-gradient(140deg, #047857, #065f46);
	--logo-radius: 14px;
}

/* ==========================================================================
   Komponen umum child theme jaringan blog (pita sambutan, dll.)
   ========================================================================== */
.mk-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);
}
.mk-hero-label::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: var(--w-aksen); }
.mk-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);
}
.mk-hero-judul span { color: var(--w-utama); background: linear-gradient(transparent 64%, var(--w-sorot) 64%); }
.mk-hero-teks { max-width: 58ch; margin: 0; font-size: calc(1.06 * var(--rem, 1rem)); line-height: 1.65; color: var(--w-redup); }
.mk-hero-kategori { display: flex; flex-wrap: wrap; gap: .5em; margin-top: 1.5em; }
.mk-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;
}
.mk-hero-kategori a:hover { color: var(--w-utama); border-color: var(--w-utama); background: var(--w-lembut); }
@media (max-width: 768px) { .mk-hero-kategori a { padding: .38em .85em; font-size: calc(.82 * var(--rem, 1rem)); } }
.entry-content .mk-info-artikel, .nv-content-wrap .mk-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 Ashe — blog klasik elegan: logo di tengah, menu di bawahnya,
   daftar artikel 1 kolom berkartu + sidebar kanan, sudut membulat lembut
   ========================================================================== */
:root { --rem: 16px; --lebar-wadah: 1140px; --radius: 16px; }
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea, #main-nav, #main-menu li a, .header-logo a, .post-title, .page-title,
.post-categories, .post-meta, .read-more a, .widget-title h2, .ashe-widget, .blog-pagination, .copyright-info, #page-footer {
	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.75; }
#page-wrap, .page-content, .main-content, #page-header { background: transparent !important; }
a { color: var(--w-tautan); }
a:hover { color: var(--w-tautan-hover); }
h1, h2, h3, h4 { color: var(--w-judul); }
.boxed-wrapper { max-width: var(--lebar-wadah) !important; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
.scrolltop, .main-nav-sidebar, .sidebar-alt-wrap, .dark-mode-switcher, #top-bar, .ashe-preloader-wrap { display: none !important; }

/* ---------- Header: ikon logo + nama di tengah ---------- */
#page-header { background: #fff !important; border-bottom: 1px solid var(--w-garis); }
#page-header::before { content: ""; display: block; height: 4px; background: var(--w-pita); }
.entry-header { height: auto !important; min-height: 0 !important; background: #fff !important; background-image: none !important; padding: 34px 20px 18px; }
.entry-header .cv-outer, .entry-header .cv-inner { display: block !important; height: auto !important; }
.header-logo { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 !important; }
.header-logo::before {
	content: ""; width: 54px; height: 54px; margin-bottom: 12px; border-radius: var(--logo-radius, 50%);
	background: var(--logo-ikon) center / 28px no-repeat, var(--logo-latar); box-shadow: 0 10px 22px -10px var(--w-bayang-warna);
}
.header-logo h1 { margin: 0 !important; line-height: 1 !important; }
.header-logo a, .header-logo-a {
	font-size: calc(2.15 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.03em !important; line-height: 1.1 !important;
	color: var(--w-judul) !important; text-transform: none !important; text-decoration: none !important;
}
.header-logo a:hover { color: var(--w-utama) !important; }
.header-logo .site-description {
	display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 0 !important; font-size: calc(.8 * var(--rem, 1rem)) !important;
	font-weight: 600; letter-spacing: .14em !important; text-transform: uppercase; color: var(--w-aksen-tegas) !important;
}
.header-logo .site-description::before, .header-logo .site-description::after { content: ""; width: 26px; height: 1px; background: var(--w-aksen-garis); }

/* Menu utama di bawah logo, terpusat, garis atas tipis */
#main-nav { position: relative !important; background: #fff !important; box-shadow: none !important; border: 0 !important; min-height: 0 !important; text-align: center; }
#main-nav > div { border-top: 1px solid var(--w-garis); }
#main-nav .main-menu-container { float: none !important; display: block; }
#main-menu { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 2px; float: none !important; margin: 0 !important; padding: 6px 0 !important; }
#main-menu > li { float: none !important; margin: 0 !important; }
#main-menu > li > a {
	display: inline-block; padding: 9px 16px !important; line-height: 1.4 !important; border-radius: 999px;
	font-size: calc(.92 * var(--rem, 1rem)) !important; font-weight: 650 !important; letter-spacing: 0 !important; text-transform: none !important;
	color: var(--w-judul) !important; transition: background .15s, color .15s;
}
#main-menu > li:hover > a, #main-menu > li.current-menu-item > a, #main-menu > li.current-menu-ancestor > a { background: var(--w-lembut); color: var(--w-utama) !important; }
#main-menu .sub-menu { border-radius: 12px; overflow: hidden; box-shadow: var(--bayangan); }
#main-menu .sub-menu a { background: #fff !important; color: var(--w-judul) !important; text-transform: none !important; }

/* Tombol & menu HP */
.mobile-menu-btn { cursor: pointer; }
.mobile-menu-btn a {
	display: inline-flex; align-items: center; gap: 8px; margin: 10px 0; padding: 8px 18px; border-radius: 999px; cursor: pointer;
	font-size: calc(.9 * var(--rem, 1rem)); font-weight: 700; color: var(--w-utama) !important; background: var(--w-lembut); border: 1px solid var(--w-garis-tegas);
	text-transform: none !important; letter-spacing: 0 !important;
}
.mobile-menu-btn a::before { content: "\2630"; font-size: 1.05em; }
.mobile-menu-container { text-align: left; }
#mobile-menu { margin: 0 0 12px !important; padding: 6px !important; background: #fff; border: 1px solid var(--w-garis); border-radius: 14px; list-style: none; }
#mobile-menu li { border: 0 !important; }
#mobile-menu li a {
	display: block; padding: 11px 14px !important; border-radius: 10px; border-bottom: 1px solid var(--w-garis) !important;
	font-size: calc(.95 * var(--rem, 1rem)) !important; font-weight: 600; color: var(--w-judul) !important; text-transform: none !important; letter-spacing: 0 !important;
}
#mobile-menu li:last-child a { border-bottom: 0 !important; }
#mobile-menu li a:hover { background: var(--w-lembut); color: var(--w-utama) !important; }

/* ---------- Pita sambutan: kotak membulat di tengah ---------- */
.mk-hero-beranda { max-width: var(--lebar-wadah); margin: 30px auto 0; padding: 0 20px; box-sizing: border-box; }
.mk-hero-dalam {
	padding: 44px 30px 38px; text-align: center; display: flex; flex-direction: column; align-items: center;
	background: var(--w-hero-latar); border: 1px solid var(--w-garis); border-radius: 22px;
}
.mk-hero-judul { max-width: 24ch; }
.mk-hero-kategori { justify-content: center; }

/* ---------- Kerangka konten + sidebar kanan ---------- */
.main-content { padding-top: 32px !important; padding-bottom: 40px !important; }
.main-content.boxed-wrapper { max-width: var(--lebar-wadah) !important; }
.mk-ashe-remah, .mk-ashe-atas { margin-bottom: 14px; }
.mk-ashe-remah .mk-remah-roti, .mk-ashe-atas .mk-remah-roti { font-size: calc(.84 * var(--rem, 1rem)); color: var(--w-redup); }
.mk-ashe-atas { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.mk-ashe-atas .mk-remah-roti { margin: 0; }
.mk-label-kategori {
	display: inline-block; padding: .35em .9em; border-radius: 999px; font-size: calc(.78 * var(--rem, 1rem)); font-weight: 700; text-decoration: none;
	color: var(--w-aksen-tegas) !important; background: var(--w-aksen-lembut); border: 1px solid var(--w-aksen-garis);
}
.sidebar-right { padding-left: 34px !important; }
.sidebar-right .ashe-widget, .sidebar-right .widget {
	padding: 22px !important; margin-bottom: 22px !important; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
.sidebar-right .wp-block-heading {
	position: relative; margin: 0 0 .9em !important; padding-bottom: .55em; border-bottom: 2px solid var(--w-lembut); text-align: left;
	font-size: calc(1 * var(--rem, 1rem)) !important; font-weight: 750 !important; color: var(--w-judul); letter-spacing: 0 !important; text-transform: none !important;
}
.sidebar-right .wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 34px; height: 2px; background: var(--w-utama); }
.sidebar-right ul { margin: 0 !important; padding: 0 !important; list-style: none; }
.sidebar-right ul li { margin: 0 !important; padding: .55em 0 !important; border-bottom: 1px solid var(--w-garis) !important; line-height: 1.45; }
.sidebar-right ul li:last-child { border-bottom: 0 !important; }
.sidebar-right a { color: var(--w-judul) !important; font-weight: 600; text-decoration: none !important; }
.sidebar-right a:hover { color: var(--w-utama) !important; }
.sidebar-right .wp-block-categories li { display: flex; justify-content: space-between; gap: 8px; color: var(--w-redup); font-size: .9em; }
.sidebar-right .wp-block-latest-posts__post-date { display: block; margin-top: .15em; font-size: .78em; color: var(--w-redup); }
.sidebar-right .wp-block-search__inside-wrapper { display: flex; padding: 4px; background: #fff; border: 1px solid var(--w-garis-tegas) !important; border-radius: 12px; }
.sidebar-right .wp-block-search__input { flex: 1; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: .5em .8em !important; min-width: 0; height: auto !important; }
.sidebar-right .wp-block-search__button {
	margin-left: 4px !important; padding: .5em 1.05em !important; border-radius: 9px !important; background: var(--w-utama) !important; color: #fff !important;
	border: 0 !important; font-weight: 700; width: auto !important; height: auto !important; text-transform: none !important; letter-spacing: 0 !important;
}

/* ---------- Daftar artikel: 1 kolom, kartu dengan gambar besar ---------- */
.blog-grid { margin: 0 !important; padding: 0 !important; list-style: none; }
.blog-grid > li { width: 100% !important; margin: 0 0 30px !important; padding: 0 !important; border: 0 !important; float: none !important; }
.blog-grid .blog-post {
	position: relative; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid var(--w-garis);
	border-radius: var(--radius); overflow: hidden; box-shadow: var(--bayangan-kecil); transition: box-shadow .2s, transform .2s;
}
.blog-grid .blog-post:hover { box-shadow: var(--bayangan); transform: translateY(-2px); }
.blog-grid .post-media { margin: 0 !important; overflow: hidden; }
.blog-grid .post-media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .5s; }
.blog-grid .blog-post:hover .post-media img { transform: scale(1.025); }
.blog-grid .post-header { padding: 26px 34px 0; text-align: left !important; margin: 0 !important; }
.blog-grid .post-categories a, .post-categories a {
	display: inline-block; font-size: calc(.76 * var(--rem, 1rem)) !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase;
	color: var(--w-aksen-tegas) !important; position: relative; z-index: 2;
}
.blog-grid .post-title { margin: 6px 0 6px !important; font-size: calc(1.6 * var(--rem, 1rem)) !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: -.02em !important; }
.blog-grid .post-title a { color: var(--w-judul) !important; }
.blog-grid .post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.blog-grid .blog-post:hover .post-title a { color: var(--w-utama) !important; }
.post-meta { font-size: calc(.82 * var(--rem, 1rem)) !important; color: var(--w-redup) !important; }
.post-meta .post-date { color: var(--w-redup) !important; }
.post-meta .meta-sep { display: none; }
.blog-grid .post-content { padding: 4px 34px 0; text-align: left !important; }
.blog-grid .post-content p { margin: 0; text-align: left !important; font-size: calc(1 * var(--rem, 1rem)); line-height: 1.75; color: var(--w-redup); }
.blog-grid .read-more { padding: 18px 34px 28px; margin: 0 !important; text-align: left !important; }
.blog-grid .read-more a {
	display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px !important; border-radius: 999px; position: relative; z-index: 2;
	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; background: var(--w-lembut) !important; border: 1px solid var(--w-garis-tegas) !important;
}
.blog-grid .read-more a::after { content: "\2192"; }
.blog-grid .blog-post:hover .read-more a { background: var(--w-utama) !important; color: #fff !important; border-color: var(--w-utama) !important; }
.blog-grid .post-footer { display: none !important; }
.blog-grid .no-result-found { padding: 34px; background: #fff; border: 1px solid var(--w-garis); border-radius: var(--radius); text-align: left; }
.blog-grid .no-result-found h3 { margin: 0 0 .4em; font-size: calc(1.6 * var(--rem, 1rem)); font-weight: 800; }
.blog-grid .no-result-found p { color: var(--w-redup); }
.blog-grid .no-result-found .ashe-widget { padding: 0 !important; margin-top: 18px; border: 0; box-shadow: none; }

/* Deskripsi kategori Ashe */
.category-description { margin-bottom: 26px !important; padding: 26px 30px !important; background: var(--w-hero-latar) !important; border: 1px solid var(--w-garis) !important; border-radius: var(--radius); text-align: left !important; }
.category-description h3, .category-description h1 { margin: 0 0 .3em !important; font-size: calc(1.8 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--w-judul) !important; }
.category-description p { margin: 0; color: var(--w-redup); }

/* Paginasi */
.blog-pagination { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.blog-pagination a {
	display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--w-garis-tegas);
	font-weight: 700; color: var(--w-judul) !important; text-transform: none !important; letter-spacing: 0 !important;
}
.blog-pagination a:hover { color: var(--w-utama) !important; border-color: var(--w-utama); }

/* ---------- Artikel tunggal & halaman ---------- */
.single .main-container article.post, .page .main-container article.page {
	padding: 40px 46px !important; background: #fff !important; border: 1px solid var(--w-garis); border-radius: var(--radius); box-shadow: var(--bayangan-kecil);
}
.single article.post .post-media, .page article.page .post-media { display: none !important; }
.single .post-header, .page .post-header { text-align: left !important; margin-bottom: 1.4em !important; padding-bottom: 1.1em; border-bottom: 1px dashed var(--w-garis-tegas); }
.single .post-title, .page .page-title {
	margin: 0 0 .25em !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.22 !important; letter-spacing: -.03em !important; text-transform: none !important; color: var(--w-judul) !important;
}
.page .post-header { padding-bottom: .6em; }
.post-content { color: var(--w-teks); }
.single .post-content, .page .post-content { font-size: calc(1.04 * var(--rem, 1rem)); line-height: 1.8; }
.post-content h2, .post-content h3 { font-weight: 800 !important; letter-spacing: -.02em; line-height: 1.3 !important; text-transform: none !important; }
.single .post-content h2 { font-size: calc(1.5 * var(--rem, 1rem)) !important; margin-top: 1.6em !important; }
.single .post-content h2::after { content: ""; display: block; width: 46px; height: 3px; margin-top: .35em; border-radius: 3px; background: var(--w-pita); }
.single .post-content .mk-blok-faq h2::after, .single .post-content .mk-judul-terkait::after { display: none; }
.single .post-content h3 { font-size: calc(1.2 * var(--rem, 1rem)) !important; }
.post-content a { color: var(--w-tautan); text-decoration: underline; text-decoration-color: var(--w-tautan-garis); text-underline-offset: 3px; }
.post-content img { border-radius: 14px; }
.post-content ul, .post-content ol { padding-left: 1.3em; }
.post-content blockquote { border-left: 4px solid var(--w-utama) !important; background: var(--w-lembut); border-radius: 0 12px 12px 0; padding: 14px 20px !important; font-style: normal; }
.single .post-footer { margin-top: 26px !important; padding-top: 16px !important; border-top: 1px solid var(--w-garis) !important; text-align: left !important; color: var(--w-redup); font-size: calc(.86 * var(--rem, 1rem)); }
.single .post-footer a { color: var(--w-utama) !important; font-weight: 700; }
.post-tags a { border-radius: 999px !important; border-color: var(--w-garis-tegas) !important; color: var(--w-judul) !important; text-transform: none !important; }

/* Navigasi sebelumnya/berikutnya */
.single-navigation { margin-top: 26px !important; padding: 0 !important; border: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.single-navigation > div { float: none !important; width: auto !important; max-width: none !important; }
.single-navigation a { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #fff; border: 1px solid var(--w-garis); border-radius: 14px; }
.single-navigation h5 { margin: 0 !important; font-size: calc(.92 * var(--rem, 1rem)) !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--w-judul) !important; }
.single-navigation .next-post { text-align: right; }
.single-navigation .next-post a { justify-content: flex-end; }
.single-navigation img { width: 64px !important; height: 44px !important; object-fit: cover; border-radius: 8px; }
.single-navigation i { background: var(--w-lembut) !important; color: var(--w-utama) !important; border-radius: 50%; }

/* Komentar */
.comments-area { margin-top: 26px !important; padding: 30px 34px !important; background: #fff !important; border: 1px solid var(--w-garis) !important; border-radius: var(--radius); }
.comments-area h2, .comment-reply-title { font-size: calc(1.25 * var(--rem, 1rem)) !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
.comments-area input:not([type=checkbox]):not([type=submit]), .comments-area textarea { border: 1px solid var(--w-garis-tegas) !important; border-radius: 10px !important; background: var(--w-latar-baris) !important; }
.comments-area .submit, .comments-area input[type=submit] {
	padding: 11px 24px !important; border-radius: 999px !important; background: var(--w-utama) !important; color: #fff !important; border: 0 !important;
	font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer;
}
.comments-area label { text-transform: none !important; letter-spacing: 0 !important; font-weight: 600; color: var(--w-judul); }

/* Form cari bersama (404, pencarian kosong) */
.mk-cari { display: flex; gap: 6px; max-width: 520px; padding: 5px; background: #fff; border: 1px solid var(--w-garis-tegas); border-radius: 12px; }
.mk-cari-input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; padding: .55em .8em !important; font-size: calc(1 * var(--rem, 1rem)); outline: none; }
.mk-cari-tombol { padding: .55em 1.2em; border: 0; border-radius: 9px; background: var(--w-utama); color: #fff; font-weight: 700; cursor: pointer; }

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

/* ---------- Layar kecil ---------- */
@media (max-width: 979px) {
	.sidebar-right { padding-left: 0 !important; }
	.sidebar-right-wrap { width: 100% !important; margin-top: 10px; }
	#main-menu { display: none !important; }
	#main-nav > div { border-top: 1px solid var(--w-garis); }
}
@media (max-width: 768px) {
	.entry-header { padding: 24px 16px 12px; }
	.header-logo::before { width: 46px; height: 46px; background-size: 24px, auto; }
	.header-logo a, .header-logo-a { font-size: calc(1.7 * var(--rem, 1rem)) !important; }
	.header-logo .site-description { font-size: calc(.68 * var(--rem, 1rem)) !important; letter-spacing: .08em !important; }
	.header-logo .site-description::before, .header-logo .site-description::after { width: 14px; }
	.mk-hero-beranda { margin-top: 18px; padding: 0 14px; }
	.mk-hero-dalam { padding: 30px 18px 26px; border-radius: 18px; }
	.boxed-wrapper { padding-left: 14px; padding-right: 14px; }
	.main-content { padding-top: 20px !important; }
	.blog-grid .post-header { padding: 18px 20px 0; }
	.blog-grid .post-content { padding: 4px 20px 0; }
	.blog-grid .read-more { padding: 14px 20px 22px; }
	.blog-grid .post-title { font-size: calc(1.3 * var(--rem, 1rem)) !important; }
	.single .main-container article.post, .page .main-container article.page { padding: 22px 18px !important; }
	.comments-area { padding: 22px 18px !important; }
	.single-navigation { grid-template-columns: 1fr; }
}
.post-content p, .post-content li { text-align: left !important; }
.post-content blockquote, .post-content blockquote p { font-family: var(--font) !important; font-style: normal !important; }
.post-meta, .post-date { font-style: normal !important; }
.single .post-footer:not(:has(*)) { display: none !important; }
.mobile-menu-btn, .mobile-menu-btn a { font-family: var(--font) !important; }
.blog-grid .no-result-found h3 { letter-spacing: -.02em !important; text-transform: none !important; }
.blog-grid .no-result-found .mk-cari { margin: 0 !important; }
.entry-header, .entry-header .cv-outer, .entry-header .cv-inner, .header-logo { height: auto !important; min-height: 0 !important; }
.header-logo { margin: 0 !important; }
@media (max-width: 768px) { .entry-header { padding: 24px 16px 16px !important; } }
#mobile-menu, #mobile-menu li, #mobile-menu li a { font-family: var(--font) !important; text-align: left !important; }
#mobile-menu li a { border-radius: 0 !important; border-bottom: 0 !important; }
#mobile-menu > li + li { border-top: 1px solid var(--w-garis) !important; }
@media (max-width: 768px) {
	.header-logo .site-description::before, .header-logo .site-description::after { display: none; }
	.header-logo .site-description { display: block; max-width: 30ch; line-height: 1.5; }
}
.category-description h4 { margin: 0 0 .3em !important; font-size: calc(1.8 * var(--rem, 1rem)) !important; font-weight: 800 !important; letter-spacing: -.02em !important; text-transform: none !important; color: var(--w-judul) !important; }
.category-description { margin-bottom: 26px !important; }
.blog-grid .no-result-found { text-align: left !important; }
.blog-grid .no-result-found .mk-cari { margin: 0 !important; }
.page .post-content h2 { font-size: calc(1.45 * var(--rem, 1rem)) !important; margin-top: 1.4em !important; }
.page .post-content h3 { font-size: calc(1.2 * var(--rem, 1rem)) !important; }

/* ---------- Varian komponen ---------- */
/* varian toc: garis */
.mk-daftar-isi{background:transparent;border:0;border-left:4px solid var(--w-utama);border-radius:0}.mk-daftar-isi ol{padding-left:2.6em!important}
/* varian faq: kiri */
.mk-faq-item{border:0;border-left:4px solid var(--w-aksen);border-radius:0 var(--radius) var(--radius) 0;box-shadow:none}.mk-faq-item h3::before{display:none}.mk-faq-item p{margin-left:0}
/* varian terkait: polos */
.mk-kartu-terkait{border:0;background:transparent;box-shadow:none!important}.mk-kartu-terkait:hover{transform:none}.mk-kartu-terkait img{border-radius:var(--radius)}.mk-kt-isi{padding:.7em .1em 0}
/* varian tips: putus */
.entry-content .mk-kotak{border-style:dashed;background:#fff}