/* KabarLagi News Magazine V4 - Tempo/Kompas inspired refinement layer */
:root{--kl-v4-text:#111827;--kl-v4-muted:#64748b;--kl-v4-border:rgba(15,23,42,.10);--kl-v4-card:#fff;--kl-v4-soft:#f8fafc;--kl-v4-radius:18px;--kl-v4-shadow:0 14px 36px rgba(15,23,42,.09)}

/* Smooth lazy image preview */
img.kl-lazy-img{background:linear-gradient(110deg,#eef2f7 8%,#f8fafc 18%,#eef2f7 33%);background-size:200% 100%;animation:klV4Shimmer 1.4s linear infinite;transition:filter .25s ease,opacity .25s ease,transform .25s ease}img.kl-lazy-img.kl-img-loaded{animation:none;background:transparent}@keyframes klV4Shimmer{to{background-position:-200% 0}}

/* Header/menu should feel full, clean, not boxed */
.site-header,.nav-1,.nav-2,.top-bar{background:var(--kl-header-bg,#fff)!important;color:var(--kl-header-text,#111827)!important;border-color:var(--kl-header-border,#e5e7eb)!important}.site-header a,.main-navigation>ul>li>a,.main-navigation>div>ul>li>a,.utility-links a{color:var(--kl-header-text,#111827)!important}.site-header,.is-stretched .nav-1,.is-stretched .nav-2{box-shadow:0 1px 0 var(--kl-header-border,#e5e7eb)!important}@media(min-width:1024px){a.menu-button.menu-trigger,.menu-button.menu-trigger,.site-header .menu-button.menu-trigger,.nav .menu-button.menu-trigger,.nav-1 .menu-button.menu-trigger,.nav-2 .menu-button.menu-trigger{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}}

/* Light/dark logo */
.kl-v4-logo-link{display:inline-flex!important;align-items:center;min-height:42px}.kl-v4-logo{max-height:56px;width:auto;object-fit:contain}.kl-v4-logo-dark{display:none}.kl-mode-dark .kl-v4-logo-light,body.kl-dark-mode .kl-v4-logo-light,.kl-theme-mode-dark .kl-v4-logo-light{display:none}.kl-mode-dark .kl-v4-logo-dark,body.kl-dark-mode .kl-v4-logo-dark,.kl-theme-mode-dark .kl-v4-logo-dark{display:inline-block}.kl-mode-light .kl-v4-logo-dark,.kl-theme-mode-light .kl-v4-logo-dark{display:none!important}

/* Archive/blog image repair */
.archive article,.blog article,.search-results article,.category article,.tag article{min-width:0}.archive .grid-row,.blog .grid-row,.search-results .grid-row,.category .grid-row,.tag .grid-row{align-items:stretch}.archive .grid-row article,.blog .grid-row article,.search-results .grid-row article,.category .grid-row article,.tag .grid-row article{overflow:hidden!important}.archive .grid-row article .post-img,.archive .grid-row article .entry-media,.archive .grid-row article .post-thumbnail,.archive .grid-row article figure:first-of-type,.archive .grid-row article .featured-img,.archive .grid-row article .entry-header>a:first-child,.blog .grid-row article .post-img,.blog .grid-row article .entry-media,.blog .grid-row article .post-thumbnail,.blog .grid-row article figure:first-of-type,.search-results .grid-row article .post-img,.search-results .grid-row article .entry-media,.category .grid-row article .post-img,.tag .grid-row article .post-img{display:block!important;width:100%!important;aspect-ratio:var(--kl-archive-image-ratio,16 / 10)!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:hidden!important;background:#f1f5f9!important;border-radius:0!important}.archive .grid-row article .post-img img,.archive .grid-row article .entry-media img,.archive .grid-row article .post-thumbnail img,.archive .grid-row article figure:first-of-type img,.archive .grid-row article .featured-img img,.archive .grid-row article .entry-header>a:first-child img,.archive .grid-row article img.wp-post-image,.blog .grid-row article img.wp-post-image,.blog .grid-row article .post-img img,.blog .grid-row article .entry-media img,.search-results .grid-row article img.wp-post-image,.category .grid-row article img.wp-post-image,.tag .grid-row article img.wp-post-image{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;max-width:100%!important;object-fit:var(--kl-archive-image-fit,cover)!important;object-position:center center!important;border-radius:0!important;margin:0!important}.archive .grid-row article .entry-header,.blog .grid-row article .entry-header{display:flex;flex-direction:column}.archive .grid-row article .entry-header>figure,.blog .grid-row article .entry-header>figure{order:-1}.archive .qlm-list article .post-img,.archive .qlm-list article .entry-media,.archive .qlm-list article .post-thumbnail,.blog .qlm-list article .post-img,.blog .qlm-list article .entry-media,.blog .qlm-list article .post-thumbnail{aspect-ratio:4 / 3!important;overflow:hidden!important;border-radius:16px!important;background:#f1f5f9}.archive .qlm-list article img.wp-post-image,.blog .qlm-list article img.wp-post-image{width:100%!important;height:100%!important;object-fit:var(--kl-archive-image-fit,cover)!important;object-position:center!important}
@media(max-width:640px){.archive .grid-row,.blog .grid-row,.search-results .grid-row,.category .grid-row,.tag .grid-row{grid-template-columns:1fr!important;gap:18px!important}.archive .qlm-list article,.blog .qlm-list article,.search-results .qlm-list article{grid-template-columns:1fr!important}}

/* Search/share layout */
.single .kl-v4-meta-share,.single .kl-v3-meta-share{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.single .kl-v4-meta-share a,.single .kl-v3-meta-share a{width:36px;height:36px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--kl-v4-border);border-radius:999px;background:#fff;color:#334155!important;box-shadow:0 8px 18px rgba(15,23,42,.05)}.widget .search-form,.search-form{width:100%;display:flex!important;align-items:center;gap:8px;background:#fff;border:1px solid var(--kl-v4-border);border-radius:18px;padding:9px;box-shadow:0 10px 24px rgba(15,23,42,.06);box-sizing:border-box}.search-form label{flex:1;min-width:0;margin:0!important}.search-form input[type="search"],.search-form .search-field{width:100%!important;margin:0!important;background:#f8fafc!important;border-radius:12px!important;height:42px!important}.search-form:before{display:none!important}.search-form input[type="submit"],.search-submit{display:inline-flex!important;visibility:visible!important;position:static!important;align-items:center;justify-content:center;height:42px!important;border-radius:12px!important;background:var(--kl-orange,#f4511e)!important;color:#fff!important;font-weight:800!important;white-space:nowrap}.share-dialog,.heateor_sss_sharing_container,.addtoany_share_save_container{max-width:100%;overflow:visible;z-index:50}

/* Single post meta and typography */
.single-post .single-post-title{letter-spacing:-.045em;font-weight:900!important}.single-post .entry-content.article-body{font-size:var(--kl-v3-single-font-size,18px);line-height:1.85;text-align:justify;text-justify:inter-word;color:#253142;hyphens:auto}.single-post .entry-content.article-body p{margin-bottom:1.55em}.single-post .entry-content.article-body a{text-decoration-thickness:1px;text-underline-offset:3px}.kl-v4-single-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 0 26px;padding:18px 0;border-top:1px solid var(--kl-v4-border);border-bottom:1px solid var(--kl-v4-border)}.kl-v4-meta-author{display:flex;align-items:center;gap:12px;min-width:240px}.kl-v4-author-avatar img{width:54px;height:54px;border-radius:999px;object-fit:cover;box-shadow:0 8px 20px rgba(15,23,42,.12)}.kl-v4-author-data{line-height:1.25}.kl-v4-meta-label{display:block;font-size:12px;letter-spacing:.10em;text-transform:uppercase;color:#94a3b8;font-weight:900;margin-bottom:4px}.kl-v4-author-name,.kl-v4-meta-date time{font-size:16px;font-weight:900;color:#0f172a;text-decoration:none}.kl-v4-meta-date{min-width:160px}.kl-v4-read-toggle{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(var(--kl-orange-rgb,244,81,30),.28);border-radius:999px;background:rgba(var(--kl-orange-rgb,244,81,30),.09);color:var(--kl-orange,#f4511e);font-weight:900;box-shadow:none}.kl-v4-read-toggle span{font-size:13px}.kl-v4-meta-share{margin-left:auto}.kl-reading-active{background:var(--kl-read-highlight,#fff3a3);box-shadow:0 0 0 3px rgba(255,243,163,.35);border-radius:4px;transition:background .15s ease}.kl-reading-paused .kl-reading-active{opacity:.8}.kl-reader-sentence{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 2px;margin:0 -1px}.kl-v4-author-badge{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border-radius:999px;color:#fff;font-size:11px;font-weight:900;vertical-align:middle;box-shadow:0 0 0 2px #fff}.kl-v4-author-badge-blue{background:#1d9bf0}.kl-v4-author-badge-yellow{background:#f59e0b}.kl-v4-author-badge-red{background:#ef4444}
@media(max-width:720px){.kl-v4-single-meta{align-items:flex-start;gap:14px}.kl-v4-meta-author,.kl-v4-meta-date{width:100%;min-width:0}.kl-v4-meta-share{margin-left:0;width:100%;justify-content:flex-start}.single-post .entry-content.article-body{text-align:left;line-height:1.82}}

/* Author box */
.kl-v4-author-box{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;max-width:var(--kl-single-content-width,760px);margin:36px 0;padding:24px;border:1px solid var(--kl-v4-border);border-radius:22px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:var(--kl-v4-shadow)}.kl-v4-author-box-avatar img{width:96px;height:96px;border-radius:999px;object-fit:cover}.kl-v4-author-box-kicker{display:inline-flex;color:var(--kl-orange,#f4511e);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:8px}.kl-v4-author-box h3{margin:0 0 8px!important;font-size:24px!important;line-height:1.2;font-weight:900}.kl-v4-author-box h3 a{color:#0f172a;text-decoration:none}.kl-v4-author-box p{margin:0 0 14px;color:#475569;font-size:16px;line-height:1.65}.kl-v4-author-box-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kl-v4-author-box-links>a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--kl-v4-border);font-weight:800;text-decoration:none;color:#334155}.kl-v4-author-box .sa-social{display:inline-flex;margin:0;gap:6px}.kl-v4-author-box .sa-social li{padding:0}.kl-v4-author-box .sa-social a{width:34px;height:34px;border-radius:999px;background:#fff;border:1px solid var(--kl-v4-border)}@media(max-width:560px){.kl-v4-author-box{grid-template-columns:1fr;text-align:left}.kl-v4-author-box-avatar img{width:78px;height:78px}}

/* Homepage V4 post-format sections */
.kl-home-magazine-v4{--kl-home-gap:28px}.kl-v4-section-head{border-bottom:1px solid var(--kl-v4-border);padding-bottom:14px}.kl-v4-section-head h2{font-weight:950;letter-spacing:-.035em}.kl-v4-format-section{margin:46px 0}.kl-v4-format-row{scroll-snap-type:x mandatory;gap:18px}.kl-v4-format-card{scroll-snap-align:start;background:#fff;border:1px solid var(--kl-v4-border);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.06)}.kl-v4-format-card .kl-v2-media-thumb{aspect-ratio:16/10;border-radius:0!important}.kl-v4-format-card .kl-v2-media-thumb img{width:100%;height:100%;object-fit:cover}.kl-v4-format-card h3{padding:14px 16px 18px;margin:0!important;font-size:17px!important;line-height:1.3;font-weight:900}.kl-v4-format-video .kl-v2-play-badge{background:var(--kl-orange,#f4511e)}.kl-v4-format-gallery .kl-v2-play-badge{background:#111827}.kl-v4-authors .kl-v4-author-card h3{display:flex;align-items:center;gap:0}

/* Footer V4 */
.kl-v4-footer{background:var(--kl-footer-bg,#1f1f20);color:var(--kl-footer-text,#f8fafc);margin-top:70px;padding:0}.kl-v4-footer .container{max-width:var(--kl-container,1180px);width:94%;margin:0 auto}.kl-v4-footer-inner{padding:46px 0 24px}.kl-v4-footer-lead{display:grid;grid-template-columns:1fr 2fr 1fr;gap:42px;padding:34px 0;border-top:4px solid var(--kl-orange,#f4511e);border-bottom:1px solid rgba(255,255,255,.16)}.kl-v4-footer-brand h2{font-size:34px;margin:0;color:var(--kl-footer-text,#f8fafc);font-weight:950}.kl-v4-footer-brand p{margin:10px 0 0;color:var(--kl-footer-muted,#cbd5e1)}.kl-v4-footer-quote{font-size:20px;line-height:1.58;font-style:italic;font-weight:650;margin:0;color:var(--kl-footer-text,#f8fafc)}.kl-v4-footer-social h3,.kl-v4-footer .kl-v3-footer-col h3{font-size:18px!important;text-transform:uppercase;letter-spacing:.02em;margin:0 0 20px!important;color:var(--kl-footer-text,#f8fafc);font-weight:950}.kl-v4-footer-social div{display:flex;flex-wrap:wrap;gap:10px}.kl-v4-footer-social a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);color:var(--kl-footer-text,#f8fafc);text-decoration:none;font-weight:800}.kl-v4-footer-grid{display:grid;grid-template-columns:1.4fr 1.2fr .9fr;gap:54px;padding:36px 0}.kl-v4-footer .kl-v3-footer-col ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0;padding:0;list-style:none}.kl-v4-footer .kl-v4-footer-cat ul{grid-template-columns:1fr}.kl-v4-footer .kl-v3-footer-col a{color:var(--kl-footer-text,#f8fafc);text-decoration:none;font-size:17px;line-height:1.35}.kl-v4-footer .kl-v3-footer-col a:hover{color:var(--kl-orange-2,#ff7a18)}.kl-v4-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.12);color:var(--kl-footer-muted,#cbd5e1);font-size:13px}.kl-v4-footer-kompas-clean,.kl-v4-footer-minimal{--kl-footer-bg:#fff;--kl-footer-text:#111827;--kl-footer-muted:#64748b;border-top:1px solid var(--kl-v4-border)}.kl-v4-footer-kompas-clean .kl-v4-footer-lead,.kl-v4-footer-minimal .kl-v4-footer-lead{border-bottom-color:var(--kl-v4-border)}.kl-v4-footer-kompas-clean .kl-v4-footer-social a,.kl-v4-footer-minimal .kl-v4-footer-social a{border-color:var(--kl-v4-border)}.kl-v4-footer-grid-rich .kl-v4-footer-lead{grid-template-columns:1fr}.kl-v4-footer-grid-rich .kl-v4-footer-grid{grid-template-columns:repeat(3,1fr)}.kl-v4-footer-minimal .kl-v4-footer-quote{font-size:18px}.kl-v4-footer-minimal .kl-v4-footer-lead{grid-template-columns:1fr 1fr}.kl-v4-footer-minimal .kl-v4-footer-social{display:none}@media(max-width:900px){.kl-v4-footer-lead,.kl-v4-footer-grid,.kl-v4-footer-grid-rich .kl-v4-footer-grid,.kl-v4-footer-minimal .kl-v4-footer-lead{grid-template-columns:1fr;gap:26px}.kl-v4-footer-quote{font-size:18px}.kl-v4-footer .kl-v3-footer-col ul{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kl-v4-footer .kl-v3-footer-col ul{grid-template-columns:1fr}.kl-v4-footer-inner{padding:32px 0 20px}}

/* Floating dark/light */
.kl-v4-mode-toggle{position:fixed;z-index:99998;width:48px;height:48px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#111827;box-shadow:0 14px 34px rgba(15,23,42,.22);display:flex!important;align-items:center;justify-content:center;cursor:pointer}.kl-v4-mode-toggle span{font-size:20px;font-weight:900}.kl-v4-mode-toggle .kl-mode-icon-moon{display:none}.kl-mode-dark .kl-v4-mode-toggle,body.kl-dark-mode .kl-v4-mode-toggle{background:#111827;color:#fff;border-color:rgba(255,255,255,.16)}.kl-mode-dark .kl-mode-icon-sun,body.kl-dark-mode .kl-mode-icon-sun{display:none}.kl-mode-dark .kl-mode-icon-moon,body.kl-dark-mode .kl-mode-icon-moon{display:block}

/* Strong dark mode coverage */
html.kl-mode-dark body,body.kl-dark-mode,.kl-theme-mode-dark{background:#0b1120!important;color:#e5e7eb!important}html.kl-mode-dark #page,html.kl-mode-dark #main,html.kl-mode-dark .site-header,html.kl-mode-dark .nav-1,html.kl-mode-dark .nav-2,html.kl-mode-dark .top-bar,html.kl-mode-dark .kl-news-card,html.kl-mode-dark .archive .grid-row article,html.kl-mode-dark .blog .grid-row article,html.kl-mode-dark .widget,html.kl-mode-dark .search-form,html.kl-mode-dark .kl-v4-author-box,body.kl-dark-mode #page,body.kl-dark-mode #main,body.kl-dark-mode .site-header,body.kl-dark-mode .nav-1,body.kl-dark-mode .nav-2,body.kl-dark-mode .top-bar,body.kl-dark-mode .widget,body.kl-dark-mode .search-form,body.kl-dark-mode .kl-v4-author-box{background:#111827!important;color:#e5e7eb!important;border-color:rgba(255,255,255,.12)!important}html.kl-mode-dark h1,html.kl-mode-dark h2,html.kl-mode-dark h3,html.kl-mode-dark h4,html.kl-mode-dark h5,html.kl-mode-dark h6,html.kl-mode-dark a,html.kl-mode-dark .entry-title,html.kl-mode-dark .kl-card-title,body.kl-dark-mode h1,body.kl-dark-mode h2,body.kl-dark-mode h3,body.kl-dark-mode h4,body.kl-dark-mode h5,body.kl-dark-mode h6,body.kl-dark-mode a,body.kl-dark-mode .entry-title,body.kl-dark-mode .kl-card-title{color:#f8fafc!important}html.kl-mode-dark p,html.kl-mode-dark .entry-content,html.kl-mode-dark .article-body,html.kl-mode-dark .post-excerpt,html.kl-mode-dark .kl-card-excerpt,html.kl-mode-dark .kl-v4-author-box p,body.kl-dark-mode p,body.kl-dark-mode .entry-content,body.kl-dark-mode .article-body,body.kl-dark-mode .post-excerpt,body.kl-dark-mode .kl-card-excerpt,body.kl-dark-mode .kl-v4-author-box p{color:#cbd5e1!important}html.kl-mode-dark .search-form input[type="search"],html.kl-mode-dark input,html.kl-mode-dark textarea,body.kl-dark-mode .search-form input[type="search"],body.kl-dark-mode input,body.kl-dark-mode textarea{background:#0f172a!important;color:#f8fafc!important;border-color:rgba(255,255,255,.12)!important}html.kl-mode-dark .kl-v4-single-meta,html.kl-mode-dark .kl-v4-author-box,body.kl-dark-mode .kl-v4-single-meta,body.kl-dark-mode .kl-v4-author-box{border-color:rgba(255,255,255,.14)!important}html.kl-mode-dark .kl-v4-meta-label,body.kl-dark-mode .kl-v4-meta-label{color:#94a3b8!important}html.kl-mode-dark .kl-v4-author-name,html.kl-mode-dark .kl-v4-meta-date time,body.kl-dark-mode .kl-v4-author-name,body.kl-dark-mode .kl-v4-meta-date time{color:#f8fafc!important}html.kl-mode-dark .kl-reading-active,body.kl-dark-mode .kl-reading-active{color:#111827!important}
