/*
Theme Name: KabarFaktual Newsroom HERO LATEST FIRST
Theme URI: https://kabarfaktual.com/
Author: KabarFaktual
Description: Tema portal berita KabarFaktual dengan proporsi desktop seperti referensi portal berita besar: utility header full-width, isi utama terpusat, fokus strip, lima kartu, hero + sidebar, video, dan news feed.
Version: 1.9.0
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: kabarfaktual-newsroom
*/

:root{
  --kf-primary:#237786;
  --kf-primary-dark:#185f6b;
  --kf-accent:#cc6d11;
  --kf-accent-2:#e78119;
  --kf-text:#101828;
  --kf-muted:#667085;
  --kf-line:#e5e7eb;
  --kf-soft:#f4f5f6;
  --kf-shell:70vw;
  --kf-shell-max:1680px;
  --kf-gutter:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;overflow-x:hidden;background:#fff;color:var(--kf-text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}a:hover{color:var(--kf-primary)}
img{display:block;max-width:100%;height:auto}button,input{font:inherit}
.kf-site-frame{width:100%;min-height:100vh;background:#fff}
.kf-container,.kf-utility-inner,.kf-brand-inner,.kf-nav,.kf-trending-inner,.kf-headline-inner{
  width:var(--kf-shell);max-width:var(--kf-shell-max);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;
}
.kf-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kf-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e8eef0,#d8e5e8);color:var(--kf-primary);font-weight:900;font-size:28px}

/* Full-width utility header, centered controls */
.kf-topline{height:0;background:transparent}
.kf-utility{width:100%;background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e6e7e9;box-shadow:0 3px 10px rgba(16,24,40,.035)}
.kf-utility-inner{height:58px;display:grid;grid-template-columns:180px minmax(360px,1fr) auto;align-items:center;gap:28px}
.kf-menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:#344054;font-size:13px;font-weight:800;cursor:pointer}
.kf-menu-toggle .bars{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--kf-primary);color:#fff;font-size:15px}
.kf-search{justify-self:center;width:min(540px,100%);display:flex;border:1px solid #d9dde3;border-radius:999px;overflow:hidden;background:#fff}
.kf-search input{border:0;outline:0;min-width:0;flex:1;padding:9px 16px;font-size:14px}
.kf-search button{border:0;background:var(--kf-primary);color:#fff;width:58px;cursor:pointer;font-weight:900}
.kf-utility-link{font-size:12px;font-weight:700;color:#344054}.kf-utility-pill{padding:7px 14px;border:1px solid var(--kf-primary);border-radius:999px;color:var(--kf-primary);margin-left:8px}

/* Logo area */
.kf-brand-row{background:#fff}
.kf-brand-inner{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}
.kf-brand .custom-logo{max-width:330px;max-height:92px;width:auto;object-fit:contain}
.kf-site-title{font-size:56px;line-height:.94;letter-spacing:-3px;font-weight:900;color:var(--kf-primary)}
.kf-site-title span{color:var(--kf-accent)}
.kf-tagline{margin-top:8px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#667085;font-weight:800}
.kf-brand-date{font-size:12px;color:#667085;font-weight:700}.home .kf-brand-date{display:none}

/* Primary and secondary navigation stay inside the centered shell */
.kf-nav-wrap{position:sticky;top:0;z-index:80;width:100%;background:transparent;box-shadow:none}
.admin-bar .kf-nav-wrap{top:32px}
.kf-nav{height:44px;min-height:44px;background:linear-gradient(90deg,var(--kf-primary-dark),#3194a3);border-radius:2px 2px 0 0;overflow:hidden}
.kf-nav>ul{width:100%;height:44px;display:flex;list-style:none;margin:0;padding:0;align-items:stretch}
.kf-nav>ul>li{flex:1 1 auto;min-width:0}
.kf-nav>ul>li:nth-child(n+10){display:none}
.kf-nav a{height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}
.kf-nav a:hover,.kf-nav .current-menu-item>a,.kf-nav .current-menu-parent>a{background:rgba(255,255,255,.12);color:#fff}
.kf-nav .menu-item-has-children{position:relative}.kf-nav .sub-menu{display:none!important}
.kf-trending-nav{width:100%;background:transparent;border:0}
.kf-trending-inner{min-height:42px;display:flex;align-items:center;gap:22px;background:#f1f1f1;border-bottom:1px solid #e5e5e5;padding:0 18px;overflow:hidden}
.kf-trending-inner strong{font-size:12px;color:var(--kf-accent);white-space:nowrap}
.kf-trending-inner a{font-size:12px;font-weight:700;white-space:nowrap;color:#111}
.home .kf-headline-bar{display:none}
.kf-headline-bar{width:100%;background:#fff;border-bottom:1px solid #eceff3}.kf-headline-inner{display:flex;gap:14px;align-items:center;min-height:43px;overflow:hidden}.kf-headline-label{background:var(--kf-accent);color:#fff;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:900}.kf-headline-track{display:flex;gap:24px;overflow:hidden}.kf-headline-track a{white-space:nowrap;font-size:12px;font-weight:700}

/* Drawer */
.kf-drawer{position:fixed;inset:0;z-index:120;pointer-events:none}.kf-drawer.is-open{pointer-events:auto}.kf-drawer-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.5);opacity:0;transition:.2s}.kf-drawer.is-open .kf-drawer-backdrop{opacity:1}.kf-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(390px,88vw);background:#fff;transform:translateX(-103%);transition:.25s ease;padding:22px;overflow:auto}.kf-drawer.is-open .kf-drawer-panel{transform:translateX(0)}.kf-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:20px;color:var(--kf-primary)}.kf-drawer-close{border:0;background:#eef1f5;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.kf-drawer-search{display:flex;width:100%;margin:0 0 16px}.kf-drawer-menu ul{list-style:none;margin:0;padding:0}.kf-drawer-menu>ul>li{border-bottom:1px solid var(--kf-line)}.kf-drawer-menu a{display:block;padding:11px 0;font-weight:800}.kf-drawer-menu .sub-menu{padding-left:14px}

/* Homepage */
.kf-main{width:100%;padding:0 0 54px}
.kf-homepage-v141>.kf-container{width:var(--kf-shell);max-width:var(--kf-shell-max);margin:0 auto}
.kf-ad{display:grid;place-items:center;color:#a0a5ad;font-size:10px;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.kf-ad img{width:100%;height:auto}
.kf-ad-top{width:min(728px,100%);height:90px;min-height:90px;margin:62px auto 34px;border-radius:0;background:#fafafa;border:1px solid #f4f4f4}
.kf-ad-empty{background:transparent;border-color:transparent}
.kf-ad-feed{min-height:110px;background:#f7f7f7}.kf-ad-300{min-height:250px;background:#f7f7f7}.kf-ad-tall{min-height:600px;background:#f7f7f7}

/* Focus strip: same structural role as the reference campaign strip */
.kf-focus-strip{display:grid;grid-template-columns:180px 170px minmax(0,1fr) 52px;align-items:center;gap:18px;height:148px;padding:14px 18px;margin:0 0 20px;background:linear-gradient(90deg,#1e5e68 0%,#567e78 18%,#eee7d7 34%,#f4efe4 76%,#cb7218 100%);border-radius:13px;color:#fff;overflow:hidden}
.kf-focus-badge{font-size:18px;line-height:1.05;font-weight:900;letter-spacing:.01em}
.kf-focus-thumb{height:116px;border-radius:10px;overflow:hidden;background:#fff;border:2px solid rgba(255,255,255,.75)}
.kf-focus-thumb img,.kf-focus-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}
.kf-focus-copy{min-width:0;padding:0 8px}.kf-focus-copy strong{display:block;font-size:20px;line-height:1.3;color:#182026}.kf-focus-copy span{display:block;margin-top:8px;font-size:12px;color:#6b6257}
.kf-focus-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);color:#fff;font-size:19px}

.kf-quick-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:0 0 34px}
.kf-quick-card{min-width:0}.kf-quick-thumb{display:block;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#eef2f6}.kf-quick-thumb img,.kf-quick-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}.kf-quick-card h3{font-size:14px;line-height:1.34;margin:9px 0 0;font-weight:700;color:#111}

.kf-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.kf-grid-home{grid-template-columns:minmax(0,1fr) 320px}
.kf-content-column{min-width:0}.kf-sidebar{width:320px;min-width:0}
.kf-hero-block{width:100%;margin:0 0 28px;border-radius:10px;overflow:hidden;background:#fff}
.kf-lead{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:10px 10px 0 0}
.kf-lead-media,.kf-lead-media img,.kf-lead-media .kf-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kf-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.88) 100%);pointer-events:none}
.kf-lead-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:#fff}.kf-kicker{display:inline-flex;padding:5px 8px;border-radius:5px;background:var(--kf-accent);color:#fff!important;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.kf-lead h1{font-size:clamp(28px,2vw,38px);line-height:1.13;letter-spacing:-.45px;margin:0 0 8px;max-width:90%;color:#fff}.kf-lead h1 a:hover{color:#fff}.kf-meta{font-size:11px;color:var(--kf-muted)}.kf-lead .kf-meta{color:#e5e7eb}
.kf-hero-related{min-height:92px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,var(--kf-primary-dark),#3194a3);color:#fff}.kf-hero-related>strong{font-size:10px;color:#ffd887;margin-bottom:7px}.kf-hero-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.kf-hero-related-grid a{font-size:13px;line-height:1.4;font-weight:700;color:#fff}

.kf-section{margin-bottom:30px}.kf-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-top:12px;border-top:2px solid var(--kf-primary)}.kf-section-title{font-size:19px;line-height:1.2;margin:0;color:var(--kf-primary);font-weight:900}.kf-section-link,.kf-section-note{font-size:11px;font-weight:700;color:#475467}
.kf-short-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.kf-short-row::-webkit-scrollbar{display:none}.kf-short-card{flex:0 0 calc((100% - 60px)/6);min-width:112px}.kf-short-media{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#eef2f6}.kf-short-media img,.kf-short-media .kf-placeholder{width:100%;height:100%;object-fit:cover}.kf-play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:11px}.kf-short-card h3{font-size:12px;line-height:1.32;margin:7px 0 0}

.kf-news-list{display:flex;flex-direction:column}.kf-news-item{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:22px;align-items:center;min-height:190px;padding:17px 0;border-bottom:1px solid var(--kf-line)}.kf-news-thumb{grid-column:2;grid-row:1;width:100%;height:155px;border-radius:8px;overflow:hidden;background:#eef2f6}.kf-news-thumb img,.kf-news-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}.kf-news-body{grid-column:1;grid-row:1;min-width:0}.kf-news-body .cat{font-size:9px;color:var(--kf-accent);font-weight:900;text-transform:uppercase}.kf-news-body h2,.kf-news-body h3{font-size:clamp(20px,1.35vw,27px);line-height:1.2;letter-spacing:-.25px;margin:6px 0 9px}.home .kf-excerpt{display:none}.kf-excerpt{font-size:13px;color:#475467;margin:0 0 9px}.kf-news-list-compact .kf-news-item{min-height:160px}.kf-news-list-compact .kf-news-thumb{height:135px}.kf-news-list-compact .kf-news-body h2,.kf-news-list-compact .kf-news-body h3{font-size:19px}

/* Sidebar */
.kf-sidebar-sticky{position:sticky;top:58px}.admin-bar .kf-sidebar-sticky{top:90px}.kf-widget{margin-bottom:24px;background:#fff}.kf-widget-title{font-size:18px;color:var(--kf-primary);margin:0 0 12px;padding:12px 0 5px;border-top:2px solid var(--kf-primary);font-weight:900}.kf-popular{counter-reset:kfpopular}.kf-popular-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid var(--kf-line)}.kf-popular-item:before{counter-increment:kfpopular;content:"#" counter(kfpopular);font-size:17px;font-weight:900;color:#a0a5ad}.kf-popular-item h4{font-size:14px;line-height:1.35;margin:0 0 4px}.kf-mini-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:11px;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid var(--kf-line)}.kf-mini-card>a{height:75px;border-radius:7px;overflow:hidden;background:#eef2f6}.kf-mini-card img,.kf-mini-card .kf-placeholder{width:100%;height:100%;object-fit:cover}.kf-mini-card h4{font-size:13px;line-height:1.3;margin:2px 0 5px}.kf-tags{display:flex;flex-wrap:wrap;gap:7px}.kf-tags a{background:#f1f4f4;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}

/* Generic archive/article */
.kf-page-head{padding:24px 0;border-bottom:1px solid var(--kf-line);background:#fbfcfe}.kf-page-head h1{font-size:30px;margin:0}.kf-breadcrumb{font-size:11px;color:var(--kf-muted);margin-bottom:6px}.kf-article{max-width:820px}.kf-article-header{padding:8px 0 18px}.kf-article-header h1{font-size:38px;line-height:1.14;letter-spacing:-.7px;margin:8px 0 10px}.kf-article-subtitle{font-size:17px;color:#475467;margin-bottom:12px}.kf-byline{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#667085}.kf-featured{margin:0 0 14px}.kf-featured img{width:100%;border-radius:10px}.kf-caption{font-size:10px;color:#667085;margin-top:5px}.kf-share{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.kf-share a,.kf-share button{border:1px solid #d8dde5;background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.kf-entry-content{font-size:17px;line-height:1.78}.kf-entry-content p{margin:0 0 1.2em}.kf-entry-content img{border-radius:9px}.kf-entry-content a{color:var(--kf-primary);text-decoration:underline}.kf-author-box{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--kf-line);border-radius:9px;margin:24px 0}.kf-author-box img{border-radius:50%}.kf-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kf-card-thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eef2f6;margin-bottom:8px}.kf-card-thumb img,.kf-card-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}.kf-card .cat{font-size:10px;color:var(--kf-accent);font-weight:800}.kf-card h3{font-size:14px;line-height:1.35;margin:4px 0 5px}.kf-pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.kf-pagination .page-numbers{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--kf-line);border-radius:7px;font-size:12px;font-weight:700}.kf-pagination .current{background:var(--kf-primary);border-color:var(--kf-primary);color:#fff}.kf-empty{padding:30px 0;color:#667085}

/* Footer */
.kf-footer{width:100%;border-top:3px solid var(--kf-primary);background:#f5f6f6;padding:38px 0 20px;margin-top:20px}.kf-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.kf-footer-brand{font-size:34px;font-weight:900;letter-spacing:-1.7px;color:var(--kf-primary)}.kf-footer-brand span{color:var(--kf-accent)}.kf-footer-note{font-size:12px;color:#667085;max-width:330px}.kf-footer h4{font-size:13px;margin:0 0 10px}.kf-footer ul{list-style:none;margin:0;padding:0}.kf-footer li{margin:6px 0}.kf-footer li a{font-size:11px;color:#475467}.kf-copyright{border-top:1px solid #dde1e7;margin-top:28px;padding-top:15px;font-size:10px;color:#667085}

@media(min-width:2100px){:root{--kf-shell:68vw}}
@media(max-width:1180px){
  :root{--kf-shell:calc(100% - 32px)}
  .kf-utility-inner{grid-template-columns:150px minmax(300px,1fr) auto;gap:18px}
  .kf-brand-inner{min-height:135px}.kf-brand .custom-logo{max-width:280px}
  .kf-nav a{font-size:11px;padding:0 8px}
  .kf-focus-strip{grid-template-columns:130px 150px minmax(0,1fr) 44px;height:126px}.kf-focus-thumb{height:98px}.kf-focus-copy strong{font-size:17px}
  .kf-quick-strip{gap:14px}.kf-quick-card h3{font-size:12px}
  .kf-grid-main,.kf-grid-home{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.kf-sidebar{width:280px}
}
@media(max-width:850px){
  :root{--kf-shell:100%;--kf-gutter:12px}
  .kf-container,.kf-utility-inner,.kf-brand-inner,.kf-nav,.kf-trending-inner,.kf-headline-inner,.kf-homepage-v141>.kf-container{width:100%;max-width:none;padding-left:12px;padding-right:12px}
  .kf-utility-inner{height:50px;display:flex;gap:12px}.kf-search{display:none}.kf-utility-link{display:none}
  .kf-brand-inner{min-height:96px;padding-top:0}.kf-brand .custom-logo{max-width:230px;max-height:60px}.kf-brand-date{display:none}
  .kf-nav-wrap{position:static}.admin-bar .kf-nav-wrap{top:auto}.kf-nav{height:38px;padding:0;overflow-x:auto}.kf-nav>ul{height:38px;min-width:max-content}.kf-nav>ul>li{flex:0 0 auto}.kf-nav>ul>li:nth-child(n+10){display:block}.kf-nav a{height:38px;font-size:10px;padding:0 11px}.kf-trending-inner{min-height:36px;padding:0 12px;overflow-x:auto}
  .kf-ad-top{height:72px;min-height:72px;margin:20px auto 18px}
  .kf-focus-strip{grid-template-columns:96px 118px minmax(0,1fr) 34px;height:104px;padding:10px;gap:10px;border-radius:8px}.kf-focus-thumb{height:82px}.kf-focus-badge{font-size:12px}.kf-focus-copy strong{font-size:14px}.kf-focus-copy span{font-size:10px}.kf-focus-arrow{width:30px;height:30px}
  .kf-quick-strip{display:flex;overflow-x:auto;gap:12px;padding-bottom:4px}.kf-quick-card{flex:0 0 180px}.kf-quick-card h3{font-size:12px}
  .kf-grid-main,.kf-grid-home{grid-template-columns:1fr;gap:0}.kf-sidebar{display:none;width:100%}.kf-sidebar-sticky{position:static}
  .kf-lead{aspect-ratio:16/9}.kf-lead-content{padding:20px}.kf-lead h1{font-size:27px;max-width:96%}.kf-hero-related{min-height:80px}.kf-hero-related-grid a{font-size:11px}
  .kf-short-card{flex:0 0 145px}
  .kf-news-item{grid-template-columns:minmax(0,1fr) 180px;gap:16px;min-height:130px;padding:14px 0}.kf-news-thumb{width:180px;height:112px}.kf-news-body h2,.kf-news-body h3{font-size:19px;line-height:1.24}
  .kf-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .kf-container,.kf-utility-inner,.kf-brand-inner,.kf-nav,.kf-trending-inner,.kf-headline-inner,.kf-homepage-v141>.kf-container{padding-left:8px;padding-right:8px}
  .kf-focus-strip{grid-template-columns:82px minmax(0,1fr) 30px;height:auto;min-height:82px}.kf-focus-thumb{display:none}.kf-focus-copy strong{font-size:13px}.kf-focus-arrow{width:28px;height:28px}
  .kf-quick-card{flex-basis:42vw;min-width:145px}
  .kf-lead-content{padding:15px}.kf-lead h1{font-size:23px}.kf-hero-related{padding:11px}.kf-hero-related-grid{gap:10px}
  .kf-short-card{flex-basis:40vw;min-width:122px}
  .kf-news-item{grid-template-columns:minmax(0,1fr) 120px;gap:12px;min-height:96px;padding:12px 0}.kf-news-thumb{width:120px;height:85px}.kf-news-body h2,.kf-news-body h3{font-size:17px;line-height:1.24;margin:3px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kf-news-body .cat{font-size:8px}.kf-meta{font-size:9px}
  .kf-related{grid-template-columns:1fr 1fr}.kf-footer-grid{grid-template-columns:1fr}.kf-article-header h1{font-size:29px}.kf-entry-content{font-size:16px}
}


/* ============================================================
   v1.4.2 TWO LEVEL HEADER
   Level 1 = utility header full width.
   Level 2 = compact sticky KabarFaktual logo + category navigation.
   Separate large brand row is intentionally removed from header.php.
   ============================================================ */
:root{
  --kf-header-teal:#237786;
  --kf-header-orange:#cc6d11;
}
.kf-utility-v142{
  width:100%;
  background:#fff;
  border-top:0;
  border-bottom:1px solid #e7e9ed;
  box-shadow:none;
}
.kf-utility-v142 .kf-utility-inner{
  height:58px;
  display:grid;
  grid-template-columns:180px minmax(360px,1fr) 220px;
  gap:28px;
  align-items:center;
}
.kf-utility-v142 .kf-menu-toggle{justify-self:start;}
.kf-utility-v142 .kf-menu-toggle .bars{
  background:var(--kf-header-teal);
  color:#fff;
}
.kf-utility-v142 .kf-search{
  width:min(520px,100%);
  justify-self:center;
  border:1px solid #dfe3e8;
  background:#fff;
}
.kf-utility-v142 .kf-search button{background:var(--kf-header-teal);}
.kf-utility-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  white-space:nowrap;
}
.kf-utility-v142 .kf-utility-link{font-size:13px;color:#263238;font-weight:700;}
.kf-utility-v142 .kf-utility-pill{
  margin-left:0;
  border-color:var(--kf-header-teal);
  color:var(--kf-header-teal);
  padding:7px 15px;
}

.kf-mainnav-v142{
  position:sticky;
  top:0;
  z-index:90;
  width:100%;
  background:#fff;
  border-top:2px solid var(--kf-header-teal);
  border-bottom:1px solid #e7e9ed;
  box-shadow:0 6px 14px rgba(16,24,40,.055);
}
.admin-bar .kf-mainnav-v142{top:32px;}
.kf-mainnav-inner-v142{
  height:58px;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.kf-nav-brand-v142{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:100%;
}
.kf-nav-brand-v142 .custom-logo-link{
  display:flex;
  align-items:center;
  height:100%;
}
.kf-nav-brand-v142 .custom-logo{
  width:auto!important;
  height:auto!important;
  max-width:160px!important;
  max-height:42px!important;
  object-fit:contain;
}
.kf-nav-textlogo-v142{
  display:block;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1.1px;
  color:var(--kf-header-teal);
  white-space:nowrap;
}
.kf-nav-textlogo-v142 span{color:var(--kf-header-orange);}
.kf-nav-menu-v142{
  min-width:0;
  height:100%;
  overflow:hidden;
}
.kf-nav-menu-v142>ul{
  list-style:none;
  margin:0;
  padding:0;
  height:100%;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  overflow:hidden;
}
.kf-nav-menu-v142>ul>li{
  flex:0 0 auto;
  display:flex;
  align-items:stretch;
}
.kf-nav-menu-v142>ul>li:nth-child(n+10){display:none;}
.kf-nav-menu-v142 a{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 13px;
  color:#17191c;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  border-bottom:3px solid transparent;
}
.kf-nav-menu-v142 a:hover,
.kf-nav-menu-v142 .current-menu-item>a,
.kf-nav-menu-v142 .current-menu-parent>a{
  color:var(--kf-header-teal);
  border-bottom-color:var(--kf-header-orange);
}
.kf-nav-menu-v142 .sub-menu{display:none!important;}

/* Legacy large logo/nav blocks are not rendered in v1.4.2, but neutralize
   their spacing if a plugin/cache injects old markup. */
.kf-brand-row{display:none!important;}
.kf-nav-wrap{display:none!important;}

.kf-trending-nav{border-bottom:1px solid #e7e9ed;}
.kf-trending-inner{min-height:38px;}

@media(max-width:1100px){
  .kf-utility-v142 .kf-utility-inner{grid-template-columns:150px minmax(280px,1fr) 190px;gap:18px;}
  .kf-mainnav-inner-v142{grid-template-columns:155px minmax(0,1fr);gap:10px;}
  .kf-nav-brand-v142 .custom-logo{max-width:140px!important;max-height:38px!important;}
  .kf-nav-menu-v142 a{font-size:11px;padding:0 9px;}
}
@media(max-width:850px){
  .kf-utility-v142 .kf-utility-inner{
    height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .kf-utility-v142 .kf-search{display:none;}
  .kf-utility-actions{margin-left:auto;}
  .kf-utility-v142 .kf-utility-link:not(.kf-utility-pill){display:none;}
  .kf-utility-v142 .kf-utility-pill{font-size:11px;padding:6px 11px;}
  .kf-mainnav-v142{position:sticky;top:0;}
  .admin-bar .kf-mainnav-v142{top:46px;}
  .kf-mainnav-inner-v142{
    height:50px;
    grid-template-columns:132px minmax(0,1fr);
    gap:6px;
    padding-left:10px!important;
    padding-right:0!important;
  }
  .kf-nav-brand-v142 .custom-logo{max-width:120px!important;max-height:34px!important;}
  .kf-nav-menu-v142{overflow-x:auto;scrollbar-width:none;}
  .kf-nav-menu-v142::-webkit-scrollbar{display:none;}
  .kf-nav-menu-v142>ul{width:max-content;overflow:visible;}
  .kf-nav-menu-v142>ul>li:nth-child(n+10){display:flex;}
  .kf-nav-menu-v142 a{font-size:10px;padding:0 10px;}
}
@media(max-width:600px){
  .kf-menu-toggle span:last-child{display:none;}
  .kf-utility-v142 .kf-menu-toggle .bars{width:31px;height:31px;}
  .kf-mainnav-inner-v142{grid-template-columns:116px minmax(0,1fr);}
  .kf-nav-brand-v142 .custom-logo{max-width:106px!important;max-height:32px!important;}
}


/* v1.4.3 — batasi judul kartu berita cepat maksimal 3 baris */
.kf-quick-card h3,
.kf-quick-card h3 a{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.kf-quick-card h3{
  line-height:1.32;
  min-height:calc(1.32em * 3);
  max-height:calc(1.32em * 3);
}


/* ============================================================
   v1.4.4 NEWS FEED + AD RAILS
   - News Feed bergantian: teks kiri/gambar kanan lalu gambar kiri/teks kanan
   - Optional skyscraper ads di sisi kiri/kanan layar lebar
   - Sidebar komersial/editorial tetap di kanan kolom utama
   ============================================================ */
.kf-news-list .kf-news-item:nth-child(even) .kf-news-thumb{
  grid-column:1;
}
.kf-news-list .kf-news-item:nth-child(even) .kf-news-body{
  grid-column:2;
}
.kf-news-list .kf-news-item:nth-child(odd) .kf-news-thumb{
  grid-column:2;
}
.kf-news-list .kf-news-item:nth-child(odd) .kf-news-body{
  grid-column:1;
}
.kf-news-list .kf-news-item:nth-child(even){
  grid-template-columns:minmax(0,58%) minmax(0,42%);
}
.kf-news-list .kf-news-item:nth-child(odd){
  grid-template-columns:minmax(0,42%) minmax(0,58%);
}
.kf-news-item .kf-news-body h2,
.kf-news-item .kf-news-body h3{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-home-ad-rail{
  display:none;
  position:fixed;
  top:150px;
  width:160px;
  z-index:20;
}
.kf-home-ad-rail-left{left:18px;}
.kf-home-ad-rail-right{right:18px;}
.kf-home-ad-rail .widget,
.kf-home-ad-rail .kf-widget{margin:0;background:transparent;}
.kf-home-ad-rail img{display:block;width:160px;height:auto;max-height:600px;object-fit:cover;}
.kf-home-ad-rail iframe{max-width:160px;}
@media(min-width:1500px){
  body.kf-has-left-rail .kf-home-ad-rail-left,
  body.kf-has-right-rail .kf-home-ad-rail-right{display:block;}
}
@media(max-width:850px){
  .kf-news-list .kf-news-item:nth-child(even),
  .kf-news-list .kf-news-item:nth-child(odd){grid-template-columns:minmax(0,1fr) 180px;}
  .kf-news-list .kf-news-item:nth-child(even) .kf-news-thumb,
  .kf-news-list .kf-news-item:nth-child(odd) .kf-news-thumb{grid-column:2;}
  .kf-news-list .kf-news-item:nth-child(even) .kf-news-body,
  .kf-news-list .kf-news-item:nth-child(odd) .kf-news-body{grid-column:1;}
}
@media(max-width:600px){
  .kf-news-list .kf-news-item:nth-child(even),
  .kf-news-list .kf-news-item:nth-child(odd){grid-template-columns:minmax(0,1fr) 120px;}
}


/* ============================================================
   v1.4.6 — ASYMMETRIC TWO-CARD NEWS FEED
   Meniru proporsi referensi:
   Card 1: teks kiri ±38%, gap 5%, gambar kanan ±57% (16:9)
   Card 2: gambar kiri ±31%, gap 5%, teks kanan ±64% (4:3)
   ============================================================ */
@media (min-width:851px){
  .kf-feed-detikhorizontal .kf-news-list{
    width:100%;
  }

  .kf-feed-detikhorizontal .kf-news-item{
    width:100%;
    align-items:center;
    border-bottom:1px solid var(--kf-line);
  }

  /* Kartu pertama: headline kiri, gambar besar kanan. */
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1){
    grid-template-columns:minmax(0,38fr) minmax(0,57fr)!important;
    column-gap:5%!important;
    min-height:0!important;
    padding:22px 0 38px!important;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1) .kf-news-body{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1) .kf-news-thumb{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9;
    border-radius:7px;
  }

  /* Kartu kedua: gambar lebih kecil di kiri, headline lebar di kanan. */
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2){
    grid-template-columns:minmax(0,31fr) minmax(0,64fr)!important;
    column-gap:5%!important;
    min-height:0!important;
    padding:38px 0!important;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2) .kf-news-thumb{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3;
    border-radius:7px;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2) .kf-news-body{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center;
  }

  .kf-feed-detikhorizontal .kf-news-item .kf-news-body h2,
  .kf-feed-detikhorizontal .kf-news-item .kf-news-body h3{
    font-size:clamp(22px,1.55vw,28px);
    line-height:1.22;
    margin:7px 0 12px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .kf-feed-detikhorizontal .kf-news-item .kf-meta{
    font-size:13px;
  }
}

/* Tablet / HP: kembali ringkas dan konsisten, tidak memaksa rasio desktop. */
@media (max-width:850px){
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1),
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2){
    grid-template-columns:minmax(0,1fr) 180px!important;
    gap:16px!important;
    min-height:130px!important;
    padding:14px 0!important;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1) .kf-news-thumb,
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2) .kf-news-thumb{
    grid-column:2!important;
    grid-row:1!important;
    width:180px!important;
    height:112px!important;
    aspect-ratio:auto!important;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1) .kf-news-body,
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2) .kf-news-body{
    grid-column:1!important;
    grid-row:1!important;
  }
}
@media (max-width:600px){
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1),
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2){
    grid-template-columns:minmax(0,1fr) 120px!important;
    gap:12px!important;
    min-height:96px!important;
    padding:12px 0!important;
  }
  .kf-feed-detikhorizontal .kf-news-item:nth-child(1) .kf-news-thumb,
  .kf-feed-detikhorizontal .kf-news-item:nth-child(2) .kf-news-thumb{
    width:120px!important;
    height:85px!important;
  }
}


/* ============================================================
   v1.4.7 FORCE FEED FIX
   Bugfix penting:
   - selector sekarang menempel langsung ke ID section News Feed
   - maksimal dua kartu dipaksa di layer CSS
   - kartu 1 dan 2 memiliki komposisi berbeda seperti referensi
   ============================================================ */
@media (min-width:851px){
  #kf-news-feed-precision .kf-news-list{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #kf-news-feed-precision .kf-news-item:nth-child(n+3){display:none!important;}

  #kf-news-feed-precision .kf-news-item:nth-child(1){
    display:grid!important;
    grid-template-columns:36% 57%!important;
    column-gap:7%!important;
    align-items:center!important;
    min-height:0!important;
    padding:24px 0 40px!important;
  }
  #kf-news-feed-precision .kf-news-item:nth-child(1) .kf-news-body{
    grid-column:1!important;grid-row:1!important;align-self:center!important;
  }
  #kf-news-feed-precision .kf-news-item:nth-child(1) .kf-news-thumb{
    grid-column:2!important;grid-row:1!important;
    width:100%!important;height:auto!important;aspect-ratio:16/9!important;
    border-radius:7px!important;overflow:hidden!important;
  }

  #kf-news-feed-precision .kf-news-item:nth-child(2){
    display:grid!important;
    grid-template-columns:30% 64%!important;
    column-gap:6%!important;
    align-items:center!important;
    min-height:0!important;
    padding:40px 0!important;
  }
  #kf-news-feed-precision .kf-news-item:nth-child(2) .kf-news-thumb{
    grid-column:1!important;grid-row:1!important;
    width:100%!important;height:auto!important;aspect-ratio:4/3!important;
    border-radius:7px!important;overflow:hidden!important;
  }
  #kf-news-feed-precision .kf-news-item:nth-child(2) .kf-news-body{
    grid-column:2!important;grid-row:1!important;align-self:center!important;
  }

  #kf-news-feed-precision .kf-news-thumb img,
  #kf-news-feed-precision .kf-news-thumb .kf-placeholder{
    width:100%!important;height:100%!important;object-fit:cover!important;
  }
  #kf-news-feed-precision .kf-news-body h2,
  #kf-news-feed-precision .kf-news-body h3{
    font-size:clamp(22px,1.55vw,28px)!important;
    line-height:1.22!important;
    margin:7px 0 12px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  #kf-news-feed-precision .kf-meta{font-size:13px!important;}
}
@media (max-width:850px){
  #kf-news-feed-precision .kf-news-item:nth-child(n+3){display:none!important;}
}


/* ============================================================
   v1.4.8 — REKOMENDASI UNTUK ANDA
   Diletakkan tepat di bawah News Feed. 6 kartu, 3 kolom x 2 baris.
   ============================================================ */
.kf-recommendations{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--kf-line);
}
.kf-recommendations .kf-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.kf-recommendations .kf-section-title{
  margin:0;
  color:var(--kf-primary);
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}
.kf-recommendations .kf-section-link{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  color:#111827;
}
.kf-reco-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px 28px;
}
.kf-reco-card{min-width:0;}
.kf-reco-thumb{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:7px;
  background:#eef2f6;
}
.kf-reco-thumb img,
.kf-reco-thumb .kf-placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kf-reco-cat{
  display:inline-block;
  margin-top:10px;
  color:var(--kf-accent);
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}
.kf-reco-card h3{
  margin:7px 0 0;
  font-size:18px;
  line-height:1.34;
  font-weight:700;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
@media(max-width:850px){
  .kf-reco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;}
  .kf-recommendations .kf-section-title{font-size:21px;}
  .kf-reco-card h3{font-size:16px;}
}
@media(max-width:520px){
  .kf-recommendations{margin-top:24px;padding-top:14px;}
  .kf-reco-grid{grid-template-columns:1fr 1fr;gap:18px 12px;}
  .kf-recommendations .kf-section-title{font-size:19px;}
  .kf-recommendations .kf-section-link{font-size:12px;}
  .kf-reco-cat{font-size:10px;margin-top:8px;}
  .kf-reco-card h3{font-size:14px;line-height:1.32;}
}


/* ============================================================
   v1.4.9 — DYNAMIC / SHRINKING STICKY HEADER
   Mode atas:
   - utility header tampil
   - logo besar berdiri sendiri
   - primary nav tanpa logo kecil
   - trending tampil
   Mode scroll:
   - utility + logo besar + trending ikut ter-scroll keluar
   - primary nav menempel di atas
   - logo kecil muncul di kiri primary nav
   ============================================================ */
.kf-expanded-brand-v149{
  width:100%;
  background:#fff;
}
.kf-expanded-brand-inner-v149{
  min-height:148px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-top:14px;
  padding-bottom:14px;
}
.kf-expanded-brand-link-v149{
  display:inline-flex;
  align-items:center;
  max-width:100%;
}
.kf-expanded-brand-img-v149{
  width:auto!important;
  height:auto!important;
  max-width:330px!important;
  max-height:82px!important;
  object-fit:contain;
}
.kf-expanded-textlogo-v149{
  display:block;
  font-size:52px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2.2px;
  color:var(--kf-header-teal);
  white-space:nowrap;
}
.kf-expanded-textlogo-v149 span{color:var(--kf-header-orange);}
.kf-sticky-sentinel-v149{height:1px;width:100%;pointer-events:none;}

/* Nav selalu sticky, tetapi logo kecil baru terlihat saat nav benar-benar menempel. */
.kf-mainnav-v142{
  position:sticky!important;
  top:0!important;
  transition:box-shadow .18s ease,border-color .18s ease;
}
.admin-bar .kf-mainnav-v142{top:32px!important;}
body:not(.kf-nav-stuck) .kf-mainnav-inner-v142{
  grid-template-columns:0 minmax(0,1fr)!important;
  gap:0!important;
}
body:not(.kf-nav-stuck) .kf-nav-brand-v142{
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  transform:translateX(-10px);
  pointer-events:none;
}
body.kf-nav-stuck .kf-mainnav-inner-v142{
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:18px!important;
}
body.kf-nav-stuck .kf-nav-brand-v142{
  width:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none;
  pointer-events:auto;
  transition:opacity .16s ease,transform .16s ease;
}
body.kf-nav-stuck .kf-mainnav-v142{
  box-shadow:0 6px 16px rgba(16,24,40,.09)!important;
}

/* Saat belum sticky, menu memakai seluruh lebar shell seperti mode expanded Detik. */
body:not(.kf-nav-stuck) .kf-nav-menu-v142{width:100%!important;}

/* Jika billboard belum diisi, jangan sisakan ruang kosong besar. */
.kf-ad-top.kf-ad-empty{
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:28px auto 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
/* Jika billboard terisi, ruang tetap proporsional. */
.kf-ad-top:not(.kf-ad-empty){margin-top:36px!important;margin-bottom:28px!important;}

@media(max-width:1100px){
  .kf-expanded-brand-inner-v149{min-height:126px;}
  .kf-expanded-brand-img-v149{max-width:285px!important;max-height:72px!important;}
  body.kf-nav-stuck .kf-mainnav-inner-v142{grid-template-columns:155px minmax(0,1fr)!important;gap:10px!important;}
}
@media(max-width:850px){
  .kf-expanded-brand-inner-v149{min-height:92px;padding-top:10px;padding-bottom:10px;}
  .kf-expanded-brand-img-v149{max-width:220px!important;max-height:58px!important;}
  .kf-expanded-textlogo-v149{font-size:34px;}
  .admin-bar .kf-mainnav-v142{top:46px!important;}
  body:not(.kf-nav-stuck) .kf-mainnav-inner-v142{
    grid-template-columns:0 minmax(0,1fr)!important;
    padding-left:10px!important;
    padding-right:0!important;
  }
  body.kf-nav-stuck .kf-mainnav-inner-v142{
    grid-template-columns:132px minmax(0,1fr)!important;
    gap:6px!important;
    padding-left:10px!important;
    padding-right:0!important;
  }
  .kf-ad-top.kf-ad-empty{margin:18px auto 16px!important;}
}
@media(max-width:600px){
  .kf-expanded-brand-inner-v149{min-height:82px;}
  .kf-expanded-brand-img-v149{max-width:195px!important;max-height:52px!important;}
  body.kf-nav-stuck .kf-mainnav-inner-v142{grid-template-columns:116px minmax(0,1fr)!important;}
}


/* ============================================================
   v1.5.0 COLORED MENU — beri warna pada kotak/menu kategori utama
   ============================================================ */
.kf-mainnav-v142{
  background:linear-gradient(90deg,var(--kf-header-teal),#2f8794)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.kf-mainnav-inner-v142{
  background:transparent!important;
}
.kf-nav-menu-v142 a{
  color:#fff!important;
  border-bottom:3px solid transparent!important;
}
.kf-nav-menu-v142 a:hover,
.kf-nav-menu-v142 .current-menu-item>a,
.kf-nav-menu-v142 .current-menu-parent>a{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-bottom-color:var(--kf-header-orange)!important;
}
/* Logo kecil tetap terbaca saat header sticky. */
.kf-nav-brand-v142{
  background:rgba(255,255,255,.97)!important;
  border-radius:8px!important;
  padding:3px 8px!important;
}
body:not(.kf-nav-stuck) .kf-nav-brand-v142{
  padding:0!important;
  background:transparent!important;
}
/* Sedikit rounding pada bar menu agar tampil sebagai kotak berwarna. */
@media(min-width:851px){
  .kf-mainnav-v142{border-radius:0 0 6px 6px!important;}
}


/* ============================================================
   v1.5.1 CARD IMAGE ZOOM
   Semua thumbnail/kartu berita mendapat efek zoom halus saat
   cursor berada di atas gambar. Logo, iklan, dan gambar artikel
   tidak ikut diubah.
   ============================================================ */
.kf-focus-thumb,
.kf-quick-thumb,
.kf-lead-media,
.kf-short-media,
.kf-news-thumb,
.kf-reco-thumb,
.kf-card-thumb,
.kf-mini-card > a,
.kf-related .kf-card-thumb {
  overflow: hidden !important;
}

.kf-focus-thumb img,
.kf-quick-thumb img,
.kf-lead-media img,
.kf-short-media img,
.kf-news-thumb img,
.kf-reco-thumb img,
.kf-card-thumb img,
.kf-mini-card > a img,
.kf-related .kf-card-thumb img {
  transform: scale(1);
  transition: transform .38s cubic-bezier(.2,.65,.3,1);
  will-change: transform;
}

.kf-focus-thumb:hover img,
.kf-quick-thumb:hover img,
.kf-lead-media:hover img,
.kf-short-media:hover img,
.kf-news-thumb:hover img,
.kf-reco-thumb:hover img,
.kf-card-thumb:hover img,
.kf-mini-card > a:hover img,
.kf-related .kf-card-thumb:hover img {
  transform: scale(1.07);
}

@media (prefers-reduced-motion: reduce) {
  .kf-focus-thumb img,
  .kf-quick-thumb img,
  .kf-lead-media img,
  .kf-short-media img,
  .kf-news-thumb img,
  .kf-reco-thumb img,
  .kf-card-thumb img,
  .kf-mini-card > a img,
  .kf-related .kf-card-thumb img {
    transition: none !important;
  }
}


/* ============================================================
   v1.5.2 — 5 BERITA TERBARU DI BAWAH REKOMENDASI
   Susunan vertikal ala portal berita: gambar kiri, judul kanan.
   ============================================================ */
.kf-latest-five{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--kf-line);
}
.kf-latest-five .kf-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.kf-latest-five .kf-section-title{
  margin:0;
  color:var(--kf-primary);
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}
.kf-latest-five .kf-section-link{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  color:#111827;
}
.kf-latest-five-list{display:flex;flex-direction:column;}
.kf-latest-five-item{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:28px;
  align-items:center;
  min-height:190px;
  padding:20px 0;
  border-bottom:1px solid var(--kf-line);
}
.kf-latest-five-thumb{
  display:block;
  width:270px;
  aspect-ratio:4/3;
  border-radius:8px;
  overflow:hidden;
  background:#eef2f6;
}
.kf-latest-five-thumb img,
.kf-latest-five-thumb .kf-placeholder{
  width:100%;height:100%;object-fit:cover;
}
.kf-latest-five-body{min-width:0;}
.kf-latest-five-cat{
  display:inline-block;
  margin-bottom:7px;
  color:var(--kf-accent);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
}
.kf-latest-five-item h3{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.28;
  font-weight:700;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.kf-latest-five-time{font-size:13px;color:var(--kf-muted);}

/* Ikut efek zoom kartu global v1.5.1 */
.kf-latest-five-thumb{overflow:hidden!important;}
.kf-latest-five-thumb img{
  transform:scale(1);
  transition:transform .38s cubic-bezier(.2,.65,.3,1);
  will-change:transform;
}
.kf-latest-five-thumb:hover img{transform:scale(1.07);}

@media(max-width:1100px){
  .kf-latest-five-item{grid-template-columns:230px minmax(0,1fr);gap:22px;min-height:170px;}
  .kf-latest-five-thumb{width:230px;}
  .kf-latest-five-item h3{font-size:21px;}
}
@media(max-width:850px){
  .kf-latest-five{margin-top:26px;padding-top:14px;}
  .kf-latest-five .kf-section-title{font-size:21px;}
  .kf-latest-five-item{grid-template-columns:170px minmax(0,1fr);gap:16px;min-height:130px;padding:14px 0;}
  .kf-latest-five-thumb{width:170px;}
  .kf-latest-five-item h3{font-size:18px;margin-bottom:8px;}
}
@media(max-width:560px){
  .kf-latest-five .kf-section-title{font-size:19px;}
  .kf-latest-five .kf-section-link{font-size:12px;}
  .kf-latest-five-item{grid-template-columns:120px minmax(0,1fr);gap:12px;min-height:96px;padding:12px 0;}
  .kf-latest-five-thumb{width:120px;aspect-ratio:120/85;}
  .kf-latest-five-cat{font-size:9px;margin-bottom:4px;}
  .kf-latest-five-item h3{font-size:16px;line-height:1.25;margin-bottom:6px;}
  .kf-latest-five-time{font-size:10px;}
}
@media (prefers-reduced-motion: reduce){
  .kf-latest-five-thumb img{transition:none!important;}
}


/* ============================================================
   v1.5.4 — TEKNOLOGI CAROUSEL 4 KARTU
   - tanpa garis atas
   - 4 kartu terlihat di desktop
   - badge jumlah berita dihapus
   - nomor kartu dihapus
   - judul lebih besar dan tidak bold
   ============================================================ */
.kf-tech-carousel{
  margin-top:34px;
  padding-top:0;
  border-top:0;
}
.kf-tech-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;}
.kf-tech-head .kf-section-title{margin:0;color:var(--kf-primary);font-size:26px;line-height:1.2;font-weight:800;}
.kf-tech-slider{
  --kf-tech-visible:4;
  --kf-tech-gap:28px;
  position:relative;
}
.kf-tech-viewport{overflow:hidden;width:100%;}
.kf-tech-track{
  display:flex;
  gap:var(--kf-tech-gap);
  width:100%;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.kf-tech-card,
.kf-tech-viewport .kf-tech-card{
  flex:0 0 calc((100% - (3 * var(--kf-tech-gap))) / 4);
  width:calc((100% - (3 * var(--kf-tech-gap))) / 4);
  min-width:0;
}
.kf-tech-link{
  position:relative;
  display:block;
  aspect-ratio:4/5;
  min-height:340px;
  border-radius:14px;
  overflow:hidden;
  background:#e9eef1;
  isolation:isolate;
}
.kf-tech-media,.kf-tech-media img,.kf-tech-media .kf-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.kf-tech-media img{transform:scale(1);transition:transform .42s cubic-bezier(.2,.65,.3,1);will-change:transform;}
.kf-tech-link:hover .kf-tech-media img{transform:scale(1.07);}
.kf-tech-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(0,0,0,.80) 100%);}
.kf-tech-copy{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;color:#fff;}
.kf-tech-cat{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#e6fbfd;}
.kf-tech-card h3{
  margin:0;
  color:#fff;
  font-size:19px;
  line-height:1.28;
  font-weight:400;
  letter-spacing:-.15px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.kf-tech-arrow{
  position:absolute;z-index:5;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border:0;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.94);
  color:#344054;box-shadow:0 4px 18px rgba(16,24,40,.18);
  font-size:30px;line-height:1;cursor:pointer;
}
.kf-tech-prev{left:-18px}.kf-tech-next{right:-18px}
.kf-tech-arrow:disabled{opacity:.28;cursor:default;}
@media(max-width:1100px){
  .kf-tech-slider{--kf-tech-visible:3;--kf-tech-gap:22px;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:calc((100% - (2 * var(--kf-tech-gap))) / 3);width:calc((100% - (2 * var(--kf-tech-gap))) / 3);}
  .kf-tech-link{min-height:320px;}
  .kf-tech-card h3{font-size:18px;}
}
@media(max-width:850px){
  .kf-tech-carousel{margin-top:26px;padding-top:0;}
  .kf-tech-head .kf-section-title{font-size:23px;}
  .kf-tech-slider{--kf-tech-visible:2;--kf-tech-gap:18px;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:calc((100% - var(--kf-tech-gap)) / 2);width:calc((100% - var(--kf-tech-gap)) / 2);}
  .kf-tech-link{min-height:300px;}
  .kf-tech-arrow{width:38px;height:38px;font-size:25px;}
  .kf-tech-prev{left:-8px}.kf-tech-next{right:-8px}
}
@media(max-width:560px){
  .kf-tech-head .kf-section-title{font-size:21px;}
  .kf-tech-slider{--kf-tech-visible:1.35;--kf-tech-gap:14px;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:74%;width:74%;}
  .kf-tech-link{min-height:320px;}
  .kf-tech-copy{left:14px;right:14px;bottom:14px;}
  .kf-tech-card h3{font-size:18px;}
  .kf-tech-arrow{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .kf-tech-track,.kf-tech-media img{transition:none!important;}
}


/* v1.5.5 — Teknologi: jarak antar kartu lebih jelas, tipografi lebih proporsional, autoplay lebih cepat. */
.kf-tech-track{column-gap:28px!important;gap:28px!important;}
.kf-tech-card,.kf-tech-viewport .kf-tech-card{
  flex:0 0 calc((100% - 84px)/4)!important;
  width:calc((100% - 84px)/4)!important;
}
.kf-tech-link{border-radius:14px!important;}
.kf-tech-card h3{
  font-size:19px!important;
  line-height:1.28!important;
  font-weight:400!important;
  -webkit-line-clamp:3;
}
@media(max-width:1100px){
  .kf-tech-track{column-gap:22px!important;gap:22px!important;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:calc((100% - 44px)/3)!important;width:calc((100% - 44px)/3)!important;}
  .kf-tech-card h3{font-size:18px!important;}
}
@media(max-width:850px){
  .kf-tech-track{column-gap:18px!important;gap:18px!important;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:calc((100% - 18px)/2)!important;width:calc((100% - 18px)/2)!important;}
}
@media(max-width:560px){
  .kf-tech-track{column-gap:14px!important;gap:14px!important;}
  .kf-tech-card,.kf-tech-viewport .kf-tech-card{flex-basis:74%!important;width:74%!important;}
  .kf-tech-card h3{font-size:18px!important;}
}


/* ============================================================
   v1.5.6 — TEKNOLOGI CARDS REFERENCE
   Kartu individual seperti referensi: terpisah jelas, tinggi vertikal,
   4 terlihat di desktop, overlay bawah, tanpa badge hitungan/nomor.
   ============================================================ */
.kf-tech-ref-section{
  margin-top:34px!important;
  padding-top:0!important;
  border-top:0!important;
}
.kf-tech-ref-section::before,
.kf-tech-ref-section .kf-section-head::before,
.kf-tech-ref-section .kf-section-head::after{display:none!important;content:none!important;}
.kf-tech-ref-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
}
.kf-tech-ref-head .kf-section-title{
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--kf-primary)!important;
  font-size:27px!important;
  line-height:1.1!important;
  font-weight:800!important;
}
.kf-tech-ref-slider{
  --kf-tech-ref-visible:4;
  --kf-tech-ref-gap:20px;
  position:relative!important;
  width:100%!important;
}
.kf-tech-ref-viewport{
  width:100%!important;
  overflow:hidden!important;
  padding:0!important;
}
.kf-tech-ref-track{
  display:flex!important;
  align-items:stretch!important;
  gap:var(--kf-tech-ref-gap)!important;
  column-gap:var(--kf-tech-ref-gap)!important;
  width:max-content!important;
  min-width:100%!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.kf-tech-ref-card{
  flex:0 0 calc((100cqw - (3 * var(--kf-tech-ref-gap))) / 4)!important;
  width:calc((100cqw - (3 * var(--kf-tech-ref-gap))) / 4)!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.kf-tech-ref-viewport{container-type:inline-size;}
.kf-tech-ref-link{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:3/4!important;
  min-height:315px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#d9dee2!important;
  isolation:isolate!important;
}
.kf-tech-ref-media,
.kf-tech-ref-media img,
.kf-tech-ref-media .kf-placeholder{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.kf-tech-ref-media img{
  transform:scale(1)!important;
  transition:transform .36s ease!important;
}
.kf-tech-ref-link:hover .kf-tech-ref-media img{transform:scale(1.065)!important;}
.kf-tech-ref-shade{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.00) 38%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.88) 100%)!important;
  pointer-events:none!important;
}
.kf-tech-ref-copy{
  position:absolute!important;
  z-index:2!important;
  left:14px!important;
  right:14px!important;
  bottom:16px!important;
  color:#fff!important;
}
.kf-tech-ref-cat{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
.kf-tech-ref-card h3{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.24!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.kf-tech-ref-arrow{
  position:absolute!important;
  z-index:5!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  color:#475467!important;
  box-shadow:0 4px 16px rgba(16,24,40,.18)!important;
  display:grid!important;
  place-items:center!important;
  font-size:30px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.kf-tech-ref-prev{left:-18px!important;}
.kf-tech-ref-next{right:-18px!important;}
.kf-tech-ref-arrow:disabled{opacity:.3!important;cursor:default!important;}
@media(max-width:1100px){
  .kf-tech-ref-slider{--kf-tech-ref-visible:3;--kf-tech-ref-gap:18px;}
  .kf-tech-ref-card{flex-basis:calc((100cqw - 36px)/3)!important;width:calc((100cqw - 36px)/3)!important;}
  .kf-tech-ref-link{min-height:300px!important;}
}
@media(max-width:850px){
  .kf-tech-ref-slider{--kf-tech-ref-visible:2;--kf-tech-ref-gap:16px;}
  .kf-tech-ref-card{flex-basis:calc((100cqw - 16px)/2)!important;width:calc((100cqw - 16px)/2)!important;}
  .kf-tech-ref-link{min-height:280px!important;}
  .kf-tech-ref-arrow{width:38px!important;height:38px!important;font-size:24px!important;}
  .kf-tech-ref-prev{left:-8px!important}.kf-tech-ref-next{right:-8px!important}
}
@media(max-width:560px){
  .kf-tech-ref-slider{--kf-tech-ref-visible:1.45;--kf-tech-ref-gap:14px;}
  .kf-tech-ref-card{flex:0 0 69cqw!important;width:69cqw!important;}
  .kf-tech-ref-link{min-height:300px!important;}
  .kf-tech-ref-card h3{font-size:17px!important;}
  .kf-tech-ref-arrow{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .kf-tech-ref-track,.kf-tech-ref-media img{transition:none!important;}
}

/* ============================================================
   v1.5.7 — BERITA TERBARU SETELAH TEKNOLOGI
   Default 15 item, jumlah dapat diubah 0–30 dari Customizer.
   ============================================================ */
.kf-latest-after-tech{
  margin-top:34px!important;
  padding-top:0!important;
  border-top:0!important;
}
.kf-latest-after-tech .kf-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 14px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--kf-line)!important;
}
.kf-latest-after-tech .kf-section-title{
  margin:0!important;
  color:var(--kf-primary)!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.kf-latest-after-tech .kf-section-link{
  flex:0 0 auto!important;
  font-size:12px!important;
  font-weight:700!important;
}
.kf-latest-after-tech-list{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
}
.kf-latest-after-tech-item{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  min-height:168px!important;
  padding:16px 0!important;
  border-bottom:1px solid var(--kf-line)!important;
}
.kf-latest-after-tech-thumb{
  display:block!important;
  width:240px!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#eef2f6!important;
}
.kf-latest-after-tech-thumb img,
.kf-latest-after-tech-thumb .kf-placeholder{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.kf-latest-after-tech-thumb img{
  transform:scale(1)!important;
  transition:transform .36s ease!important;
}
.kf-latest-after-tech-thumb:hover img{transform:scale(1.07)!important;}
.kf-latest-after-tech-body{min-width:0!important;}
.kf-latest-after-tech-cat{
  display:inline-block!important;
  margin:0 0 6px!important;
  color:var(--kf-accent)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.kf-latest-after-tech-item h3{
  margin:0 0 9px!important;
  color:var(--kf-text)!important;
  font-size:22px!important;
  line-height:1.25!important;
  font-weight:700!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.kf-latest-after-tech-time{
  color:var(--kf-muted)!important;
  font-size:12px!important;
}
@media(max-width:1100px){
  .kf-latest-after-tech-item{grid-template-columns:210px minmax(0,1fr)!important;gap:18px!important;min-height:150px!important;}
  .kf-latest-after-tech-thumb{width:210px!important;}
  .kf-latest-after-tech-item h3{font-size:20px!important;}
}
@media(max-width:700px){
  .kf-latest-after-tech{margin-top:26px!important;}
  .kf-latest-after-tech .kf-section-title{font-size:20px!important;}
  .kf-latest-after-tech-item{grid-template-columns:126px minmax(0,1fr)!important;gap:12px!important;min-height:100px!important;padding:12px 0!important;}
  .kf-latest-after-tech-thumb{width:126px!important;aspect-ratio:126/86!important;border-radius:7px!important;}
  .kf-latest-after-tech-cat{font-size:8px!important;margin-bottom:4px!important;}
  .kf-latest-after-tech-item h3{font-size:16px!important;line-height:1.25!important;margin-bottom:5px!important;}
  .kf-latest-after-tech-time{font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){
  .kf-latest-after-tech-thumb img{transition:none!important;}
}


/* ============================================================
   v1.5.8 — NAV STATE REFINEMENT
   - Posisi paling atas: menu kategori tetap hijau/teal seperti sebelumnya.
   - Setelah nav menjadi sticky saat scroll: bar berubah putih.
   - Kotak putih/pill di belakang logo kecil dihapus.
   ============================================================ */
/* Logo kecil tidak lagi memakai kotak/pill putih. */
.kf-nav-brand-v142,
body.kf-nav-stuck .kf-nav-brand-v142,
body:not(.kf-nav-stuck) .kf-nav-brand-v142{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}

/* Kondisi awal / mentok paling atas: pertahankan bar teal. */
body:not(.kf-nav-stuck) .kf-mainnav-v142{
  background:linear-gradient(90deg,var(--kf-header-teal),#2f8794)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
body:not(.kf-nav-stuck) .kf-nav-menu-v142 a{
  color:#fff!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
}
body:not(.kf-nav-stuck) .kf-nav-menu-v142 a:hover,
body:not(.kf-nav-stuck) .kf-nav-menu-v142 .current-menu-item>a,
body:not(.kf-nav-stuck) .kf-nav-menu-v142 .current-menu-parent>a{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-bottom-color:var(--kf-header-orange)!important;
}

/* Saat discroll / sticky: bar menjadi putih seperti pola compact header portal. */
body.kf-nav-stuck .kf-mainnav-v142{
  background:#fff!important;
  border-top:1px solid #eef1f3!important;
  border-bottom:1px solid #e4e7eb!important;
  box-shadow:0 5px 16px rgba(16,24,40,.09)!important;
}
body.kf-nav-stuck .kf-mainnav-inner-v142{
  background:#fff!important;
}
body.kf-nav-stuck .kf-nav-menu-v142 a{
  color:#17191c!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
}
body.kf-nav-stuck .kf-nav-menu-v142 a:hover,
body.kf-nav-stuck .kf-nav-menu-v142 .current-menu-item>a,
body.kf-nav-stuck .kf-nav-menu-v142 .current-menu-parent>a{
  color:var(--kf-header-teal)!important;
  background:transparent!important;
  border-bottom-color:var(--kf-header-orange)!important;
}

/* Logo kecil tetap bersih dan transparan di atas bar putih sticky. */
body.kf-nav-stuck .kf-nav-brand-v142 .custom-logo-link,
body.kf-nav-stuck .kf-nav-brand-v142 .custom-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

@media(min-width:851px){
  body:not(.kf-nav-stuck) .kf-mainnav-v142,
  body.kf-nav-stuck .kf-mainnav-v142{
    border-radius:0!important;
  }
}


/* ============================================================
   v1.5.9 BALANCED NAV
   Menu kategori dibuat seimbang dan benar-benar terpusat.
   Mode atas: kelompok menu centered dengan jarak konsisten.
   Mode sticky: menu merata di ruang setelah logo kecil.
   ============================================================ */
@media (min-width:851px){
  /* Saat posisi paling atas: jangan menempel ke kiri/kanan. */
  body:not(.kf-nav-stuck) .kf-nav-menu-v142{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142>ul{
    width:auto!important;
    max-width:1120px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:clamp(18px,1.55vw,30px)!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142>ul>li{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142 a{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  /* Saat sticky: logo kecil di kiri, kategori tetap menyebar proporsional. */
  body.kf-nav-stuck .kf-nav-menu-v142>ul{
    width:100%!important;
    margin:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  body.kf-nav-stuck .kf-nav-menu-v142>ul>li{
    flex:0 0 auto!important;
    min-width:0!important;
  }
  body.kf-nav-stuck .kf-nav-menu-v142 a{
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* ============================================================
   v1.6.0 EXPANDABLE FOCUS — Fokus Faktual collapsed / expanded.
   Default berupa strip horizontal; tombol Show membuka panel besar
   2 kolom seperti referensi, tombol Hide menutup kembali.
   ============================================================ */
.kf-focus-feature{position:relative;margin:0 0 20px;width:100%}
.kf-focus-collapsed,.kf-focus-expanded{position:relative;border-radius:16px;overflow:hidden;background:#efe5ce;isolation:isolate}
.kf-focus-collapsed::before,.kf-focus-expanded::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(35,92,92,.85) 0%,rgba(205,178,126,.36) 43%,rgba(240,233,214,.35) 72%,rgba(58,91,61,.46) 100%),var(--kf-focus-bg,none);background-size:cover;background-position:center;z-index:-2;filter:saturate(.8)}
.kf-focus-collapsed::after,.kf-focus-expanded::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,239,224,.15),rgba(255,255,255,.46));z-index:-1;pointer-events:none}

/* collapsed */
.kf-focus-collapsed{height:164px;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;padding:14px 20px 14px 22px}
.kf-focus-collapsed-brand{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:22px;border-right:1px solid rgba(255,255,255,.55);color:#fff}
.kf-focus-collapsed-brand strong{font-size:25px;line-height:1.04;font-weight:900;letter-spacing:-.02em;max-width:180px}
.kf-focus-collapsed-brand a{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:13px;font-weight:800;color:#fff}
.kf-focus-collapsed-brand a span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.8);border-radius:50%}
.kf-focus-collapsed-card{height:136px;margin-left:18px;display:grid;grid-template-columns:164px minmax(0,1fr);gap:20px;align-items:center;padding:10px 20px 10px 10px;border:3px solid rgba(255,255,255,.88);border-radius:16px;background:rgba(250,248,239,.78);box-shadow:0 4px 20px rgba(31,41,55,.08);backdrop-filter:blur(5px)}
.kf-focus-collapsed-thumb{height:112px;border-radius:9px;overflow:hidden;background:#ddd}
.kf-focus-collapsed-thumb img,.kf-focus-collapsed-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}
.kf-focus-collapsed-copy{min-width:0}
.kf-focus-collapsed-copy h2{margin:0 0 8px;font-size:20px;line-height:1.26;color:#232323;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kf-focus-collapsed-copy span{font-size:13px;color:#8b877f}
.kf-focus-toggle{position:absolute;z-index:5;left:50%;bottom:0;transform:translate(-50%,0);height:34px;min-width:112px;padding:0 20px;border:0;border-radius:14px 14px 0 0;background:#f36a32;color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.kf-focus-toggle span{margin-left:5px}

/* expanded */
.kf-focus-expanded{min-height:560px;padding:0 22px 22px}
.kf-focus-expanded-head{height:118px;display:flex;align-items:center;gap:22px;padding:12px 26px;color:#bd4d0e}
.kf-focus-expanded-brand{min-width:145px;text-align:center;line-height:1}
.kf-focus-expanded-brand strong{display:block;font-size:25px;font-weight:900;line-height:.94}
.kf-focus-expanded-brand span{display:block;margin-top:6px;font-size:10px;color:#287986;font-weight:800;text-transform:lowercase}
.kf-focus-expanded-link{display:flex;align-items:center;gap:15px;padding-left:20px;border-left:1px solid rgba(190,79,18,.28);font-size:14px;line-height:1.1;font-weight:900;color:#e86524}
.kf-focus-expanded-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e86524;color:#fff;font-size:17px}
.kf-focus-expanded-body{display:grid;grid-template-columns:minmax(0,60%) minmax(320px,40%);gap:18px;align-items:stretch}
.kf-focus-main-card{position:relative;min-height:430px;border:3px solid rgba(255,255,255,.92);border-radius:17px;overflow:hidden;background:#1d2526;box-shadow:0 5px 18px rgba(17,24,39,.14)}
.kf-focus-main-media{position:absolute;inset:0;overflow:hidden}
.kf-focus-main-media img,.kf-focus-main-media .kf-placeholder{width:100%;height:100%;object-fit:cover}
.kf-focus-main-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,22,23,.03) 20%,rgba(14,35,34,.2) 55%,rgba(33,84,63,.84) 100%);pointer-events:none}
.kf-focus-main-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;color:#fff}
.kf-focus-main-cat{display:inline-block;margin-bottom:13px;font-size:13px;font-weight:800;color:#e7b54b}
.kf-focus-main-overlay h2{margin:0 0 12px;max-width:92%;font-size:28px;line-height:1.28;color:#fff;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kf-focus-main-overlay span{font-size:13px;color:#e8e8e8}
.kf-focus-latest-panel{min-height:430px;padding:18px 18px 14px;border:3px solid rgba(255,255,255,.88);border-radius:17px;background:rgba(250,248,239,.74);backdrop-filter:blur(7px);box-shadow:0 5px 18px rgba(17,24,39,.09)}
.kf-focus-latest-panel>h3{margin:0 0 8px;font-size:16px;line-height:1.2;color:#36563f;font-weight:850}
.kf-focus-latest-list{display:flex;flex-direction:column}
.kf-focus-latest-item{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;min-height:88px;padding:9px 0;border-bottom:1px solid rgba(130,125,111,.17)}
.kf-focus-latest-item:last-child{border-bottom:0}
.kf-focus-latest-thumb{height:76px;border-radius:9px;overflow:hidden;background:#ddd}
.kf-focus-latest-thumb img,.kf-focus-latest-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}
.kf-focus-latest-copy h4{margin:0 0 6px;font-size:15px;line-height:1.25;color:#232323;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kf-focus-latest-copy span{font-size:12px;color:#8e8b83}
.kf-focus-latest-empty{font-size:13px;color:#777}
.kf-focus-expanded .kf-focus-hide{border-radius:14px 14px 0 0}
.kf-focus-feature.is-expanded .kf-focus-collapsed{display:none}
.kf-focus-feature:not(.is-expanded) .kf-focus-expanded{display:none}

@media(max-width:1100px){
  .kf-focus-collapsed{grid-template-columns:180px minmax(0,1fr)}
  .kf-focus-collapsed-brand strong{font-size:21px}
  .kf-focus-expanded-body{grid-template-columns:minmax(0,58%) minmax(300px,42%)}
  .kf-focus-main-overlay h2{font-size:24px}
  .kf-focus-latest-item{grid-template-columns:96px minmax(0,1fr)}
}
@media(max-width:850px){
  .kf-focus-collapsed{height:134px;grid-template-columns:148px minmax(0,1fr);padding:10px 12px}
  .kf-focus-collapsed-brand{padding-right:12px}.kf-focus-collapsed-brand strong{font-size:17px}.kf-focus-collapsed-brand a{font-size:10px;margin-top:8px}
  .kf-focus-collapsed-card{height:110px;grid-template-columns:118px minmax(0,1fr);gap:12px;margin-left:12px;padding:8px 12px 8px 8px}
  .kf-focus-collapsed-thumb{height:88px}.kf-focus-collapsed-copy h2{font-size:16px}.kf-focus-collapsed-copy span{font-size:11px}
  .kf-focus-expanded{padding:0 14px 18px}.kf-focus-expanded-head{height:92px;padding:9px 14px}.kf-focus-expanded-brand strong{font-size:19px}
  .kf-focus-expanded-body{grid-template-columns:1fr}.kf-focus-main-card{min-height:360px}.kf-focus-latest-panel{min-height:0}.kf-focus-main-overlay h2{font-size:22px}
}
@media(max-width:600px){
  .kf-focus-collapsed{height:110px;grid-template-columns:92px minmax(0,1fr);border-radius:10px;padding:8px}
  .kf-focus-collapsed-brand{padding-right:8px}.kf-focus-collapsed-brand strong{font-size:13px}.kf-focus-collapsed-brand a{display:none}
  .kf-focus-collapsed-card{height:92px;grid-template-columns:78px minmax(0,1fr);gap:9px;margin-left:8px;border-width:2px;border-radius:10px;padding:6px 8px 6px 6px}
  .kf-focus-collapsed-thumb{height:76px;border-radius:7px}.kf-focus-collapsed-copy h2{font-size:13px;line-height:1.2;margin-bottom:5px}.kf-focus-collapsed-copy span{font-size:9px}
  .kf-focus-toggle{height:27px;min-width:82px;padding:0 12px;font-size:10px}
  .kf-focus-expanded{border-radius:10px;padding:0 8px 14px}.kf-focus-expanded-head{height:74px;padding:7px 8px;gap:10px}.kf-focus-expanded-brand{min-width:94px}.kf-focus-expanded-brand strong{font-size:15px}.kf-focus-expanded-link{font-size:10px;padding-left:10px}
  .kf-focus-main-card{min-height:300px;border-radius:11px}.kf-focus-main-overlay{left:16px;right:16px;bottom:18px}.kf-focus-main-overlay h2{font-size:18px}.kf-focus-main-cat{font-size:10px;margin-bottom:7px}
  .kf-focus-latest-panel{padding:12px 10px;border-radius:11px}.kf-focus-latest-item{grid-template-columns:82px minmax(0,1fr);gap:10px;min-height:72px}.kf-focus-latest-thumb{height:58px}.kf-focus-latest-copy h4{font-size:12px}.kf-focus-latest-copy span{font-size:10px}
}


/* ============================================================
   v1.6.1 — BERITA TERPOPULER DI SIDEBAR KANAN
   Lima berita tanpa thumbnail, nomor #1–#5, metadata kategori + waktu,
   dan tombol Lihat Selengkapnya seperti referensi portal berita.
   ============================================================ */
.kf-sidebar .kf-popular-widget-v161{
  background:#fff;
  margin:0 0 28px;
  padding:0;
}
.kf-sidebar .kf-popular-widget-v161 .kf-widget-title{
  margin:0 0 14px;
  padding:0;
  border:0;
  color:#173f9f;
  font-size:23px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.25px;
}
.kf-sidebar .kf-popular-v161{
  counter-reset:kfpopularv161;
}
.kf-sidebar .kf-popular-item-v161{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:4px;
  padding:10px 0 12px;
  border-bottom:0;
}
.kf-sidebar .kf-popular-item-v161::before{
  counter-increment:kfpopularv161;
  content:"#" counter(kfpopularv161);
  color:#9a9a9a;
  font-size:22px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.4px;
}
.kf-sidebar .kf-popular-item-v161 h4{
  margin:0 0 7px;
  color:#111;
  font-size:18px;
  line-height:1.32;
  font-weight:500;
  letter-spacing:-.15px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.kf-sidebar .kf-popular-item-v161 h4 a:hover{
  color:var(--kf-primary);
}
.kf-sidebar .kf-popular-item-v161 .kf-meta{
  color:#767676;
  font-size:13px;
  line-height:1.35;
}
.kf-sidebar .kf-popular-more-v161{
  display:flex;
  justify-content:center;
  margin-top:18px;
}
.kf-sidebar .kf-popular-more-v161 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:43px;
  padding:9px 18px;
  border-radius:5px;
  background:#f1f1f1;
  color:#f26a2c;
  font-size:15px;
  line-height:1;
  font-weight:600;
  transition:background .2s ease,transform .2s ease;
}
.kf-sidebar .kf-popular-more-v161 a:hover{
  background:#e9e9e9;
  color:#f26a2c;
  transform:translateY(-1px);
}
@media(max-width:1100px){
  .kf-sidebar .kf-popular-widget-v161 .kf-widget-title{font-size:21px;}
  .kf-sidebar .kf-popular-item-v161{grid-template-columns:38px minmax(0,1fr);}
  .kf-sidebar .kf-popular-item-v161::before{font-size:20px;}
  .kf-sidebar .kf-popular-item-v161 h4{font-size:16px;}
}


/* ============================================================
   v1.6.2 — BERITA TERPOPULER: 5 di sidebar + halaman infinite.
   ============================================================ */
.kf-popular-more-v161 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
}
.kf-popular-archive{
  padding-top:28px;
  padding-bottom:60px;
}
.kf-popular-archive-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  margin-bottom:12px;
  border-bottom:2px solid var(--kf-primary);
}
.kf-popular-archive-head h1{
  margin:0;
  font-size:34px;
  line-height:1.12;
  color:var(--kf-primary);
  letter-spacing:-.5px;
}
.kf-popular-archive-head p{
  margin:0;
  color:var(--kf-muted);
  font-size:13px;
}
.kf-popular-archive-list{
  counter-reset:kfpopulararchive;
}
.kf-popular-archive-item{
  display:grid;
  grid-template-columns:58px 260px minmax(0,1fr);
  gap:20px;
  align-items:center;
  min-height:172px;
  padding:18px 0;
  border-bottom:1px solid var(--kf-line);
}
.kf-popular-archive-rank{
  align-self:start;
  padding-top:4px;
  font-size:27px;
  line-height:1;
  font-weight:800;
  color:#9ca3af;
}
.kf-popular-archive-thumb{
  display:block;
  width:260px;
  height:146px;
  border-radius:10px;
  overflow:hidden;
  background:#eef2f6;
}
.kf-popular-archive-thumb img,
.kf-popular-archive-thumb .kf-placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .38s ease;
}
.kf-popular-archive-item:hover .kf-popular-archive-thumb img{transform:scale(1.06)}
.kf-popular-archive-copy{min-width:0}
.kf-popular-archive-cat{
  display:block;
  margin-bottom:7px;
  color:var(--kf-accent);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.kf-popular-archive-copy h2{
  margin:0 0 9px;
  font-size:23px;
  line-height:1.23;
  letter-spacing:-.25px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-popular-infinite-sentinel{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 0;
  color:var(--kf-muted);
  font-size:13px;
}
.kf-popular-loader{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.kf-popular-loader::before{
  content:"";
  width:17px;
  height:17px;
  border:2px solid #d7dde3;
  border-top-color:var(--kf-primary);
  border-radius:50%;
  animation:kfspin .75s linear infinite;
}
@keyframes kfspin{to{transform:rotate(360deg)}}
@media(max-width:850px){
  .kf-popular-archive{padding-top:18px}
  .kf-popular-archive-head h1{font-size:28px}
  .kf-popular-archive-item{grid-template-columns:42px 180px minmax(0,1fr);gap:14px;min-height:132px;padding:14px 0}
  .kf-popular-archive-rank{font-size:22px}
  .kf-popular-archive-thumb{width:180px;height:102px}
  .kf-popular-archive-copy h2{font-size:18px}
}
@media(max-width:600px){
  .kf-popular-archive-head{align-items:flex-start;flex-direction:column;gap:6px}
  .kf-popular-archive-item{grid-template-columns:34px 112px minmax(0,1fr);gap:10px;min-height:98px;padding:12px 0}
  .kf-popular-archive-rank{font-size:18px}
  .kf-popular-archive-thumb{width:112px;height:78px;border-radius:7px}
  .kf-popular-archive-copy h2{font-size:15px;line-height:1.24;margin-bottom:5px;-webkit-line-clamp:3}
  .kf-popular-archive-cat{font-size:8px;margin-bottom:3px}
  .kf-popular-archive-copy .kf-meta{font-size:9px}
}


/* ============================================================
   v1.6.3 — Judul 5 kartu berita cepat dibuat regular / tidak bold.
   ============================================================ */
.kf-quick-card h3,
.kf-quick-card h3 a{
  font-weight:400!important;
}


/* ============================================================
   v1.6.4 — TRENDING FILL
   Tambah topik trending menjadi 10 dan sebar merata agar bar
   terisi lebih seimbang dari kiri ke kanan pada desktop.
   ============================================================ */
@media(min-width:851px){
  .kf-trending-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    overflow:hidden!important;
  }
  .kf-trending-inner strong{
    flex:0 0 auto!important;
    margin-right:4px!important;
  }
  .kf-trending-inner a{
    flex:0 1 auto!important;
    text-align:center!important;
    min-width:0!important;
    font-size:12px!important;
  }
}
@media(max-width:850px){
  .kf-trending-inner{
    justify-content:flex-start!important;
    gap:18px!important;
    overflow-x:auto!important;
  }
  .kf-trending-inner strong,
  .kf-trending-inner a{
    flex:0 0 auto!important;
  }
}


/* ============================================================
   v1.6.5 — PRIMARY NAV 12 ITEMS
   Tambah Opini, Inspirasi, Advertorial; tetap satu baris dan seimbang.
   ============================================================ */
@media (min-width:851px){
  .kf-nav-menu-v142>ul>li:nth-child(-n+12){display:flex!important;}
  .kf-nav-menu-v142>ul>li:nth-child(n+13){display:none!important;}

  /* Mode atas: 12 kategori tersebar penuh dan simetris. */
  body:not(.kf-nav-stuck) .kf-nav-menu-v142{
    width:100%!important;
    min-width:0!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142>ul{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:4px!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142>ul>li{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  body:not(.kf-nav-stuck) .kf-nav-menu-v142 a{
    padding:0 5px!important;
    font-size:12px!important;
    letter-spacing:0!important;
  }

  /* Mode sticky: logo kecil tetap di kiri, 12 kategori tetap satu baris. */
  body.kf-nav-stuck .kf-nav-menu-v142>ul{
    width:100%!important;
    margin:0!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:2px!important;
  }
  body.kf-nav-stuck .kf-nav-menu-v142>ul>li{
    flex:0 1 auto!important;
    min-width:0!important;
  }
  body.kf-nav-stuck .kf-nav-menu-v142 a{
    padding:0 4px!important;
    font-size:11.25px!important;
    letter-spacing:0!important;
  }
}

@media (min-width:851px) and (max-width:1050px){
  body:not(.kf-nav-stuck) .kf-nav-menu-v142 a{font-size:10.5px!important;padding:0 3px!important;}
  body.kf-nav-stuck .kf-nav-menu-v142 a{font-size:10px!important;padding:0 2px!important;}
}


/* ============================================================
   v1.6.6 — DARI EKOSISTEM KAMI
   Modul promosi/mitra internal di sidebar kanan. Dibedakan jelas
   dari konten redaksi dan dapat diatur lewat Customizer.
   ============================================================ */
.kf-ecosystem-widget{
  margin-bottom:26px;
  padding-top:2px;
}
.kf-ecosystem-widget .kf-widget-title{
  margin-bottom:14px;
}
.kf-ecosystem-stack{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.kf-ecosystem-card{
  position:relative;
  min-height:176px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(135deg,#eef5f6,#f8f2e8);
  box-shadow:0 7px 22px rgba(15,23,42,.07);
  isolation:isolate;
}
.kf-ecosystem-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 8%,rgba(0,0,0,.78) 100%);
  pointer-events:none;
}
.kf-ecosystem-card--no-image::after{
  background:linear-gradient(135deg,rgba(35,119,134,.94),rgba(204,109,17,.9));
}
.kf-ecosystem-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:0;
}
.kf-ecosystem-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .42s ease;
}
.kf-ecosystem-card:hover .kf-ecosystem-media img{
  transform:scale(1.07);
}
.kf-ecosystem-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  color:rgba(255,255,255,.18);
  font-size:30px;
  font-weight:800;
  letter-spacing:.04em;
}
.kf-ecosystem-copy{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:18px 18px 17px;
  color:#fff;
}
.kf-ecosystem-label{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  margin-bottom:7px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--kf-accent);
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.kf-ecosystem-copy h4{
  margin:0 0 7px;
  color:#fff;
  font-size:19px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.2px;
}
.kf-ecosystem-copy p{
  margin:0 0 12px;
  color:rgba(255,255,255,.9);
  font-size:12px;
  line-height:1.42;
}
.kf-ecosystem-cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.kf-ecosystem-cta::after{
  content:"→";
  transition:transform .2s ease;
}
.kf-ecosystem-card:hover .kf-ecosystem-cta::after{
  transform:translateX(3px);
}
.kf-ecosystem-disclosure{
  margin-top:9px;
  color:#8a9099;
  font-size:9px;
  line-height:1.35;
}
@media(max-width:1100px){
  .kf-ecosystem-card{min-height:160px}
  .kf-ecosystem-copy{padding:15px}
  .kf-ecosystem-copy h4{font-size:17px}
}


/* ============================================================
   v1.6.7 — ECOSYSTEM ONE CARD
   Tiga situs ekosistem digabung ke satu widget/kartu bergaya
   campaign carousel: header brand, panel CTA, dua mini-card,
   panah navigasi dan indikator titik.
   ============================================================ */
.kf-ecosystem-widget-v167{
  margin:0 0 26px;
  padding:0;
  border:1px solid rgba(35,119,134,.16);
  border-radius:13px;
  overflow:hidden;
  background:linear-gradient(145deg,#eaf8fb 0%,#eaf5ff 44%,#ece9ff 100%);
  box-shadow:0 8px 24px rgba(15,23,42,.07);
}
.kf-eco-one-head{
  padding:17px 18px 8px;
  text-align:center;
}
.kf-eco-one-title{
  margin:0;
  color:#0f5564;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}
.kf-eco-one-subtitle{
  margin-top:4px;
  color:#7b8490;
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.kf-eco-one-brands{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:7px 14px 12px;
  overflow:hidden;
}
.kf-eco-brand-chip{
  border:1px solid rgba(35,119,134,.18);
  border-radius:999px;
  padding:5px 8px;
  background:rgba(255,255,255,.76);
  color:#1a5966;
  font-size:8px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}
.kf-eco-one-stage{position:relative;}
.kf-eco-one-slide{display:none;padding:0 15px 14px;}
.kf-eco-one-slide.is-active{display:block;}
.kf-eco-one-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:10px;
  align-items:center;
  min-height:92px;
  margin:0 0 14px;
  padding:14px 12px 14px 14px;
  background:rgba(255,255,255,.88);
  border-radius:8px;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}
.kf-eco-one-label{
  display:inline-block;
  margin-bottom:5px;
  color:var(--kf-accent);
  font-size:8px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.kf-eco-one-intro h4{
  margin:0 0 5px;
  color:#15212b;
  font-size:16px;
  line-height:1.22;
  font-weight:700;
}
.kf-eco-one-intro p{
  margin:0;
  color:#4b5563;
  font-size:11px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-eco-one-main-cta{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:linear-gradient(135deg,var(--kf-primary),#3a7cf6);
  color:#fff;
  font-size:20px;
  line-height:1;
  transition:transform .2s ease;
}
.kf-eco-one-main-cta:hover{color:#fff;transform:translateX(2px);}
.kf-eco-one-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.kf-eco-one-mini{
  min-width:0;
  color:#26313a;
}
.kf-eco-one-mini-media{
  position:relative;
  width:100%;
  aspect-ratio:1.48/1;
  overflow:hidden;
  border-radius:7px;
  background:#dbe8eb;
}
.kf-eco-one-mini-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .38s ease;
}
.kf-eco-one-mini:hover .kf-eco-one-mini-media img{transform:scale(1.07);}
.kf-eco-one-mini-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  padding:8px;text-align:center;
  color:rgba(255,255,255,.92);
  background:linear-gradient(135deg,#237786,#cc6d11);
  font-size:13px;font-weight:800;
}
.kf-eco-one-mini h5{
  margin:7px 0 3px;
  font-size:12px;
  line-height:1.22;
  font-weight:700;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-eco-one-mini span{
  display:block;
  color:#7d8792;
  font-size:9px;
  line-height:1.2;
}
.kf-eco-one-arrow{
  position:absolute;
  top:64%;
  z-index:4;
  width:34px;height:34px;
  border:0;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;
  color:#257283;
  box-shadow:0 4px 14px rgba(15,23,42,.16);
  font-size:22px;
  cursor:pointer;
}
.kf-eco-one-prev{left:-2px;transform:translate(-35%,-50%);}
.kf-eco-one-next{right:-2px;transform:translate(35%,-50%);}
.kf-eco-one-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:0 0 12px;
}
.kf-eco-one-dot{
  width:8px;height:8px;border:0;border-radius:50%;
  padding:0;background:#b7c4ca;cursor:pointer;
}
.kf-eco-one-dot.is-active{background:var(--kf-primary);}
.kf-eco-one-disclosure{
  padding:0 16px 12px;
  text-align:center;
  color:#87909a;
  font-size:8px;
  line-height:1.3;
}
@media(max-width:1100px){
  .kf-eco-one-head{padding-top:14px;}
  .kf-eco-one-intro h4{font-size:15px;}
  .kf-eco-one-mini h5{font-size:11px;}
}


/* ============================================================
   v1.6.8 — ECOSYSTEM ELEGANT
   Satu widget mitra/ekosistem yang lebih editorial, ringan, dan elegan.
   ============================================================ */
.kf-ecosystem-widget-v168{
  position:relative;
  margin:26px 0 30px;
  padding:20px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(35,119,134,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(35,119,134,.13),transparent 35%),
    radial-gradient(circle at 0% 100%,rgba(204,109,17,.10),transparent 34%),
    linear-gradient(145deg,#fbfdff 0%,#f3f8f8 52%,#fffaf3 100%);
  box-shadow:0 16px 42px rgba(15,42,50,.08);
  isolation:isolate;
}
.kf-ecosystem-widget-v168::before{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-76px;top:-76px;
  border:1px solid rgba(35,119,134,.14);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(35,119,134,.025),0 0 0 46px rgba(204,109,17,.018);
  pointer-events:none;
}
.kf-eco-elegant-head{position:relative;z-index:2;margin-bottom:14px;padding:0 2px;}
.kf-eco-elegant-eyebrow{
  display:flex;align-items:center;gap:8px;
  margin-bottom:5px;color:var(--kf-accent);
  font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.kf-eco-elegant-eyebrow::before{content:"";width:24px;height:2px;border-radius:99px;background:var(--kf-accent);}
.kf-eco-elegant-title{
  margin:0;color:#10323b;font-size:23px;line-height:1.08;font-weight:760;letter-spacing:-.55px;
}
.kf-eco-elegant-subtitle{margin-top:5px;color:#7b8791;font-size:9px;letter-spacing:.08em;text-transform:uppercase;}
.kf-eco-elegant-tabs{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;margin:0 0 14px;padding:3px;border-radius:999px;background:rgba(255,255,255,.68);
  border:1px solid rgba(35,119,134,.10);
}
.kf-eco-elegant-tab{
  min-width:0;padding:7px 5px;border-radius:999px;color:#53636b;text-align:center;
  font-size:8px;line-height:1;font-weight:800;letter-spacing:.025em;white-space:nowrap;
  transition:background .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.kf-eco-elegant-tab.is-active{
  color:#fff;background:linear-gradient(120deg,#287786,#249aa2);
  box-shadow:0 7px 16px rgba(35,119,134,.18);transform:translateY(-1px);
}
.kf-eco-elegant-stage{position:relative;z-index:2;}
.kf-eco-elegant-slide{display:none;}
.kf-eco-elegant-slide.is-active{display:block;animation:kfEcoFade .42s ease both;}
@keyframes kfEcoFade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.kf-eco-elegant-feature{
  position:relative;min-height:205px;overflow:hidden;border-radius:17px;background:#173f48;
  box-shadow:0 10px 26px rgba(15,42,50,.12);
}
.kf-eco-elegant-feature-media{position:absolute;inset:0;overflow:hidden;}
.kf-eco-elegant-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.kf-eco-elegant-feature:hover .kf-eco-elegant-feature-media img{transform:scale(1.055);}
.kf-eco-elegant-feature-placeholder{
  position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:18px;
  background:linear-gradient(135deg,#115667 0%,#2c8c94 45%,#cc6d11 130%);
  color:rgba(255,255,255,.14);font-size:30px;font-weight:800;letter-spacing:.06em;
}
.kf-eco-elegant-feature::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,26,31,.05) 18%,rgba(4,26,31,.82) 80%,rgba(4,26,31,.94) 100%);
  pointer-events:none;
}
.kf-eco-elegant-feature-copy{
  position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px 54px 17px 17px;color:#fff;
}
.kf-eco-elegant-label{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#ffd6b5;
  font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
}
.kf-eco-elegant-label::before{content:"";width:16px;height:2px;border-radius:99px;background:#f28b40;}
.kf-eco-elegant-feature-copy h4{margin:0 0 6px;color:#fff;font-size:20px;line-height:1.12;font-weight:650;letter-spacing:-.3px;}
.kf-eco-elegant-feature-copy p{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin:0;color:rgba(255,255,255,.82);font-size:11px;line-height:1.42;
}
.kf-eco-elegant-main-cta{
  position:absolute;z-index:3;right:14px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.14);
  color:#fff;font-size:19px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:transform .25s ease,background .25s ease;
}
.kf-eco-elegant-main-cta:hover{color:#fff;background:rgba(255,255,255,.24);transform:translateX(2px);}
.kf-eco-elegant-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px;}
.kf-eco-elegant-mini{
  display:block;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.84);
  border:1px solid rgba(35,119,134,.09);box-shadow:0 7px 18px rgba(22,56,65,.055);
  transition:transform .28s ease,box-shadow .28s ease;
}
.kf-eco-elegant-mini:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(22,56,65,.10);}
.kf-eco-elegant-mini-media{position:relative;height:86px;overflow:hidden;background:#dfecee;}
.kf-eco-elegant-mini-media img{width:100%;height:100%;object-fit:cover;transition:transform .48s ease;}
.kf-eco-elegant-mini:hover img{transform:scale(1.06);}
.kf-eco-elegant-mini-placeholder{
  width:100%;height:100%;display:flex;align-items:flex-end;padding:10px;
  background:linear-gradient(135deg,#1e6b78,#4f8f86 55%,#c37629 125%);
  color:#fff;font-size:12px;font-weight:800;letter-spacing:.055em;
}
.kf-eco-elegant-mini-copy{padding:10px 10px 11px;}
.kf-eco-elegant-mini-copy h5{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin:0 0 5px;color:#173039;font-size:11px;line-height:1.28;font-weight:650;
}
.kf-eco-elegant-mini-copy span{color:#8b959d;font-size:7px;font-weight:750;letter-spacing:.10em;text-transform:uppercase;}
.kf-eco-elegant-arrow{
  position:absolute;z-index:6;top:calc(50% + 58px);width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(17,56,65,.08);border-radius:50%;background:rgba(255,255,255,.94);color:#1b6673;
  box-shadow:0 7px 18px rgba(15,42,50,.10);font-size:21px;cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.kf-eco-elegant-arrow:hover{transform:scale(1.06);box-shadow:0 9px 24px rgba(15,42,50,.15);}
.kf-eco-elegant-prev{left:-17px}.kf-eco-elegant-next{right:-17px}
.kf-eco-elegant-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:14px 0 8px;}
.kf-eco-elegant-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c7d2d5;cursor:pointer;transition:.25s ease;}
.kf-eco-elegant-dot.is-active{width:18px;border-radius:999px;background:var(--kf-primary);}
.kf-eco-elegant-disclosure{
  display:flex;align-items:center;justify-content:center;gap:7px;color:#939ba2;text-align:center;font-size:7.5px;line-height:1.35;
}
.kf-eco-elegant-disclosure::before{content:"";width:14px;height:1px;background:rgba(35,119,134,.32);}
@media(max-width:1100px){
  .kf-ecosystem-widget-v168{padding:17px 14px 14px;border-radius:19px;}
  .kf-eco-elegant-title{font-size:21px}.kf-eco-elegant-feature{min-height:190px}
  .kf-eco-elegant-feature-copy h4{font-size:18px}.kf-eco-elegant-mini-media{height:78px}
}
@media(max-width:850px){
  .kf-ecosystem-widget-v168{max-width:520px;margin-left:auto;margin-right:auto;}
  .kf-eco-elegant-feature{min-height:230px}.kf-eco-elegant-mini-media{height:105px}
}
@media(max-width:520px){
  .kf-ecosystem-widget-v168{padding:16px 12px 13px;border-radius:18px;}
  .kf-eco-elegant-title{font-size:20px}.kf-eco-elegant-tabs{gap:3px}.kf-eco-elegant-tab{font-size:7px;padding:7px 3px}
  .kf-eco-elegant-feature{min-height:210px}.kf-eco-elegant-feature-copy{padding:16px 50px 15px 15px}
  .kf-eco-elegant-feature-copy h4{font-size:18px}.kf-eco-elegant-mini-grid{gap:8px}.kf-eco-elegant-mini-media{height:90px}
  .kf-eco-elegant-prev{left:-13px}.kf-eco-elegant-next{right:-13px}
}


/* ============================================================
   v1.6.9 — SIDEBAR CLEAN + LARGER TRENDING TAGS
   - Perbesar chip Trending Topic.
   - Hapus sisa widget legacy ThemesApp dari sidebar.
   - Tambah modul Kolom & Opini untuk mengisi ruang sidebar.
   ============================================================ */
.kf-sidebar .kf-tags{gap:9px!important;}
.kf-sidebar .kf-tags a{
  padding:8px 12px!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:700!important;
  background:#f1f4f4!important;
  border-radius:999px!important;
}
.kf-sidebar .kf-tags a:hover{
  background:#e4f0f1!important;
  color:var(--kf-primary)!important;
}

.kf-opinion-widget-v169{margin-top:28px!important;}
.kf-opinion-widget-v169 .kf-widget-title{
  margin-bottom:14px!important;
}
.kf-opinion-list-v169{display:flex;flex-direction:column;gap:14px;}
.kf-opinion-item-v169{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid var(--kf-line);
}
.kf-opinion-item-v169:last-child{border-bottom:0;padding-bottom:0;}
.kf-opinion-thumb-v169{
  width:88px;height:64px;border-radius:9px;overflow:hidden;background:#eef2f3;
}
.kf-opinion-thumb-v169 img,.kf-opinion-thumb-v169 .kf-placeholder{
  width:100%;height:100%;object-fit:cover;
}
.kf-opinion-copy-v169 h4{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin:0 0 5px;font-size:14px;line-height:1.28;font-weight:600;color:#17222b;
}
.kf-opinion-copy-v169 .kf-meta{font-size:10px;line-height:1.3;color:#667085;}
.kf-opinion-more-v169{margin-top:16px;text-align:center;}
.kf-opinion-more-v169 a{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  padding:0 16px;border-radius:8px;background:#f3f4f5;color:var(--kf-accent);
  font-size:12px;font-weight:700;
}
.kf-opinion-more-v169 a:hover{background:#e9eeee;color:var(--kf-primary);}

@media(max-width:1100px){
  .kf-sidebar .kf-tags a{font-size:13px!important;padding:7px 10px!important;}
  .kf-opinion-item-v169{grid-template-columns:78px minmax(0,1fr);gap:10px;}
  .kf-opinion-thumb-v169{width:78px;height:58px;}
  .kf-opinion-copy-v169 h4{font-size:13px;}
}


/* ============================================================
   v1.7.0 — SMART STICKY SIDEBAR + LINKED INDEX/REKOMENDASI
   Sidebar kanan mengikuti kolom kiri. Jika isi sidebar lebih pendek,
   ia tetap terlihat sampai batas section lalu berhenti sebelum footer.
   ============================================================ */
@media (min-width:851px){
  .kf-grid-main,
  .kf-grid-home{
    align-items:stretch!important;
  }
  .kf-sidebar{
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
  }
  .kf-sidebar-sticky{
    position:sticky!important;
    top:var(--kf-smart-sticky-top,72px)!important;
    height:max-content;
    align-self:flex-start;
    overflow:visible!important;
  }
}
@media (max-width:850px){
  .kf-sidebar-sticky{
    position:static!important;
    top:auto!important;
  }
}

/* Halaman Indeks Berita */
.kf-index-page .kf-news-list{min-width:0}
.kf-index-page .kf-news-item{margin-bottom:0}
.kf-index-intro{font-size:14px;color:var(--kf-muted);margin-top:6px}

/* Halaman Rekomendasi */
.kf-recommendation-page .kf-reco-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.kf-reco-archive-card{min-width:0}
.kf-reco-archive-thumb{
  display:block;
  aspect-ratio:16/9;
  border-radius:10px;
  overflow:hidden;
  background:#eef2f6;
  margin-bottom:10px;
}
.kf-reco-archive-thumb img,
.kf-reco-archive-thumb .kf-placeholder{width:100%;height:100%;object-fit:cover}
.kf-reco-archive-card .cat{font-size:11px;color:var(--kf-accent);font-weight:700;text-transform:uppercase}
.kf-reco-archive-card h2{font-size:18px;line-height:1.35;margin:5px 0 6px;font-weight:600}
.kf-reco-archive-card .kf-meta{font-size:12px;color:var(--kf-muted)}
@media(max-width:980px){.kf-recommendation-page .kf-reco-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kf-recommendation-page .kf-reco-archive-grid{grid-template-columns:1fr}.kf-reco-archive-card h2{font-size:17px}}


/* ============================================================
   v1.7.1 — GOOGLE AD AFTER TRENDING
   Dedicated Google/AdSense slot between Trending and Fokus Faktual.
   ============================================================ */
.kf-after-trending-ad-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:34px auto 30px;
  padding:0;
}
.kf-after-trending-ad{
  width:min(728px,100%);
  min-height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  text-align:center;
}
.kf-after-trending-ad .kf-widget{
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.kf-after-trending-ad .widget-title,
.kf-after-trending-ad .kf-widget-title{display:none!important;}
.kf-after-trending-ad ins.adsbygoogle,
.kf-after-trending-ad iframe,
.kf-after-trending-ad img{
  max-width:100%!important;
}
.kf-after-trending-ad.is-empty{
  height:90px;
  border:1px dashed #d7dbe0;
  border-radius:4px;
  background:#fafafa;
  color:#9aa2ad;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media(max-width:850px){
  .kf-after-trending-ad-wrap{margin:20px auto 22px;padding:0 12px;}
  .kf-after-trending-ad{width:100%;min-height:50px;}
  .kf-after-trending-ad.is-empty{height:60px;}
}


/* ============================================================
   v1.7.2 — INDEKS BERITA: THUMBNAIL KIRI + JUDUL KANAN
   Semua item halaman /indeks-berita/ memakai pola konsisten.
   Thumbnail dibuat lebih kecil agar daftar lebih padat/editorial.
   ============================================================ */
.kf-index-page .kf-news-list{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.kf-index-page .kf-news-item,
.kf-index-page .kf-news-list .kf-news-item:nth-child(odd),
.kf-index-page .kf-news-list .kf-news-item:nth-child(even){
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
  min-height:150px!important;
  padding:16px 0!important;
  border-bottom:1px solid var(--kf-line)!important;
}
.kf-index-page .kf-news-thumb,
.kf-index-page .kf-news-list .kf-news-item:nth-child(odd) .kf-news-thumb,
.kf-index-page .kf-news-list .kf-news-item:nth-child(even) .kf-news-thumb{
  grid-column:1!important;
  grid-row:1!important;
  width:210px!important;
  height:125px!important;
  aspect-ratio:auto!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#eef2f6!important;
}
.kf-index-page .kf-news-thumb img,
.kf-index-page .kf-news-thumb .kf-placeholder{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.kf-index-page .kf-news-body,
.kf-index-page .kf-news-list .kf-news-item:nth-child(odd) .kf-news-body,
.kf-index-page .kf-news-list .kf-news-item:nth-child(even) .kf-news-body{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.kf-index-page .kf-news-body .cat{
  display:inline-block!important;
  margin-bottom:5px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.kf-index-page .kf-news-body h2,
.kf-index-page .kf-news-body h3{
  margin:0 0 8px!important;
  font-size:20px!important;
  line-height:1.28!important;
  font-weight:600!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.kf-index-page .kf-excerpt{display:none!important;}
.kf-index-page .kf-meta{font-size:12px!important;color:var(--kf-muted)!important;}

@media(max-width:1100px){
  .kf-index-page .kf-news-item,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(odd),
  .kf-index-page .kf-news-list .kf-news-item:nth-child(even){
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:18px!important;
    min-height:132px!important;
  }
  .kf-index-page .kf-news-thumb,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(odd) .kf-news-thumb,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(even) .kf-news-thumb{
    width:180px!important;height:108px!important;
  }
  .kf-index-page .kf-news-body h2,
  .kf-index-page .kf-news-body h3{font-size:18px!important;}
}
@media(max-width:600px){
  .kf-index-page .kf-news-item,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(odd),
  .kf-index-page .kf-news-list .kf-news-item:nth-child(even){
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:94px!important;
    padding:12px 0!important;
  }
  .kf-index-page .kf-news-thumb,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(odd) .kf-news-thumb,
  .kf-index-page .kf-news-list .kf-news-item:nth-child(even) .kf-news-thumb{
    width:112px!important;height:76px!important;border-radius:7px!important;
  }
  .kf-index-page .kf-news-body h2,
  .kf-index-page .kf-news-body h3{
    font-size:15px!important;line-height:1.25!important;margin-bottom:5px!important;
  }
  .kf-index-page .kf-news-body .cat{font-size:8px!important;margin-bottom:3px!important;}
  .kf-index-page .kf-meta{font-size:9px!important;}
}


/* ============================================================
   v1.7.3 — SINGLE ARTICLE BALANCED HEIGHT
   Pada halaman artikel desktop, sidebar tidak boleh membuat kolom
   berita meninggalkan ruang putih panjang setelah Berita Terkait.
   JS akan menyembunyikan widget sidebar paling bawah bila total
   tinggi sidebar melebihi tinggi artikel. Widget teratas diprioritaskan.
   ============================================================ */
.single .kf-main{padding-bottom:0!important;}
.kf-single-page-v173 .kf-grid-main{align-items:start!important;}
.kf-single-page-v173 .kf-article{margin-bottom:0!important;}
.kf-single-page-v173 .kf-sidebar{align-self:start!important;min-height:0!important;height:auto!important;}
.kf-single-page-v173 .kf-sidebar-sticky{height:max-content!important;}
.kf-single-page-v173 .kf-sidebar-sticky>.kf-v173-auto-hidden{display:none!important;}
.kf-single-page-v173 .kf-article>.kf-section:last-child{margin-bottom:0!important;padding-bottom:0!important;}
@media(max-width:850px){
  .kf-single-page-v173 .kf-sidebar-sticky>.kf-v173-auto-hidden{display:block!important;}
}


/* ============================================================
   v1.7.4 MOBILE STICKY HEADER
   Khusus <=850px: header compact seperti portal berita mobile.
   Desktop tidak berubah.
   ============================================================ */
.kf-mobile-sticky-v174{display:none;}

@media (max-width:850px){
  /* Header desktop tidak dipakai di mobile agar tidak bertumpuk. */
  .kf-utility-v142,
  .kf-expanded-brand-v149,
  .kf-sticky-sentinel-v149,
  .kf-mainnav-v142,
  .kf-trending-nav,
  .kf-headline-bar{display:none!important;}

  .kf-mobile-sticky-v174{
    display:block!important;
    position:sticky;
    top:0;
    z-index:115;
    width:100%;
    background:#fff;
    border-bottom:1px solid #e7e9ec;
    box-shadow:0 3px 12px rgba(16,24,40,.08);
  }
  .admin-bar .kf-mobile-sticky-v174{top:46px;}

  .kf-mobile-top-v174{
    height:74px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px 48px;
    align-items:center;
    gap:7px;
    padding:0 14px;
    background:#fff;
  }
  .kf-mobile-menu-btn-v174,
  .kf-mobile-search-btn-v174{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    background:transparent;
    color:#173f72;
    cursor:pointer;
  }
  .kf-mobile-menu-btn-v174 svg,
  .kf-mobile-search-btn-v174 svg{
    width:31px;
    height:31px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .kf-mobile-logo-v174{
    min-width:0;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
  }
  .kf-mobile-logo-img-v174{
    display:block;
    width:auto!important;
    height:auto!important;
    max-width:185px!important;
    max-height:49px!important;
    object-fit:contain;
  }
  .kf-mobile-textlogo-v174{
    font-size:30px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1.3px;
    color:var(--kf-primary);
    white-space:nowrap;
  }
  .kf-mobile-textlogo-v174 span{color:var(--kf-accent);}

  .kf-mobile-live-v174{
    width:46px;
    height:47px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    color:#173f72;
    font-weight:900;
    font-size:10px;
    line-height:1;
    text-decoration:none!important;
  }
  .kf-mobile-live-v174 svg{
    width:29px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .kf-mobile-search-panel-v174{
    background:#fff;
    padding:0 14px 12px;
    border-top:1px solid #f0f1f3;
  }
  .kf-mobile-search-panel-v174[hidden]{display:none!important;}
  .kf-mobile-search-panel-v174 form{
    display:grid;
    grid-template-columns:minmax(0,1fr) 62px;
    gap:8px;
  }
  .kf-mobile-search-panel-v174 input{
    width:100%;
    height:42px;
    padding:0 14px;
    border:1px solid #d8dde4;
    border-radius:22px;
    background:#fff;
    color:#101828;
    font-size:14px;
    outline:none;
  }
  .kf-mobile-search-panel-v174 input:focus{border-color:var(--kf-primary);box-shadow:0 0 0 3px rgba(35,119,134,.10);}
  .kf-mobile-search-panel-v174 button{
    height:42px;
    border:0;
    border-radius:22px;
    background:var(--kf-primary);
    color:#fff;
    font-weight:800;
  }

  .kf-mobile-tabs-v174{
    height:50px;
    display:flex;
    align-items:stretch;
    gap:0;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 14px;
    background:#fff;
    border-top:1px solid #f3f4f6;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
  .kf-mobile-tabs-v174::-webkit-scrollbar{display:none;}
  .kf-mobile-tabs-v174 a{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    padding:0 18px;
    color:#111;
    font-size:15px;
    font-weight:800;
    border-bottom:3px solid transparent;
    text-decoration:none!important;
  }
  .kf-mobile-tabs-v174 a:first-child{padding-left:4px;padding-right:20px;}
  .kf-mobile-tabs-v174 a:hover,
  .kf-mobile-tabs-v174 a:focus{color:var(--kf-primary);border-bottom-color:var(--kf-accent);}

  /* Drawer harus berada di atas sticky header. */
  .kf-drawer{z-index:140!important;}
  .kf-drawer-panel{padding-top:20px!important;}

  /* Hindari ruang atas ganda dari template lama. */
  .kf-site-frame{padding-top:0!important;}
}

@media (max-width:480px){
  .kf-mobile-top-v174{
    height:70px;
    grid-template-columns:40px minmax(0,1fr) 40px 44px;
    gap:5px;
    padding:0 10px;
  }
  .kf-mobile-menu-btn-v174,
  .kf-mobile-search-btn-v174{width:38px;height:38px;}
  .kf-mobile-menu-btn-v174 svg,
  .kf-mobile-search-btn-v174 svg{width:28px;height:28px;}
  .kf-mobile-logo-img-v174{max-width:168px!important;max-height:45px!important;}
  .kf-mobile-textlogo-v174{font-size:27px;}
  .kf-mobile-live-v174{width:42px;height:44px;font-size:9px;}
  .kf-mobile-live-v174 svg{width:27px;height:22px;}
  .kf-mobile-tabs-v174{height:48px;padding:0 10px;}
  .kf-mobile-tabs-v174 a{height:48px;font-size:14px;padding:0 15px;}
}


/* ============================================================
   v1.7.5 — Blok 3 kolom kategori di bawah Berita Terbaru.
   Struktur editorial: 1 berita utama bergambar + berita ringkas.
   ============================================================ */
.kf-category-columns{
  margin-top:34px;
  margin-bottom:34px;
}
.kf-category-columns-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}
.kf-category-column{
  min-width:0;
}
.kf-category-column-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  margin:0 0 20px;
  padding:0 0 12px;
  border-bottom:1px solid #e3e6e8;
}
.kf-category-column-head::before{
  content:"";
  flex:0 0 4px;
  width:4px;
  height:34px;
  border-radius:4px;
  background:var(--kf-primary,#237786);
}
.kf-category-column-head h2{
  margin:0;
  font-size:25px;
  line-height:1.15;
  font-weight:700;
  color:#15191e;
}
.kf-category-column-head a{color:inherit;text-decoration:none;}
.kf-category-column-head a:hover{color:var(--kf-primary,#237786);}
.kf-category-featured{
  margin:0 0 18px;
  padding:0 0 20px;
  border-bottom:1px solid #e3e6e8;
}
.kf-category-featured-thumb{
  display:block;
  overflow:hidden;
  border-radius:8px;
  aspect-ratio:16/9;
  margin-bottom:13px;
  background:#eef1f3;
}
.kf-category-featured-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .36s ease;
}
.kf-category-featured-thumb:hover img{transform:scale(1.06);}
.kf-category-time{
  display:block;
  margin:0 0 7px;
  font-size:13px;
  line-height:1.35;
  color:#6d747b;
}
.kf-category-featured h3,
.kf-category-compact h3{
  margin:0;
  color:#111418;
  font-weight:500;
}
.kf-category-featured h3{
  font-size:19px;
  line-height:1.38;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-category-featured h3 a,
.kf-category-compact h3 a{color:inherit;text-decoration:none;}
.kf-category-featured h3 a:hover,
.kf-category-compact h3 a:hover{color:var(--kf-primary,#237786);}
.kf-category-compact{
  padding:0 0 18px;
  margin:0 0 18px;
  border-bottom:1px solid #e3e6e8;
}
.kf-category-compact:last-child{margin-bottom:0;}
.kf-category-compact h3{
  font-size:17px;
  line-height:1.42;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kf-category-empty{
  margin:0;
  padding:20px 0;
  color:#737b82;
  font-size:14px;
}
@media (max-width:900px){
  .kf-category-columns-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .kf-category-column:last-child{grid-column:1/-1;}
}
@media (max-width:620px){
  .kf-category-columns{margin-top:26px;}
  .kf-category-columns-grid{grid-template-columns:1fr;gap:28px;}
  .kf-category-column:last-child{grid-column:auto;}
  .kf-category-column-head{margin-bottom:15px;min-height:40px;}
  .kf-category-column-head::before{height:28px;}
  .kf-category-column-head h2{font-size:22px;}
  .kf-category-featured h3{font-size:18px;}
  .kf-category-compact h3{font-size:16px;}
}


/* ============================================================
   v1.7.6 — tombol Selengkapnya di bawah Berita Terbaru.
   Berita berikutnya disiapkan di halaman dan dibuka 5 item per klik.
   ============================================================ */
.kf-latest-after-tech-more-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:22px 0 30px;
  border-bottom:1px solid var(--kf-line);
}
.kf-latest-after-tech-more{
  appearance:none;
  border:0;
  border-radius:6px;
  background:#f1f1f1;
  color:#e46f29;
  min-width:190px;
  min-height:44px;
  padding:10px 22px;
  font-size:16px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.kf-latest-after-tech-more:hover,
.kf-latest-after-tech-more:focus-visible{
  background:#e9eef0;
  color:var(--kf-primary);
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(16,24,40,.08);
  outline:none;
}
.kf-latest-after-tech-more .kf-more-arrow{
  font-size:22px;
  line-height:.8;
  transition:transform .2s ease;
}
.kf-latest-after-tech-more:hover .kf-more-arrow{transform:translateX(3px)}
.kf-latest-after-tech-item.kf-latest-more-hidden{display:none!important;}
.kf-latest-after-tech-more-wrap[hidden]{display:none!important;}
/* rapikan jarak: tombol berada tepat sebelum blok Opini/Inspirasi/Advertorial */
.kf-latest-after-tech:has(.kf-latest-after-tech-more-wrap){margin-bottom:0!important;}
.kf-latest-after-tech + .kf-category-columns{margin-top:22px!important;}
@media(max-width:850px){
  .kf-latest-after-tech-more-wrap{padding:18px 0 24px;}
  .kf-latest-after-tech-more{min-width:170px;min-height:42px;font-size:15px;}
}

/* ============================================================
   v1.7.7 — SINGLE ARTICLE RELATED / FOOTER FLOW FIX
   Berita Terkait harus ikut menghitung tinggi dokumen sehingga footer
   selalu mulai setelah gambar, judul, kategori, dan waktu selesai.
   ============================================================ */
.single .kf-single-page-v173 .kf-article{
  display:block!important;
  max-width:100%!important;
}
.single .kf-single-page-v173 .kf-article>.kf-section:last-child{
  display:flow-root!important;
  margin-bottom:30px!important;
  padding-bottom:10px!important;
  overflow:visible!important;
}
.single .kf-single-page-v173 .kf-related{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
  width:100%!important;
  overflow:visible!important;
}
.single .kf-single-page-v173 .kf-related .kf-card{
  display:block!important;
  min-width:0!important;
  height:auto!important;
  position:relative!important;
  overflow:visible!important;
}
.single .kf-single-page-v173 .kf-related .kf-card-thumb{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
}
.single .kf-single-page-v173 .kf-related .kf-card-thumb img,
.single .kf-single-page-v173 .kf-related .kf-card-thumb .kf-placeholder{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}
.single .kf-single-page-v173 .kf-related .kf-card .cat,
.single .kf-single-page-v173 .kf-related .kf-card h3,
.single .kf-single-page-v173 .kf-related .kf-card .kf-meta{
  position:static!important;
  float:none!important;
  clear:none!important;
}
.single .kf-footer{
  clear:both!important;
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}
@media(max-width:850px){
  .single .kf-single-page-v173 .kf-related{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .single .kf-single-page-v173 .kf-related{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   v1.7.8 — ARTICLE CLEANUP, ICON SHARE, CLEAN LATEST LABELS,
             ELEGANT FOOTER
   ============================================================ */

/* Share artikel: icon-only, ringan dan konsisten dengan brand. */
.single .kf-share-icons{
  display:flex;
  align-items:center;
  gap:10px;
  margin:16px 0 22px;
}
.single .kf-share-icons .kf-share-icon{
  width:42px;
  height:42px;
  min-width:42px;
  padding:0!important;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #d9e0e5;
  background:#fff;
  box-shadow:0 5px 16px rgba(16,24,40,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.single .kf-share-icons .kf-share-icon svg{width:20px;height:20px;fill:currentColor;display:block}
.single .kf-share-icons .kf-share-icon:hover,
.single .kf-share-icons .kf-share-icon:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(16,24,40,.11);
  outline:none;
}
.single .kf-share-native{color:var(--kf-primary)}
.single .kf-share-native:hover{border-color:rgba(35,119,134,.4)}
.single .kf-share-wa{color:#fff!important;background:#25D366!important;border-color:#25D366!important}
.single .kf-share-fb{color:#fff!important;background:#1877F2!important;border-color:#1877F2!important}

/* Berita lanjutan homepage tetap ada, tetapi label duplikat "Berita Terbaru" dihilangkan. */
.home .kf-section-head-link-only{
  justify-content:flex-end;
  min-height:24px;
  margin-bottom:8px;
  padding-top:8px;
}
.home .kf-section-head-link-only .kf-section-link{margin-left:auto}

/* Footer baru: lebih ringkas, editorial, dan jelas terpisah dari isi berita. */
.kf-footer-v178{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-top:34px!important;
  padding:0!important;
  border-top:0!important;
  color:#eef9fa;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(135deg,#103f48 0%,#185f6b 54%,#237786 100%)!important;
}
.kf-footer-v178 .kf-footer-glow{
  position:absolute;
  width:420px;
  height:420px;
  right:-170px;
  top:-220px;
  border-radius:50%;
  background:rgba(231,129,25,.18);
  filter:blur(2px);
  pointer-events:none;
}
.kf-footer-v178 .kf-footer-shell{position:relative;z-index:1;padding-top:42px;padding-bottom:20px}
.kf-footer-v178 .kf-footer-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:34px;
  align-items:end;
  padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.kf-footer-v178 .kf-footer-brand{font-size:38px;line-height:1;font-weight:900;letter-spacing:-1.8px;color:#fff!important}
.kf-footer-v178 .kf-footer-brand span{color:#f3942d!important}
.kf-footer-v178 .kf-footer-note{max-width:470px;margin:13px 0 0;font-size:13px;line-height:1.7;color:rgba(255,255,255,.75)}
.kf-footer-v178 .kf-footer-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.kf-footer-v178 .kf-footer-values span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.kf-footer-v178 .kf-footer-tagline{justify-self:end;max-width:390px;padding-left:24px;border-left:3px solid #f3942d}
.kf-footer-v178 .kf-footer-tagline-kicker{display:block;margin-bottom:7px;color:#ffd3a3;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.kf-footer-v178 .kf-footer-tagline strong{font-size:20px;line-height:1.38;color:#fff}
.kf-footer-v178 .kf-footer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding:26px 0 10px;
}
.kf-footer-v178 .kf-footer-col{
  min-width:0;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(4px);
}
.kf-footer-v178 h4{position:relative;margin:0 0 15px;padding-bottom:9px;font-size:13px;color:#fff}
.kf-footer-v178 h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:#f3942d}
.kf-footer-v178 ul{list-style:none;margin:0;padding:0}
.kf-footer-v178 li{margin:0;border-bottom:1px solid rgba(255,255,255,.08)}
.kf-footer-v178 li:last-child{border-bottom:0}
.kf-footer-v178 li a{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:7px 0;
  color:rgba(255,255,255,.78)!important;
  font-size:11px;
  transition:color .2s ease,transform .2s ease;
}
.kf-footer-v178 li a:hover{color:#fff!important;transform:translateX(3px)}
.kf-footer-v178 .widget{margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.kf-footer-v178 .widget-title{display:none!important}
.kf-footer-v178 .kf-copyright{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.58);
  font-size:10px;
}
@media(max-width:900px){
  .kf-footer-v178 .kf-footer-intro{grid-template-columns:1fr;gap:22px}
  .kf-footer-v178 .kf-footer-tagline{justify-self:start;max-width:none}
  .kf-footer-v178 .kf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .single .kf-share-icons .kf-share-icon{width:40px;height:40px;min-width:40px}
  .kf-footer-v178 .kf-footer-shell{padding-top:32px;padding-bottom:16px}
  .kf-footer-v178 .kf-footer-brand{font-size:32px}
  .kf-footer-v178 .kf-footer-tagline strong{font-size:17px}
  .kf-footer-v178 .kf-footer-grid{grid-template-columns:1fr;gap:12px}
  .kf-footer-v178 .kf-footer-col{padding:17px 18px}
  .kf-footer-v178 .kf-copyright{flex-direction:column;gap:4px}
}


/* ==========================================================
   v1.7.9 — FOOTER CLEAN / TANPA KARTU + ALAMAT REDAKSI
   ========================================================== */
.kf-footer-v178 .kf-footer-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);
  gap:54px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.14);
}
.kf-footer-v178 .kf-footer-col{
  min-width:0;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.kf-footer-v178 .kf-footer-col + .kf-footer-col{
  border-left:1px solid rgba(255,255,255,.10)!important;
  padding-left:34px!important;
}
.kf-footer-v178 .kf-footer-address p{
  max-width:430px;
  margin:0;
  color:rgba(255,255,255,.80);
  font-size:13px;
  line-height:1.75;
}
.kf-footer-v178 h4{
  margin-bottom:14px;
}
.kf-footer-v178 li{
  border-bottom:0!important;
  margin:7px 0;
}
.kf-footer-v178 li a{
  padding:2px 0!important;
}
@media (max-width:980px){
  .kf-footer-v178 .kf-footer-grid{grid-template-columns:1fr 1fr;gap:28px 34px}
  .kf-footer-v178 .kf-footer-col + .kf-footer-col{border-left:0!important;padding-left:0!important}
}
@media (max-width:640px){
  .kf-footer-v178 .kf-footer-grid{grid-template-columns:1fr;gap:24px;padding-top:24px}
  .kf-footer-v178 .kf-footer-col{padding:0!important}
  .kf-footer-v178 .kf-footer-address p{font-size:12px;line-height:1.7}
}


/* ==========================================================
   v1.8.0 — FOOTER TANPA GARIS + TEKS DIPERBESAR
   ========================================================== */
.kf-footer-v178 .kf-footer-intro{
  padding-bottom:34px;
  border-bottom:0!important;
}
.kf-footer-v178 .kf-footer-note{
  font-size:16px;
  line-height:1.8;
}
.kf-footer-v178 .kf-footer-values span{
  min-height:36px;
  padding:7px 15px;
  font-size:12px;
}
.kf-footer-v178 .kf-footer-tagline{
  border-left:0!important;
  padding-left:0!important;
}
.kf-footer-v178 .kf-footer-tagline-kicker{
  font-size:15px;
  margin-bottom:10px;
}
.kf-footer-v178 .kf-footer-tagline strong{
  font-size:28px;
  line-height:1.45;
}
.kf-footer-v178 .kf-footer-grid{
  gap:60px;
  padding-top:22px;
  border-top:0!important;
}
.kf-footer-v178 .kf-footer-col + .kf-footer-col{
  border-left:0!important;
  padding-left:0!important;
}
.kf-footer-v178 h4{
  margin-bottom:18px;
  padding-bottom:0!important;
  font-size:18px;
}
.kf-footer-v178 h4:after{
  display:none!important;
}
.kf-footer-v178 .kf-footer-address p{
  max-width:520px;
  font-size:18px;
  line-height:1.95;
}
.kf-footer-v178 li{
  margin:10px 0;
}
.kf-footer-v178 li a{
  min-height:42px;
  font-size:17px;
  line-height:1.7;
}
.kf-footer-v178 .kf-copyright{
  margin-top:28px;
  padding-top:0!important;
  border-top:0!important;
  font-size:14px;
}
@media (max-width:980px){
  .kf-footer-v178 .kf-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:34px 42px;
  }
  .kf-footer-v178 .kf-footer-tagline strong{font-size:24px;}
  .kf-footer-v178 .kf-footer-address p{font-size:17px;}
  .kf-footer-v178 li a{font-size:16px;}
}
@media (max-width:640px){
  .kf-footer-v178 .kf-footer-note{font-size:14px;}
  .kf-footer-v178 .kf-footer-values span{font-size:11px;min-height:34px;}
  .kf-footer-v178 .kf-footer-tagline-kicker{font-size:13px;}
  .kf-footer-v178 .kf-footer-tagline strong{font-size:21px;line-height:1.5;}
  .kf-footer-v178 .kf-footer-grid{grid-template-columns:1fr;gap:26px;padding-top:18px;}
  .kf-footer-v178 h4{font-size:17px;margin-bottom:12px;}
  .kf-footer-v178 .kf-footer-address p{font-size:16px;line-height:1.85;}
  .kf-footer-v178 li a{font-size:15px;min-height:auto;}
  .kf-footer-v178 .kf-copyright{font-size:13px;}
}


/* ==========================================================
   v1.8.1 — FOOTER LOGO ASLI / INTRO RINGKAS
   ========================================================== */
.kf-footer-v178 .kf-footer-intro-logo-only{
  display:block!important;
  padding-bottom:22px!important;
  border-bottom:0!important;
}
.kf-footer-v178 .kf-footer-logo-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.kf-footer-v178 .kf-footer-original-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:320px;
  max-height:92px;
  object-fit:contain;
  object-position:left center;
}
.kf-footer-v178 .kf-footer-note,
.kf-footer-v178 .kf-footer-values,
.kf-footer-v178 .kf-footer-tagline{
  display:none!important;
}
.kf-footer-v178 .kf-footer-grid{
  padding-top:10px!important;
}
@media (max-width:640px){
  .kf-footer-v178 .kf-footer-intro-logo-only{padding-bottom:16px!important;}
  .kf-footer-v178 .kf-footer-original-logo{max-width:220px;max-height:70px;}
  .kf-footer-v178 .kf-footer-grid{padding-top:6px!important;}
}

/* ==========================================================
   v1.8.2 — FOOTER TEKS SERAGAM + BARIS LEBIH RAPAT
   ========================================================== */
.kf-footer-v178 .kf-footer-grid{
  align-items:start;
  gap:54px;
}
.kf-footer-v178 h4{
  margin:0 0 12px!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:700;
}
.kf-footer-v178 .kf-footer-address p,
.kf-footer-v178 li a{
  font-size:16px!important;
  line-height:1.45!important;
  font-weight:400;
}
.kf-footer-v178 .kf-footer-address p{
  margin:0!important;
  max-width:520px;
}
.kf-footer-v178 ul{
  margin:0!important;
  padding:0!important;
}
.kf-footer-v178 li{
  margin:0 0 7px!important;
}
.kf-footer-v178 li:last-child{
  margin-bottom:0!important;
}
.kf-footer-v178 li a{
  min-height:0!important;
  padding:0!important;
}
.kf-footer-v178 .kf-copyright{
  font-size:13px!important;
  line-height:1.4!important;
}
@media (max-width:980px){
  .kf-footer-v178 h4,
  .kf-footer-v178 .kf-footer-address p,
  .kf-footer-v178 li a{
    font-size:15px!important;
  }
}
@media (max-width:640px){
  .kf-footer-v178 .kf-footer-grid{
    gap:20px!important;
  }
  .kf-footer-v178 h4{
    margin-bottom:8px!important;
    font-size:15px!important;
  }
  .kf-footer-v178 .kf-footer-address p,
  .kf-footer-v178 li a{
    font-size:15px!important;
    line-height:1.4!important;
  }
  .kf-footer-v178 li{
    margin-bottom:5px!important;
  }
}


/* ============================================================
   v1.8.3 — MITRA STRATEGIS / HEADER KOMPAK
   - Judul modul dibuat ringkas seperti referensi user.
   - Garis pendek teal di kiri, teks oranye, satu baris.
   ============================================================ */
.kf-ecosystem-widget-v168 .kf-eco-head-v183{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 13px!important;
  padding:0 2px!important;
  min-height:24px;
}
.kf-ecosystem-widget-v168 .kf-eco-head-v183::before{
  content:"";
  flex:0 0 20px;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#1d8996;
  box-shadow:0 1px 0 rgba(255,255,255,.55);
}
.kf-ecosystem-widget-v168 .kf-eco-head-v183 .kf-eco-elegant-title{
  margin:0!important;
  color:#cf6d0b!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  white-space:nowrap;
}
/* Sembunyikan elemen judul lama bila markup lama masih tercache. */
.kf-ecosystem-widget-v168 .kf-eco-elegant-eyebrow,
.kf-ecosystem-widget-v168 .kf-eco-elegant-subtitle{
  display:none!important;
}
@media(max-width:520px){
  .kf-ecosystem-widget-v168 .kf-eco-head-v183{gap:8px;margin-bottom:11px!important;}
  .kf-ecosystem-widget-v168 .kf-eco-head-v183::before{flex-basis:18px;width:18px;}
  .kf-ecosystem-widget-v168 .kf-eco-head-v183 .kf-eco-elegant-title{font-size:17px!important;}
}


/* ==========================================================
   v1.8.4 — MITRA STRATEGIS / SATU KARTU FULL
   ========================================================== */
.kf-ecosystem-widget-v184{
  position:relative;margin:26px 0 30px;padding:18px;overflow:hidden;
  border:1px solid rgba(35,119,134,.14);border-radius:22px;
  background:radial-gradient(circle at 100% 0%,rgba(35,119,134,.12),transparent 34%),linear-gradient(145deg,#fbfdff 0%,#f5f9f9 62%,#fffaf3 100%);
  box-shadow:0 16px 42px rgba(15,42,50,.08);
}
.kf-eco-v184-head{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 3px;}
.kf-eco-v184-head::before{content:"";flex:0 0 22px;width:22px;height:2px;border-radius:999px;background:#188398;}
.kf-eco-v184-head h3{margin:0;padding:0;color:#d76d08;font-size:19px;line-height:1.2;font-weight:750;letter-spacing:-.2px;}
.kf-eco-v184-stage{position:relative;width:100%;height:340px;overflow:hidden;border-radius:18px;background:#dfe9e9;box-shadow:0 10px 28px rgba(16,52,61,.12);}
.kf-eco-v184-slide{position:absolute;inset:0;display:none;overflow:hidden;border-radius:inherit;color:#fff!important;text-decoration:none!important;}
.kf-eco-v184-slide.is-active{display:block;animation:kfEco184Fade .55s ease both;}
@keyframes kfEco184Fade{from{opacity:.18;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
.kf-eco-v184-media,.kf-eco-v184-media img,.kf-eco-v184-placeholder,.kf-eco-v184-overlay{position:absolute;inset:0;width:100%;height:100%;}
.kf-eco-v184-media{overflow:hidden;}
.kf-eco-v184-media img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);}
.kf-eco-v184-slide:hover .kf-eco-v184-media img{transform:scale(1.055);}
.kf-eco-v184-placeholder{background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.16),transparent 22%),linear-gradient(135deg,#136a78 0%,#347e7e 54%,#bd762b 120%);}
.kf-eco-v184-overlay{background:linear-gradient(180deg,rgba(5,26,31,.02) 30%,rgba(5,26,31,.18) 62%,rgba(5,26,31,.84) 100%);pointer-events:none;}
.kf-eco-v184-brand{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;color:#fff;font-size:22px;line-height:1.1;font-weight:800;letter-spacing:.035em;text-shadow:0 2px 12px rgba(0,0,0,.30);}
@media(max-width:1100px){.kf-ecosystem-widget-v184{padding:15px;border-radius:20px}.kf-eco-v184-stage{height:310px}.kf-eco-v184-brand{font-size:20px}}
@media(max-width:850px){.kf-ecosystem-widget-v184{max-width:520px;margin-left:auto;margin-right:auto}.kf-eco-v184-stage{height:360px}}
@media(max-width:520px){.kf-ecosystem-widget-v184{padding:14px 12px 12px;border-radius:18px}.kf-eco-v184-head{margin-bottom:12px;gap:8px}.kf-eco-v184-head::before{flex-basis:18px;width:18px}.kf-eco-v184-head h3{font-size:18px}.kf-eco-v184-stage{height:340px;border-radius:16px}.kf-eco-v184-brand{left:18px;right:18px;bottom:18px;font-size:21px}}

/* ==========================================================
   v1.8.5 — MITRA STRATEGIS FLAT / TANPA KOTAK LUAR
   ========================================================== */
.kf-widget.kf-ecosystem-widget-v184,
.kf-ecosystem-widget-v184{
  position:relative;
  margin:26px 0 30px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.kf-eco-v184-head{
  margin:0 0 14px!important;
  padding:0!important;
}
@media(max-width:1100px){
  .kf-widget.kf-ecosystem-widget-v184,
  .kf-ecosystem-widget-v184{padding:0!important;border-radius:0!important;}
}
@media(max-width:850px){
  .kf-widget.kf-ecosystem-widget-v184,
  .kf-ecosystem-widget-v184{max-width:520px;margin-left:auto!important;margin-right:auto!important;}
}
@media(max-width:520px){
  .kf-widget.kf-ecosystem-widget-v184,
  .kf-ecosystem-widget-v184{padding:0!important;border-radius:0!important;}
  .kf-eco-v184-head{margin-bottom:12px!important;padding:0!important;}
}


/* ============================================================
   v1.8.6 — SINGLE ARTICLE MOBILE CLEAN
   ============================================================ */
@media (max-width:850px){
  body.single{background:#fff!important;overflow-x:hidden!important;}
  body.single .kf-site-frame,
  body.single .kf-main,
  body.single .kf-single-page-v173,
  body.single .kf-single-content-v173,
  body.single .kf-article{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body.single .kf-single-page-v173{padding-top:14px!important;}
  body.single .kf-single-page-v173>.kf-container,
  body.single .kf-single-page-v173 .kf-container{
    width:100%!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.single .kf-grid-main{display:block!important;}
  body.single .kf-sidebar{display:none!important;}
  body.single .kf-article-header{padding:8px 0 16px!important;}
  body.single .kf-breadcrumb{font-size:12px!important;line-height:1.45!important;margin-bottom:9px!important;}
  body.single .kf-kicker{font-size:11px!important;padding:7px 10px!important;border-radius:6px!important;}
  body.single .kf-article-header h1{
    margin:11px 0 12px!important;
    font-size:30px!important;
    line-height:1.16!important;
    letter-spacing:-.45px!important;
    overflow-wrap:anywhere!important;
  }
  body.single .kf-article-subtitle{font-size:17px!important;line-height:1.55!important;margin-bottom:13px!important;}
  body.single .kf-byline{gap:7px 12px!important;font-size:12px!important;line-height:1.5!important;}
  body.single .kf-featured{width:calc(100% + 32px)!important;margin:8px -16px 12px!important;}
  body.single .kf-featured img{width:100%!important;height:auto!important;border-radius:0!important;display:block!important;}
  body.single .kf-caption{padding:0 16px!important;margin-top:6px!important;font-size:11px!important;line-height:1.45!important;}
  body.single .kf-share-icons{margin:14px 0 20px!important;}
  body.single .kf-entry-content{
    font-size:18px!important;
    line-height:1.72!important;
    color:#20242a!important;
    overflow:visible!important;
  }
  body.single .kf-entry-content p{margin:0 0 1.25em!important;}
  body.single .kf-entry-content img,
  body.single .kf-entry-content video,
  body.single .kf-entry-content iframe{max-width:100%!important;height:auto;}
  body.single .kf-article-footer{margin-top:24px!important;}
  body.single .kf-tags{font-size:13px!important;line-height:1.65!important;}
  body.single .kf-author-box{margin:22px 0!important;padding:14px!important;}
  body.single .kf-related{grid-template-columns:1fr!important;gap:18px!important;}
}
@media (max-width:420px){
  body.single .kf-single-page-v173>.kf-container,
  body.single .kf-single-page-v173 .kf-container{padding-left:14px!important;padding-right:14px!important;}
  body.single .kf-article-header h1{font-size:28px!important;line-height:1.17!important;}
  body.single .kf-featured{width:calc(100% + 28px)!important;margin-left:-14px!important;margin-right:-14px!important;}
  body.single .kf-caption{padding-left:14px!important;padding-right:14px!important;}
  body.single .kf-entry-content{font-size:17.5px!important;line-height:1.72!important;}
}


/* ============================================================
   v1.8.7 — MOBILE SINGLE ARTICLE BALANCED
   Rapikan halaman berita mobile: header penuh, teks/gambar konsisten.
   ============================================================ */
@media (max-width:850px){
  html, body.single{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  body.single .kf-site-frame{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* Header mobile benar-benar memenuhi viewport */
  body.single .kf-mobile-sticky-v174{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
  }
  body.single .kf-mobile-top-v174,
  body.single .kf-mobile-tabs-v174,
  body.single .kf-mobile-search-panel-v174{
    width:100%!important;
    max-width:none!important;
  }

  /* Area artikel */
  body.single .kf-main,
  body.single .kf-single-page-v173,
  body.single .kf-single-content-v173,
  body.single .kf-article{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single .kf-single-page-v173>.kf-container,
  body.single .kf-single-page-v173 .kf-container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 16px!important;
  }

  /* Judul dan meta lebih proporsional */
  body.single .kf-article-header{
    padding:14px 0 18px!important;
  }
  body.single .kf-article-header h1{
    font-size:clamp(28px,7.4vw,34px)!important;
    line-height:1.16!important;
    letter-spacing:-.35px!important;
    margin:10px 0 12px!important;
  }
  body.single .kf-article-subtitle{
    font-size:17px!important;
    line-height:1.55!important;
    margin:0 0 13px!important;
  }
  body.single .kf-byline{
    font-size:12px!important;
    line-height:1.5!important;
    gap:6px 10px!important;
  }

  /* Gambar unggulan edge-to-edge tapi tidak melebar keluar viewport */
  body.single .kf-featured{
    width:calc(100% + 32px)!important;
    max-width:none!important;
    margin:10px -16px 14px!important;
    overflow:hidden!important;
  }
  body.single .kf-featured img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:cover!important;
    border-radius:0!important;
  }
  body.single .kf-caption{
    padding:0 16px!important;
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.45!important;
    color:#667085!important;
  }

  /* Isi berita: semua elemen mengikuti lebar artikel */
  body.single .kf-entry-content{
    width:100%!important;
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.72!important;
    color:#25282d!important;
    overflow-wrap:break-word!important;
  }
  body.single .kf-entry-content > *{
    max-width:100%!important;
  }
  body.single .kf-entry-content p,
  body.single .kf-entry-content li,
  body.single .kf-entry-content blockquote{
    font-size:inherit!important;
    line-height:inherit!important;
  }
  body.single .kf-entry-content p{
    margin:0 0 1.35em!important;
  }
  body.single .kf-entry-content figure,
  body.single .kf-entry-content .wp-block-image,
  body.single .kf-entry-content .alignwide,
  body.single .kf-entry-content .alignfull{
    width:100%!important;
    max-width:100%!important;
    margin:20px 0!important;
  }
  body.single .kf-entry-content img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    border-radius:8px!important;
  }
  body.single .kf-entry-content figcaption,
  body.single .kf-entry-content .wp-element-caption{
    margin-top:6px!important;
    font-size:12px!important;
    line-height:1.45!important;
    color:#667085!important;
  }

  /* Share, tags, author dan related lebih rapi */
  body.single .kf-share-icons{
    margin:15px 0 22px!important;
    gap:10px!important;
  }
  body.single .kf-article-footer{
    margin-top:26px!important;
  }
  body.single .kf-tags{
    gap:7px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.single .kf-author-box{
    margin:24px 0!important;
    padding:14px!important;
  }
  body.single .kf-related{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  /* Hindari elemen lama/third-party memaksa lebar desktop */
  body.single iframe,
  body.single video,
  body.single table{
    max-width:100%!important;
  }
  body.single table{
    display:block;
    overflow-x:auto;
  }
}

@media (max-width:420px){
  body.single .kf-single-page-v173>.kf-container,
  body.single .kf-single-page-v173 .kf-container{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body.single .kf-featured{
    width:calc(100% + 30px)!important;
    margin-left:-15px!important;
    margin-right:-15px!important;
  }
  body.single .kf-caption{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body.single .kf-entry-content{
    font-size:17px!important;
    line-height:1.7!important;
  }
  body.single .kf-mobile-top-v174{
    height:64px!important;
    grid-template-columns:36px minmax(0,1fr) 36px 40px!important;
    gap:4px!important;
    padding:0 8px!important;
  }
  body.single .kf-mobile-logo-img-v174{
    max-width:150px!important;
    max-height:38px!important;
  }
  body.single .kf-mobile-tabs-v174{
    height:44px!important;
    padding:0 8px!important;
  }
  body.single .kf-mobile-tabs-v174 a{
    height:44px!important;
    padding:0 13px!important;
    font-size:13px!important;
  }
}

/* ==========================================================
   v1.8.8 — SINGLE ARTICLE: JARAK SETELAH TRENDING
   Memberi ruang napas antara bar Trending dan area artikel/sidebar.
   ========================================================== */
@media (min-width:851px){
  body.single .kf-single-page-v173{
    padding-top:30px!important;
  }
  body.single .kf-single-page-v173 .kf-grid-main{
    align-items:start!important;
  }
}

@media (max-width:850px){
  body.single .kf-single-page-v173{
    padding-top:18px!important;
  }
}

/* v1.9.1 — News Feed Absolute Latest:
   News Feed mengambil artikel terbaru global tanpa terdorong oleh exclusion
   dari Hero/Fokus/Quick/Video. */


/* ============================================================
   v1.9.2 — CONTINUOUS SINGLE ARTICLE SIDEBAR
   Untuk artikel panjang: sidebar kanan tidak berhenti setelah modul
   awal habis. Modul pendamping terakhir menjadi sticky dan tetap
   terlihat sampai akhir artikel, sehingga kolom kanan tidak berubah
   menjadi ruang putih panjang.
   ============================================================ */
@media (min-width:851px){
  body.single .kf-single-page-v192 .kf-grid-main{
    align-items:stretch!important;
  }
  body.single .kf-single-page-v192 .kf-sidebar{
    align-self:stretch!important;
    min-height:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v192 .kf-sidebar-sticky{
    position:static!important;
    top:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v192 .kf-sidebar-sticky>.kf-v173-auto-hidden{
    display:block!important;
  }
  body.single .kf-single-page-v192 .kf-single-rail-follow-v192{
    position:sticky;
    top:82px;
    z-index:4;
    align-self:flex-start;
    margin-top:4px;
    padding-bottom:18px;
  }
  body.admin-bar.single .kf-single-page-v192 .kf-single-rail-follow-v192{
    top:114px;
  }
  body.single .kf-single-page-v192 .kf-single-rail-follow-v192>.kf-widget:last-child{
    margin-bottom:0;
  }
  body.single .kf-single-page-v192 .kf-single-latest-v192{
    background:#fff;
  }
  body.single .kf-single-page-v192 .kf-single-latest-v192 .kf-widget-title{
    margin-top:0;
  }
  body.single .kf-single-page-v192 .kf-single-latest-item-v192{
    grid-template-columns:92px minmax(0,1fr);
    gap:10px;
    margin-bottom:10px;
    padding-bottom:10px;
  }
  body.single .kf-single-page-v192 .kf-single-latest-item-v192>a{
    width:92px;
    height:66px;
  }
  body.single .kf-single-page-v192 .kf-single-latest-item-v192 h4{
    font-size:13px;
    line-height:1.3;
    margin:0 0 5px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.single .kf-single-page-v192 .kf-single-latest-item-v192 .kf-meta{
    font-size:10px;
  }
}
@media (max-width:850px){
  body.single .kf-single-page-v192 .kf-single-rail-follow-v192{
    position:static!important;
    top:auto!important;
  }
}


/* ============================================================
   v1.9.3 — SMART FOLLOW SIDEBAR (PERBAIKAN ARTIKEL PANJANG)
   v1.9.2 menempelkan iklan 300x600 + daftar berita dalam SATU elemen
   sticky. Tingginya melebihi viewport, sehingga ketika halaman digulir
   yang terlihat kadang hanya bagian paling bawah dari sidebar.

   v1.9.3 memisahkan iklan dari panel sticky. Hanya panel Berita Terbaru
   yang sticky dan ukurannya selalu muat di viewport. Panel ini akan tetap
   terlihat selama artikel kiri masih berjalan dan berhenti sebelum footer.
   ============================================================ */
@media (min-width:851px){
  body.single .kf-single-page-v193 .kf-grid-main{
    align-items:stretch!important;
  }
  body.single .kf-single-page-v193 .kf-sidebar{
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v193 .kf-sidebar-sticky{
    position:static!important;
    top:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v193 .kf-sidebar-sticky>.kf-v173-auto-hidden{
    display:block!important;
  }

  /* Iklan tetap mengalir normal. Jangan masukkan iklan tinggi ke sticky. */
  body.single .kf-single-page-v193 .kf-single-rail-ad-v193{
    position:static!important;
    margin:4px 0 18px;
  }

  /* Hanya panel ringkas ini yang mengikuti scroll. */
  body.single .kf-single-page-v193 .kf-single-rail-follow-v193{
    position:sticky!important;
    top:82px!important;
    z-index:4;
    align-self:flex-start!important;
    max-height:calc(100vh - 100px);
    overflow:hidden;
    margin-top:0;
    padding:0 0 14px;
    background:#fff;
  }
  body.admin-bar.single .kf-single-page-v193 .kf-single-rail-follow-v193{
    top:114px!important;
    max-height:calc(100vh - 132px);
  }
  body.single .kf-single-page-v193 .kf-single-latest-v193{
    margin:0!important;
    padding-top:0!important;
    background:#fff;
  }
  body.single .kf-single-page-v193 .kf-single-latest-v193 .kf-widget-title{
    margin:0 0 12px!important;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193{
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    margin:0 0 9px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid #e5e7eb;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193:last-child{
    margin-bottom:0!important;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193>a{
    display:block!important;
    width:88px!important;
    height:62px!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193>a img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193 h4{
    margin:0 0 4px!important;
    font-size:12.5px!important;
    line-height:1.28!important;
    font-weight:700!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.single .kf-single-page-v193 .kf-single-latest-item-v193 .kf-meta{
    font-size:10px!important;
    line-height:1.3!important;
  }
}
@media (max-width:850px){
  body.single .kf-single-page-v193 .kf-single-rail-follow-v193,
  body.single .kf-single-page-v193 .kf-single-rail-ad-v193{
    position:static!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* ============================================================
   v1.9.4 — FIXED FOLLOW RAIL (ROOT FIX)
   Root cause: position:sticky pada v1.9.3 dibatasi oleh tinggi ancestor
   .kf-sidebar-sticky yang hanya setinggi kumpulan widget. Akibatnya rail
   berhenti sebelum isi artikel selesai. v1.9.4 menggunakan controller JS
   fixed/absolute dan memperpanjang ancestor mengikuti tinggi artikel.
   ============================================================ */
@media (min-width:851px){
  body.single .kf-single-page-v194 .kf-grid-main{
    align-items:stretch!important;
  }
  body.single .kf-single-page-v194 .kf-sidebar{
    position:relative!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v194 .kf-sidebar-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
  }
  body.single .kf-single-page-v194 .kf-sidebar-sticky>.kf-v173-auto-hidden{
    display:block!important;
  }

  /* Rail dikendalikan JS v1.9.4, bukan CSS sticky lama. */
  body.single .kf-single-page-v194 .kf-single-rail-follow-v193{
    position:static;
    top:auto;
    left:auto;
    width:auto;
    max-height:calc(100vh - 112px);
    overflow:hidden;
    margin-top:0;
    padding:0 0 14px;
    background:#fff;
    box-sizing:border-box;
  }
  body.single .kf-single-page-v194 .kf-single-rail-follow-v193.is-kf-fixed-v194{
    box-shadow:0 8px 28px rgba(15,23,42,.07);
  }
  body.single .kf-single-page-v194 .kf-single-rail-follow-v193.is-kf-bottom-v194{
    box-shadow:none;
  }
}
@media (max-width:850px){
  body.single .kf-single-page-v194 .kf-single-rail-follow-v193{
    position:static!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* ============================================================
   v1.9.5 — POPPINS ARTICLE TYPOGRAPHY
   Tipografi modern khusus halaman artikel; area homepage/menu
   tidak diubah.
   ============================================================ */
body.single .kf-article,
body.single .kf-article-header,
body.single .kf-entry-content,
body.single .kf-article-footer,
body.single .kf-author-box{
  font-family:'Poppins',Arial,sans-serif!important;
}

/* Isi berita: mengikuti karakter referensi — bersih, modern, lapang. */
body.single .kf-entry-content{
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.72!important;
  font-weight:400!important;
  letter-spacing:-0.01em;
  color:#111827;
}
body.single .kf-entry-content p,
body.single .kf-entry-content li,
body.single .kf-entry-content blockquote{
  font-family:'Poppins',Arial,sans-serif!important;
  font-weight:400!important;
}
body.single .kf-entry-content p{
  margin:0 0 1.45em!important;
}
body.single .kf-entry-content strong,
body.single .kf-entry-content b{
  font-weight:600!important;
}

/* Judul dan elemen pendukung dibuat serasi, tanpa mengubah struktur. */
body.single .kf-article-header h1{
  font-family:'Poppins',Arial,sans-serif!important;
  font-weight:700!important;
}
body.single .kf-article-subtitle{
  font-family:'Poppins',Arial,sans-serif!important;
  font-weight:400!important;
}
body.single .kf-byline,
body.single .kf-breadcrumb,
body.single .kf-caption,
body.single .kf-entry-content figcaption,
body.single .kf-entry-content .wp-element-caption{
  font-family:'Poppins',Arial,sans-serif!important;
}

/* Tablet */
@media (max-width:980px){
  body.single .kf-entry-content{
    font-size:18.5px!important;
    line-height:1.7!important;
  }
}

/* Mobile */
@media (max-width:640px){
  body.single .kf-entry-content{
    font-size:17px!important;
    line-height:1.72!important;
    letter-spacing:-0.005em;
  }
  body.single .kf-entry-content p{
    margin-bottom:1.35em!important;
  }
}