/* KabarLagi Modern News 2.5. Loaded last to normalize legacy layers. */
:root{
  --kl-accent:#e6392f;--kl-bg:#fff;--kl-surface:#f5f7fa;--kl-card:#fff;
  --kl-text:#15171a;--kl-muted:#616975;--kl-border:#e2e6eb;
  --kl-focus:#075abd;--kl-radius:16px;--kl-mobile-gutter:16px;
  --kl-shadow:0 8px 28px rgba(18,24,33,.07);color-scheme:light dark;
}
html.kl-mode-dark,html.kl-v6-dark,html.dark-mode{
  --kl-bg:#0e1116;--kl-surface:#151a21;--kl-card:#191f27;--kl-text:#f3f5f7;
  --kl-muted:#b7bec8;--kl-border:#303844;--kl-focus:#82bdff;
  --kl-v6-bg:var(--kl-bg);--kl-v6-card:var(--kl-card);--kl-v6-text:var(--kl-text);
  --kl-v6-muted:var(--kl-muted);--kl-v6-border:var(--kl-border);color-scheme:dark;
}
html{scroll-behavior:smooth;text-size-adjust:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
body.kl-modern-ui{margin:0;background:var(--kl-bg);color:var(--kl-text);overflow-wrap:break-word}
body.kl-modern-ui #page{width:100%!important;max-width:none!important;margin:0!important;background:var(--kl-bg)!important;overflow:clip}
body.kl-modern-ui #main{width:100%;background:var(--kl-bg)!important;text-align:initial}
body.kl-modern-ui :where(p,li,dd){line-height:1.7}
body.kl-modern-ui :where(img,video,iframe,svg,canvas){max-width:100%;height:auto}
body.kl-modern-ui img{display:block}
body.kl-modern-ui iframe{border:0}
body.kl-modern-ui :where(input,select,textarea,button){font:inherit}
body.kl-modern-ui :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--kl-focus)!important;outline-offset:3px}
body.kl-modern-ui a{touch-action:manipulation}
.skip-link{position:fixed!important;z-index:2147483647;top:10px;left:10px;padding:12px 16px;background:var(--kl-text);color:var(--kl-bg);border-radius:9px;transform:translateY(-160%);transition:transform .15s}
.skip-link:focus{transform:none}

/* Stable page grid */
body.kl-modern-ui #main>.container{width:min(100% - 40px,1240px)!important;max-width:1240px!important;margin-inline:auto!important;padding:32px 0 0!important}
body.kl-modern-ui .main-row{display:flex;margin:0 -14px!important;min-width:0}
body.kl-modern-ui :where(#primary,#container,#sidebar){min-width:0;padding-inline:14px}
body.kl-modern-ui :where(.site-content,.content-area,#content,.primary-row,.widget-area,.post,.page,.archive-box){min-width:0;max-width:100%}
body.kl-modern-ui :where(.entry-content,.comment-content){word-break:normal;overflow-wrap:anywhere}
body.kl-modern-ui .entry-content table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse}
body.kl-modern-ui .entry-content pre{max-width:100%;overflow:auto}
body.kl-modern-ui .wp-caption{max-width:100%}

/* Modern header */
body.kl-modern-ui .site-header{background:var(--kl-card)!important;border-bottom:1px solid var(--kl-border)!important;box-shadow:0 2px 14px rgba(18,24,33,.04)}
body.kl-modern-ui .site-header :where(.nav-1,.nav-2){background:var(--kl-card)!important;color:var(--kl-text)!important}
body.kl-modern-ui .site-header>.container,body.kl-modern-ui .site-header .nav-1>.container,body.kl-modern-ui .site-header .nav-2>.container{width:min(100% - 40px,1240px)!important;max-width:1240px!important;margin-inline:auto!important}
body.kl-modern-ui .site-branding{min-width:0}
body.kl-modern-ui .custom-logo{width:auto;max-width:min(200px,42vw);max-height:52px;object-fit:contain}
body.kl-modern-ui .site-title{line-height:1.1}
body.kl-modern-ui .main-navigation a{font-weight:700;letter-spacing:-.01em}
body.kl-modern-ui .main-navigation .current-menu-item>a{color:var(--kl-accent)!important}
body.kl-modern-ui .menu-button{appearance:none;border:0;background:transparent;color:inherit;border-radius:10px;padding:10px;cursor:pointer}

/* Cards and controls */
body.kl-modern-ui :where(.widget,.archive-box,.kl-card,.kl-news-card,.kl-v6-section){border-color:var(--kl-border);border-radius:var(--kl-radius);box-shadow:var(--kl-shadow)}
body.kl-modern-ui :where(input,select,textarea){max-width:100%;min-height:44px;background:var(--kl-card);color:var(--kl-text);border:1px solid var(--kl-border);border-radius:9px}
body.kl-modern-ui :where(button,[type=button],[type=submit]){min-height:44px;min-width:44px}
body.kl-modern-ui .kl-v6-section-head h2::before,body.kl-modern-ui .kl-v5-section-head h2::before{background:var(--kl-accent)!important}
body.kl-modern-ui :where(.kl-v6-section-head,.kl-v5-section-head) a{color:var(--kl-accent)!important}
body.kl-modern-ui .navigation.pagination{margin-block:30px}
body.kl-modern-ui .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.kl-modern-ui .page-numbers{display:grid;place-items:center;min-width:42px;min-height:42px;padding:7px;border:1px solid var(--kl-border);border-radius:9px;background:var(--kl-card);color:var(--kl-text);text-decoration:none}
body.kl-modern-ui .page-numbers.current{background:var(--kl-accent);border-color:var(--kl-accent);color:#fff}

/* High-contrast professional footer */
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid){background:linear-gradient(145deg,#151c28 0%,#202b3a 100%)!important;color:#f8fafc!important;border-top:4px solid var(--kl-accent)}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) :where(h2,h3,.kl-v5-footer-quote){color:#fff!important}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) :where(p,a,.kl-v5-footer-bottom){color:#dce3ec!important}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) :where(.kl-v5-footer-top,.kl-v5-footer-grid,.kl-v5-footer-bottom){border-color:rgba(255,255,255,.18)!important}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) .kl-v5-footer-logo{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.96)}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) .kl-v5-footer-apps a{background:#fff!important;color:#172033!important;border-color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.18)}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) .kl-v5-footer-apps a:hover{background:var(--kl-accent)!important;color:#fff!important;border-color:var(--kl-accent)!important}
body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) .kl-v5-map-frame{overflow:hidden;border:3px solid rgba(255,255,255,.9);border-radius:16px;background:#fff}

/* Single-post reader controls */
body.kl-modern-ui.single .kl-v6-reader-toolbar{display:grid!important;grid-template-columns:repeat(3,48px) minmax(132px,auto)!important;align-items:center!important;justify-content:start!important;gap:8px!important;width:max-content!important;max-width:100%!important;margin:16px 0 24px!important;padding:8px!important;border:1px solid var(--kl-border)!important;border-radius:16px!important;background:var(--kl-card)!important;box-shadow:var(--kl-shadow)!important}
body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--kl-border)!important;border-radius:11px!important;background:var(--kl-surface)!important;color:var(--kl-text)!important;font-size:15px!important;font-weight:850!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-control:hover,body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-control:focus-visible{background:var(--kl-accent)!important;border-color:var(--kl-accent)!important;color:#fff!important}
body.kl-modern-ui:not(.single) .kl-v6-reader-toolbar{display:none!important}

/* Professional author card */
body.kl-modern-ui.single .kl-v4-author-box{grid-template-columns:104px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;width:100%!important;max-width:760px!important;margin:40px auto!important;padding:26px!important;border:1px solid var(--kl-border)!important;border-radius:22px!important;background:linear-gradient(145deg,var(--kl-card),var(--kl-surface))!important;box-shadow:var(--kl-shadow)!important}
body.kl-modern-ui.single .kl-v4-author-box-avatar img{width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 0 0 5px var(--kl-card),0 10px 26px rgba(15,23,42,.16)}
body.kl-modern-ui.single .kl-v4-author-box h3{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 9px!important;color:var(--kl-text)!important}
body.kl-modern-ui.single .kl-v4-author-box h3 a{color:var(--kl-text)!important}
body.kl-modern-ui.single .kl-v4-author-box .kl-v4-author-badge{display:inline-grid!important;place-items:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;border:0!important;box-shadow:0 0 0 3px var(--kl-card)!important;font-size:12px!important;line-height:1!important}
body.kl-modern-ui.single .kl-v4-author-box p{margin:0 0 16px!important;color:var(--kl-muted)!important;font-size:15px!important;line-height:1.65!important}
body.kl-modern-ui.single .kl-v4-author-box-links{gap:9px!important}
body.kl-modern-ui.single .kl-v4-author-box-links>a{min-height:40px;display:inline-flex!important;align-items:center!important;color:var(--kl-text)!important;background:var(--kl-card)!important;border-color:var(--kl-border)!important}

/* Story thumbnails and viewer: centered image over blurred thumbnail */
body.kl-modern-ui .kl-v6-story-thumb{isolation:isolate;position:relative!important;background:#111827!important;overflow:hidden!important}
body.kl-modern-ui .kl-v6-story-thumb::after{z-index:4!important;pointer-events:none}
body.kl-modern-ui .kl-v6-story-thumb-blur{position:absolute!important;inset:-18px!important;z-index:0!important;width:auto!important;height:auto!important;background-position:center!important;background-size:cover!important;filter:blur(18px) saturate(.9)!important;transform:scale(1.12);opacity:.76}
body.kl-modern-ui .kl-v6-story-thumb img{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:rgba(3,7,18,.18)}
body.kl-modern-ui .kl-v6-story-card{border-radius:20px!important}
.kl-v6-story-media{isolation:isolate;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:#070b12!important;opacity:1!important;overflow:hidden!important}
.kl-v6-story-media-blur{position:absolute;inset:-35px;z-index:0;background-position:center;background-size:cover;filter:blur(28px) saturate(.92);transform:scale(1.14);opacity:.72}
.kl-v6-story-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;background:rgba(2,6,23,.18)}
.kl-v6-story-shell::after{z-index:1!important;background:linear-gradient(180deg,rgba(2,6,23,.05) 0%,rgba(2,6,23,.12) 42%,rgba(2,6,23,.92) 100%)!important}
.kl-v6-story-copy{z-index:2!important}

/* Drawer and overlays */
.kl-v6-app-drawer[aria-hidden=true]{visibility:hidden}
.kl-v6-app-drawer[aria-hidden=false]{visibility:visible}
body.show-nav .kl-v6-app-drawer{visibility:visible}
.kl-scroll-locked,body.show-nav{overflow:hidden}
.kl-v6-drawer-close{cursor:pointer}
.kl-reading-progress{position:fixed;z-index:2147483600;inset:0 auto auto 0;width:0;height:3px;background:var(--kl-accent);pointer-events:none}

/* Dark surface repair */
html.kl-mode-dark body.kl-modern-ui :where(#page,#main,.site-header,.nav-1,.nav-2,.widget,.kl-v6-section,.kl-news-card),
html.kl-v6-dark body.kl-modern-ui :where(#page,#main,.site-header,.nav-1,.nav-2,.widget,.kl-v6-section,.kl-news-card),
html.dark-mode body.kl-modern-ui :where(#page,#main,.site-header,.nav-1,.nav-2,.widget,.kl-v6-section,.kl-news-card){background-color:var(--kl-card)!important;color:var(--kl-text)!important;border-color:var(--kl-border)!important}
html.kl-mode-dark body.kl-modern-ui :where(.entry-title,.entry-title a,h1,h2,h3,h4),
html.kl-v6-dark body.kl-modern-ui :where(.entry-title,.entry-title a,h1,h2,h3,h4),
html.dark-mode body.kl-modern-ui :where(.entry-title,.entry-title a,h1,h2,h3,h4){color:var(--kl-text)!important}

/* Tablet */
@media(max-width:1023px){
  body.kl-modern-ui #main>.container{width:100%!important;max-width:none!important;padding:26px 24px 0!important}
  body.kl-modern-ui .main-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin:0!important}
  body.kl-modern-ui :where(#primary,#container,#sidebar){width:100%!important;max-width:100%!important;float:none!important;padding:0!important;margin-inline:0!important}
  body.kl-modern-ui :where(#sidebar,.widget-area){margin-top:34px}
  body.kl-modern-ui .site-header>.container,body.kl-modern-ui .site-header .nav-1>.container,body.kl-modern-ui .site-header .nav-2>.container{width:100%!important;padding-inline:24px!important}
  body.kl-modern-ui .kl-v6-builder-content{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  body.kl-modern-ui .kl-v6-builder-sidebar{position:static!important}
}

/* Phone: full viewport, one gutter, no cumulative narrowing */
@media(max-width:767px){
  body.kl-modern-ui #page,body.kl-modern-ui #main,body.kl-modern-ui #primary,body.kl-modern-ui #content{width:100%!important;max-width:none!important}
  body.kl-modern-ui #main>.container{width:100%!important;max-width:none!important;margin:0!important;padding:20px var(--kl-mobile-gutter) 0!important}
  body.kl-modern-ui .main-row,body.kl-modern-ui .primary-row{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  body.kl-modern-ui :where(#primary,#container,#sidebar,.site-content,.content-area){width:100%!important;max-width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important;float:none!important}
  body.kl-modern-ui .site-header>.container,body.kl-modern-ui .site-header .nav-1>.container,body.kl-modern-ui .site-header .nav-2>.container{width:100%!important;max-width:none!important;padding-inline:var(--kl-mobile-gutter)!important}
  body.kl-modern-ui .site-header :where(.flex,.flex-center){min-height:62px;gap:10px;flex-wrap:nowrap!important}
  body.kl-modern-ui .site-branding{flex:1 1 auto!important;max-width:calc(100% - 104px)!important}
  body.kl-modern-ui .site-branding-text{min-width:0}
  body.kl-modern-ui .site-title{font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.kl-modern-ui .site-description{display:none}
  body.kl-modern-ui .custom-logo{max-width:min(164px,46vw);max-height:42px}
  body.kl-modern-ui .utility-links{flex:0 0 auto!important;white-space:nowrap}
  body.kl-modern-ui .menu-button{display:grid!important;place-items:center;flex:0 0 44px!important;width:44px;height:44px;margin:0!important}
  body.kl-modern-ui .main-navigation{display:none!important}

  body.kl-modern-ui .kl-home-magazine-v6,
  body.kl-modern-ui .kl-home-section,
  body.kl-modern-ui .kl-v6-story-section,
  body.kl-modern-ui .kl-v6-category-tiles{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  body.kl-modern-ui .kl-v6-builder-main{gap:22px!important}
  body.kl-modern-ui .kl-v6-section{width:100%!important;margin:0 0 20px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  body.kl-modern-ui :where(.kl-v6-section-head,.kl-v5-section-head){margin-bottom:13px!important;gap:10px!important}
  body.kl-modern-ui :where(.kl-v6-section-head,.kl-v5-section-head) h2{font-size:22px!important;line-height:1.15!important;padding-left:13px!important}
  body.kl-modern-ui .kl-v6-grid,body.kl-modern-ui :where(.kl-v6-grid-2,.kl-v6-grid-3,.kl-v6-grid-4){grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body.kl-modern-ui .kl-v6-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:14px!important}
  body.kl-modern-ui .kl-v6-hero .kl-news-card{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:15px!important;padding:0!important}
  body.kl-modern-ui .kl-v6-hero .kl-hero-main{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/11!important}
  body.kl-modern-ui .kl-v6-hero .kl-card-body{padding:52px 15px 14px!important}
  body.kl-modern-ui .kl-v6-hero .kl-card-title{font-size:19px!important;line-height:1.22!important;margin:5px 0!important}
  body.kl-modern-ui .kl-v6-hero .kl-hero-main .kl-card-title{font-size:24px!important}
  body.kl-modern-ui :where(.kl-news-card,.grid-row article){margin:0!important;padding:0!important;border-radius:15px!important;overflow:hidden!important}
  body.kl-modern-ui .kl-home-magazine-v6 .kl-card-body{padding:14px!important}
  body.kl-modern-ui .kl-home-magazine-v6 .kl-card-title{font-size:18px!important;line-height:1.28!important}
  body.kl-modern-ui .kl-v6-scroll-row{width:calc(100% + var(--kl-mobile-gutter))!important;grid-auto-columns:minmax(250px,82vw)!important;gap:13px!important;padding-right:var(--kl-mobile-gutter)!important;scrollbar-width:none}
  body.kl-modern-ui .kl-v6-scroll-row::-webkit-scrollbar{display:none}
  body.kl-modern-ui :where(.kl-home-magazine-v6,.kl-v6-builder-main,.kl-v6-recent,.kl-v6-slider,.kl-v5-fyp,.kl-v5-format-section){margin-left:auto!important;margin-right:auto!important;transform:none!important}
  body.kl-modern-ui :where(.kl-v6-grid,.kl-news-grid){width:100%!important;margin-inline:auto!important;justify-content:center!important}
  body.kl-modern-ui :where(.kl-v5-fyp-grid,.kl-v2-scroll-row,.kl-v5-media-row){width:100%!important;max-width:100%!important;margin-inline:auto!important;scroll-padding-inline:var(--kl-mobile-gutter)!important}
  body.kl-modern-ui :where(.kl-v5-fyp-grid,.kl-v2-scroll-row,.kl-v5-media-row)>*{scroll-snap-align:center!important}
  body.kl-modern-ui :where(.kl-auto-ticker-wrap,.kl-v5-ticker){width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}

  /* News archive */
  body.kl-modern-ui .qlm-list{gap:0!important}
  body.kl-modern-ui .qlm-list article.kl-v6-archive-item,
  body.kl-modern-ui .qlm-list article{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;width:100%!important;padding:0 0 17px!important;margin:0 0 17px!important;border-bottom:1px solid var(--kl-border)!important;overflow:visible!important}
  body.kl-modern-ui .qlm-list article :where(.post-img,.video-thumb){grid-column:1!important;grid-row:1!important;width:118px!important;height:86px!important;aspect-ratio:auto!important;margin:0!important;border-radius:12px!important;overflow:hidden!important}
  body.kl-modern-ui .qlm-list article :where(.post-img,.video-thumb) :where(a,img){display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  body.kl-modern-ui .qlm-list article .entry-content{grid-column:2!important;grid-row:1!important;width:100%!important;padding:0!important;margin:0!important}
  body.kl-modern-ui .qlm-list article .entry-title{font-size:18px!important;line-height:1.25!important;letter-spacing:-.015em!important;margin:0 0 7px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.kl-modern-ui .qlm-list article .post-excerpt{display:none!important}
  body.kl-modern-ui .qlm-list article :where(.entry-meta,.meta,.post-meta){gap:5px 8px!important;font-size:11px!important;line-height:1.3!important}
  body.kl-modern-ui.kl-mobile-cards-stacked .qlm-list article{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:var(--kl-card)!important;border:1px solid var(--kl-border)!important;border-radius:16px!important;box-shadow:var(--kl-shadow)!important;overflow:hidden!important}
  body.kl-modern-ui.kl-mobile-cards-stacked .qlm-list article :where(.post-img,.video-thumb){order:1;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important}
  body.kl-modern-ui.kl-mobile-cards-stacked .qlm-list article .entry-content{order:2;padding:15px!important}
  body.kl-modern-ui.kl-mobile-cards-stacked .qlm-list article .post-excerpt{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* Article reading view */
  body.kl-modern-ui.single :where(.article-body,.entry-header){width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-inline:0!important}
  body.kl-modern-ui.single .single-post-title{font-size:clamp(28px,8.5vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin-bottom:12px!important}
  body.kl-modern-ui.single .entry-sub-title{font-size:17px!important;line-height:1.5!important}
  body.kl-modern-ui.single .article-body{font-size:17px!important;line-height:1.76!important;text-align:left!important}
  body.kl-modern-ui.single .single-post-thumb{width:calc(100% + (2 * var(--kl-mobile-gutter)))!important;max-width:none!important;margin-left:calc(-1 * var(--kl-mobile-gutter))!important;border-radius:0!important;overflow:hidden}
  body.kl-modern-ui.single .single-post-thumb img{width:100%!important;height:auto!important}
  body.kl-modern-ui.single .kl-v6-reader-toolbar{width:100%!important;grid-template-columns:repeat(3,minmax(44px,1fr)) minmax(116px,1.6fr)!important;margin:12px 0 20px!important}
  body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-control{min-width:0!important;padding-inline:7px!important}
  body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-audio-label{font-size:13px}
  body.kl-modern-ui .entry-content :where(iframe,video){width:100%;max-width:100%}
  body.kl-modern-ui .entry-content :where(.wp-block-embed__wrapper){overflow:hidden}

  /* Secondary UI */
  body.kl-modern-ui :where(.kl-v6-error-card,.kl-v6-no-results,.kl-v6-ai-search,.kl-v6-search-inner){width:100%!important;padding:20px!important;border-radius:16px!important}
  body.kl-modern-ui .kl-v6-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.kl-modern-ui .kl-v6-category-tile{min-height:108px!important;padding:13px!important;border-radius:14px!important}
  body.kl-modern-ui :where(.post-navigation .nav-links,.comment-navigation .nav-links){display:grid;grid-template-columns:1fr;gap:10px}
  body.kl-modern-ui :where(.comment-form input,.comment-form textarea,.search-form input){width:100%}
  body.kl-modern-ui .kl-v6-mode-toggle{right:12px!important;bottom:72px!important;top:auto!important;transform:none!important;width:44px!important;height:44px!important}

  body.kl-modern-ui .kl-v6-story-row{display:flex!important;flex-direction:row!important;width:100%!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px max(2px,calc((100% - min(82vw,320px))/2)) 18px!important;scroll-padding-inline:max(2px,calc((100% - min(82vw,320px))/2))!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}
  body.kl-modern-ui .kl-v6-story-row::-webkit-scrollbar{display:none}
  body.kl-modern-ui .kl-v6-story-card{flex:0 0 min(82vw,320px)!important;width:min(82vw,320px)!important;min-height:0!important;margin:0!important;scroll-snap-align:center!important}
  body.kl-modern-ui .kl-v6-story-thumb{width:100%!important;height:auto!important;aspect-ratio:4/5!important;border-radius:20px!important}
  body.kl-modern-ui .kl-v6-story-title{padding:11px 4px 0!important;margin:0!important;text-align:left!important;color:var(--kl-text)!important}
  .kl-v6-story-viewer{padding:0!important}
  .kl-v6-story-shell{width:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important}

  body.kl-modern-ui.single .kl-v4-author-box{grid-template-columns:78px minmax(0,1fr)!important;gap:17px!important;align-items:start!important;padding:20px!important;border-radius:18px!important}
  body.kl-modern-ui.single .kl-v4-author-box-avatar img{width:78px!important;height:78px!important}
  body.kl-modern-ui.single .kl-v4-author-box-content{min-width:0}
  body.kl-modern-ui.single .kl-v4-author-box h3{font-size:23px!important}
  body.kl-modern-ui.single .kl-v4-author-box p,body.kl-modern-ui.single .kl-v4-author-box-links{grid-column:1/-1}

  body.kl-modern-ui .kl-v5-footer:not(.kl-v5-footer-kompas-grid) .kl-v5-footer-inner{width:100%!important;padding-inline:var(--kl-mobile-gutter)!important}
  body.kl-modern-ui .kl-v5-footer :where(.kl-v5-footer-top,.kl-v5-footer-grid){grid-template-columns:1fr!important;gap:26px!important}
  body.kl-modern-ui .kl-v5-footer .kl-v5-footer-col ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 18px!important}
}

@media(max-width:390px){
  body.kl-modern-ui .qlm-list article.kl-v6-archive-item,body.kl-modern-ui .qlm-list article{grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important}
  body.kl-modern-ui .qlm-list article :where(.post-img,.video-thumb){width:104px!important;height:78px!important}
  body.kl-modern-ui .qlm-list article .entry-title{font-size:16px!important;-webkit-line-clamp:3}
  body.kl-modern-ui .kl-v6-category-grid{grid-template-columns:1fr!important}
  body.kl-modern-ui.single .kl-v6-reader-toolbar{grid-template-columns:repeat(3,minmax(42px,1fr)) 52px!important}
  body.kl-modern-ui.single .kl-v6-reader-toolbar .kl-reader-audio-label{display:none}
  body.kl-modern-ui.single .kl-v4-author-box{grid-template-columns:1fr!important}
  body.kl-modern-ui.single .kl-v4-author-box p,body.kl-modern-ui.single .kl-v4-author-box-links{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--kl-border:currentColor}body.kl-modern-ui a{text-decoration:underline}}
@media print{.kl-v6-app-drawer,.skip-link,.kl-reading-progress,.site-header nav,.widget-area,.kl-v6-reader-toolbar,.kl-v6-mode-toggle{display:none!important}body{background:#fff!important;color:#000!important}#main>.container,.content-area,#primary{width:100%!important;max-width:none!important;padding:0!important}}