/* KabarLagi 3.2 final repair layer. Loaded after the production bundle. */

:root{
  --kl-footer-link:#dbe3ef;
  --kl-footer-link-hover:#fff;
}

/* --------------------------------------------------------------------------
   Story: deterministic light/dark presentation, no orange blocks
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kabarlagi-story{
  color:var(--kl-text,#111827);
}
body.kl-modern-ui .kabarlagi-story__header{
  align-items:flex-end!important;
  gap:18px!important;
}
body.kl-modern-ui .kabarlagi-story__header h2{
  color:var(--kl-text,#111827)!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
body.kl-modern-ui .kabarlagi-story__header p{
  color:var(--kl-muted,#64748b)!important;
}
body.kl-modern-ui .kabarlagi-story__item{
  flex-basis:clamp(150px,18vw,190px)!important;
}
body.kl-modern-ui .kabarlagi-story__card{
  position:relative!important;
  aspect-ratio:4/5!important;
  min-height:0!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;
  border-radius:18px!important;
  background:var(--kl-card,#fff)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.kl-modern-ui .kabarlagi-story__card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,23,.02) 35%,rgba(2,6,23,.2) 58%,rgba(2,6,23,.88) 100%)!important;
}
body.kl-modern-ui .kabarlagi-story__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background:var(--kl-surface-2,#eef2f7)!important;
}
body.kl-modern-ui .kabarlagi-story__media>img,
body.kl-modern-ui .kabarlagi-story__media picture,
body.kl-modern-ui .kabarlagi-story__media picture>img,
body.kl-modern-ui .kabarlagi-story__media .kabarlagi-fallback-cover,
body.kl-modern-ui .kabarlagi-story__media svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.kl-modern-ui .kabarlagi-story__card-title{
  position:absolute!important;
  z-index:2!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  display:-webkit-box!important;
  min-height:0!important;
  margin:0!important;
  padding:28px 13px 13px!important;
  color:#fff!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.28!important;
  text-shadow:0 2px 7px rgba(0,0,0,.88),0 1px 2px rgba(0,0,0,.95)!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.kl-modern-ui .kabarlagi-story__card:hover{
  transform:translateY(-2px);
  border-color:var(--kl-border,rgba(15,23,42,.16))!important;
  box-shadow:0 15px 34px rgba(15,23,42,.18)!important;
}

html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark) body.kl-modern-ui .kabarlagi-story__card{
  border-color:rgba(255,255,255,.13)!important;
  background:#121824!important;
  box-shadow:0 12px 32px rgba(0,0,0,.38)!important;
}
html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark) body.kl-modern-ui .kabarlagi-story__header h2{color:#fff!important}
html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark) body.kl-modern-ui .kabarlagi-story__header p{color:#cbd5e1!important}

body.kl-modern-ui .kabarlagi-story__dialog{
  background:#070b12!important;
  color:#fff!important;
}
body.kl-modern-ui .kabarlagi-story__shell{
  background:#070b12!important;
}
body.kl-modern-ui .kabarlagi-story__viewer-media{
  background:#0b1018!important;
}
body.kl-modern-ui .kabarlagi-story__viewer-media::after{
  background:linear-gradient(180deg,rgba(2,6,23,.12) 5%,rgba(2,6,23,.2) 42%,rgba(2,6,23,.82) 72%,rgba(2,6,23,.97) 100%)!important;
}
body.kl-modern-ui .kabarlagi-story__viewer-media>img,
body.kl-modern-ui .kabarlagi-story__viewer-media picture,
body.kl-modern-ui .kabarlagi-story__viewer-media picture>img,
body.kl-modern-ui .kabarlagi-story__viewer-media .kabarlagi-fallback-cover,
body.kl-modern-ui .kabarlagi-story__viewer-media svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.kl-modern-ui .kabarlagi-story__copy{
  max-height:55%!important;
  background:transparent!important;
}
body.kl-modern-ui .kabarlagi-story__eyebrow{
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.92)!important;
}
body.kl-modern-ui .kabarlagi-story__viewer-title,
body.kl-modern-ui .kabarlagi-story__text{
  color:#fff!important;
  text-shadow:0 2px 9px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.96)!important;
}
body.kl-modern-ui .kabarlagi-story__cta{
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
body.kl-modern-ui .kabarlagi-story__close,
body.kl-modern-ui .kabarlagi-story__controls button{
  background:rgba(8,13,22,.78)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   Footer: readable and configurable link colors
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kl-v5-footer{
  color:#f4f7fb!important;
}
body.kl-modern-ui .kl-v5-footer :where(h2,h3,strong){color:#fff!important}
body.kl-modern-ui .kl-v5-footer :where(p,li,span){color:#cbd5e1}
body.kl-modern-ui .kl-v5-footer a,
body.kl-modern-ui .kl-network-menu a{
  color:var(--kl-footer-link,#dbe3ef)!important;
  opacity:1!important;
  text-decoration:none!important;
}
body.kl-modern-ui .kl-v5-footer a:hover,
body.kl-modern-ui .kl-v5-footer a:focus-visible,
body.kl-modern-ui .kl-network-menu a:hover,
body.kl-modern-ui .kl-network-menu a:focus-visible{
  color:var(--kl-footer-link-hover,#fff)!important;
}
body.kl-modern-ui .kl-v5-footer-grid{
  gap:clamp(24px,4vw,54px)!important;
}
body.kl-modern-ui .kl-v5-footer-col ul,
body.kl-modern-ui .kl-network-menu__list{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.kl-modern-ui .kl-network-menu__list a{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:30px!important;
}
body.kl-modern-ui .kl-network-favicon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:4px!important;
  background:#fff!important;
  object-fit:contain!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18)!important;
}

/* --------------------------------------------------------------------------
   Local SVG/icon repair: prevent missing icon-font squares
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kl-icon{
  display:inline-block!important;
  width:1em!important;
  height:1em!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  fill:currentColor!important;
  stroke:none!important;
  vertical-align:-.125em!important;
}
body.kl-modern-ui .kl-icon use{pointer-events:none}
body.kl-modern-ui .kl-replaced-fa{
  font-size:1.05em!important;
  line-height:1!important;
}

/* --------------------------------------------------------------------------
   Single author, comments, and profile spacing
   -------------------------------------------------------------------------- */
body.kl-modern-ui.single .kl-multi-author-profiles{
  max-width:900px!important;
  margin:34px auto 20px!important;
}
body.kl-modern-ui.single .kl-multi-author-profiles__grid{
  align-items:stretch!important;
}
body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child{
  grid-column:1/-1!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  width:100%!important;
  padding:24px!important;
}
body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child .kl-multi-author-profile__avatar,
body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child .kl-multi-author-profile__avatar img{
  width:96px!important;
  height:96px!important;
}
body.kl-modern-ui.single .kl-multi-author-profile__description{
  display:block!important;
  margin-top:5px!important;
  color:var(--kl-muted,#64748b)!important;
}
body.kl-modern-ui.single #comments.comments-area{
  width:100%!important;
  max-width:900px!important;
  margin:20px auto 34px!important;
  padding:clamp(18px,3vw,28px)!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;
  border-radius:20px!important;
  background:var(--kl-card,#fff)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
}
body.kl-modern-ui.single #comments :where(.comments-title,.comment-reply-title){
  margin-top:0!important;
  color:var(--kl-text,#111827)!important;
}
body.kl-modern-ui.single #comments .comment-list{
  margin:0 0 24px!important;
  padding:0!important;
  list-style:none!important;
}
body.kl-modern-ui.single #comments .comment-body{
  margin:0 0 14px!important;
  padding:16px!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.08))!important;
  border-radius:14px!important;
  background:var(--kl-surface-2,#f8fafc)!important;
}
body.kl-modern-ui.single #comments :where(input:not([type=checkbox]):not([type=radio]),textarea){
  width:100%!important;
  max-width:100%!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.14))!important;
  border-radius:12px!important;
  background:var(--kl-card,#fff)!important;
  color:var(--kl-text,#111827)!important;
}
body.kl-modern-ui.single #comments .submit{
  border-radius:999px!important;
  font-weight:800!important;
}
html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark) body.kl-modern-ui.single #comments.comments-area,
html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark) body.kl-modern-ui.single #comments :where(input:not([type=checkbox]):not([type=radio]),textarea){
  background:var(--kl-card,#171b24)!important;
}

/* --------------------------------------------------------------------------
   Search and archive context
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kl-v6-search-page{
  width:100%!important;
  min-width:0!important;
  padding-inline:clamp(0px,1.2vw,12px)!important;
}
body.kl-modern-ui .kl-v6-search-header{
  margin:0 0 24px!important;
  padding:clamp(18px,3vw,28px)!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;
  border-radius:20px!important;
  background:var(--kl-card,#fff)!important;
}
body.kl-modern-ui .kl-v6-search-header .page-title{
  margin:0 0 7px!important;
  overflow-wrap:anywhere!important;
  color:var(--kl-text,#111827)!important;
  font-size:clamp(26px,4vw,42px)!important;
  line-height:1.12!important;
}
body.kl-modern-ui .kl32-search-context{
  display:grid!important;
  gap:18px!important;
  margin:0 0 26px!important;
}
body.kl-modern-ui .kl32-search-context__group{
  display:grid!important;
  gap:12px!important;
}
body.kl-modern-ui .kl32-search-context__group>h2{
  margin:0!important;
  color:var(--kl-text,#111827)!important;
  font-size:20px!important;
}
body.kl-modern-ui .kl32-search-author{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)!important;
  gap:18px!important;
  padding:18px!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;
  border-radius:18px!important;
  background:var(--kl-card,#fff)!important;
}
body.kl-modern-ui .kl32-search-author__posts h3,
body.kl-modern-ui .kl32-search-author__profile h3{margin:0 0 10px!important;color:var(--kl-text,#111827)!important}
body.kl-modern-ui .kl32-search-author__posts ul{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
body.kl-modern-ui .kl32-search-author__posts a{font-weight:800!important;text-decoration:none!important}
body.kl-modern-ui .kl32-search-author__profile{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-content:start!important;
  min-width:0!important;
}
body.kl-modern-ui .kl32-search-author__profile img{width:58px!important;height:58px!important;border-radius:50%!important}
body.kl-modern-ui .kl32-search-author__bio{margin:4px 0 0!important;color:var(--kl-muted,#64748b)!important;font-size:13px!important;line-height:1.55!important}
body.kl-modern-ui .kl32-category-detail{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 22px!important;
  padding:20px!important;
  border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;
  border-radius:18px!important;
  background:var(--kl-card,#fff)!important;
}
body.kl-modern-ui .kl32-category-detail__kicker{display:block!important;margin-bottom:5px!important;color:var(--kl-muted,#64748b)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.kl-modern-ui .kl32-category-detail h1,
body.kl-modern-ui .kl32-category-detail h2,
body.kl-modern-ui .kl32-category-detail h3{margin:0!important;font-size:clamp(21px,3vw,29px)!important;line-height:1.15!important}
body.kl-modern-ui .kl32-category-detail h1 a,
body.kl-modern-ui .kl32-category-detail h2 a,
body.kl-modern-ui .kl32-category-detail h3 a{color:var(--kl-text,#111827)!important;text-decoration:none!important}
body.kl-modern-ui .kl32-category-detail__description{margin-top:8px!important;color:var(--kl-muted,#64748b)!important;line-height:1.6!important}
body.kl-modern-ui .kl32-category-detail__description p{margin:0!important}
body.kl-modern-ui .kl32-category-detail__count{display:grid!important;place-items:center!important;min-width:92px!important;padding:14px!important;border-radius:15px!important;background:var(--kl-surface-2,#f1f5f9)!important;color:var(--kl-text,#111827)!important;text-align:center!important}
body.kl-modern-ui .kl32-category-detail__count strong{font-size:25px!important;line-height:1!important}
body.kl-modern-ui .kl32-category-detail__count span{margin-top:5px!important;color:var(--kl-muted,#64748b)!important;font-size:12px!important;font-weight:800!important}
body.kl-modern-ui .kl32-author-archive-profile-after{
  margin-top:32px!important;
}

/* --------------------------------------------------------------------------
   New widgets and topic/social hub
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kl32-widget-list__title,
body.kl-modern-ui .kl32-social-widget>h3{
  margin:0 0 14px!important;
  color:var(--kl-text,#111827)!important;
  font-size:19px!important;
  font-weight:900!important;
}
body.kl-modern-ui .kl32-widget-list__items{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  counter-reset:kl32-pop!important;
}
body.kl-modern-ui .kl32-widget-list__item{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
  min-width:0!important;
}
body.kl-modern-ui .kl32-widget-list__thumb{
  display:block!important;
  width:78px!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:var(--kl-surface-2,#eef2f7)!important;
}
body.kl-modern-ui .kl32-widget-list__thumb :where(img,svg,.kl-editorial-media-missing){display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body.kl-modern-ui .kl32-widget-list__headline{display:-webkit-box!important;overflow:hidden!important;color:var(--kl-text,#111827)!important;font-size:13px!important;font-weight:850!important;line-height:1.4!important;text-decoration:none!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
body.kl-modern-ui .kl32-widget-list__meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:5px!important;color:var(--kl-muted,#64748b)!important;font-size:10px!important}
body.kl-modern-ui .kl32-social-widget__links{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.kl-modern-ui .kl32-social-widget__links a{display:inline-flex!important;min-height:36px!important;align-items:center!important;padding:7px 11px!important;border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;border-radius:999px!important;background:var(--kl-card,#fff)!important;color:var(--kl-text,#111827)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
body.kl-modern-ui .kl32-topic-cloud{margin:24px 0!important}
body.kl-modern-ui .kl32-topic-cloud>h2{margin:0 0 14px!important;color:var(--kl-text,#111827)!important;font-size:clamp(20px,3vw,27px)!important}
body.kl-modern-ui .kl32-topic-cloud__items{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.kl-modern-ui .kl32-topic-cloud__items a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;border:1px solid var(--kl-border,rgba(15,23,42,.1))!important;border-radius:999px!important;background:var(--kl-card,#fff)!important;color:var(--kl-text,#111827)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
body.kl-modern-ui .kl32-topic-cloud__items small{color:var(--kl-muted,#64748b)!important}
body.kl-modern-ui .kl32-social-hub{margin:clamp(28px,5vw,50px) 0!important}
body.kl-modern-ui .kl32-social-hub__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.kl-modern-ui .kl32-social-hub__grid>.kabarlagi-media-facade,
body.kl-modern-ui .kl32-social-hub__grid>.kabarlagi-social-link-card{margin:0!important;min-width:0!important;max-width:100%!important}

/* --------------------------------------------------------------------------
   Signature skin: restrained premium editorial layer
   -------------------------------------------------------------------------- */
body.kl-modern-ui.kl-skin-signature{
  --kl-card-radius:18px;
}
body.kl-modern-ui.kl-skin-signature .kl-v6-section-head h2,
body.kl-modern-ui.kl-skin-signature .entry-title,
body.kl-modern-ui.kl-skin-signature .page-title{
  letter-spacing:-.035em!important;
}
body.kl-modern-ui.kl-skin-signature :where(.grid-row>article,.kl-news-card,.kl-v6-recent-card,.widget){
  border-radius:18px!important;
}
body.kl-modern-ui.kl-skin-signature .entry-content.article-body>p:first-of-type::first-letter{
  float:left;
  margin:.08em .12em 0 0;
  font-size:3.15em;
  font-weight:900;
  line-height:.82;
  color:var(--kl-brand,#ff5a1f);
}
body.kl-modern-ui.single.kl-single-skin-signature .entry-content.article-body{
  max-width:780px!important;
  margin-inline:auto!important;
  font-size:clamp(18px,1.55vw,20px)!important;
  line-height:1.82!important;
}
body.kl-modern-ui.single.kl-single-skin-signature .single-post-title{
  max-width:980px!important;
  font-size:clamp(38px,6vw,72px)!important;
  letter-spacing:-.045em!important;
  line-height:1.01!important;
}

@media (max-width:767px){
  body.kl-modern-ui .kabarlagi-story__header{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  body.kl-modern-ui .kabarlagi-story__item{flex:0 0 132px!important}
  body.kl-modern-ui .kabarlagi-story__card{border-radius:16px!important}
  body.kl-modern-ui .kabarlagi-story__card-title{font-size:12px!important;padding:24px 10px 11px!important}
  body.kl-modern-ui .kabarlagi-story__dialog{width:min(100% - 12px,430px)!important;max-height:calc(100dvh - 12px)!important;border-radius:20px!important}
  body.kl-modern-ui .kabarlagi-story__shell{max-height:calc(100dvh - 12px)!important}
  body.kl-modern-ui .kabarlagi-story__copy{max-height:58%!important;padding:60px 18px 12px!important}
  body.kl-modern-ui .kabarlagi-story__viewer-title{font-size:clamp(26px,8vw,34px)!important}
  body.kl-modern-ui .kabarlagi-story__text{font-size:15px!important}
  body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child{grid-template-columns:68px minmax(0,1fr)!important;padding:16px!important}
  body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child .kl-multi-author-profile__avatar,
  body.kl-modern-ui.single .kl-multi-author-profiles__grid>.kl-multi-author-profile:only-child .kl-multi-author-profile__avatar img{width:68px!important;height:68px!important}
  body.kl-modern-ui .kl32-search-author{grid-template-columns:1fr!important;padding:15px!important}
  body.kl-modern-ui .kl32-category-detail{align-items:flex-start!important;padding:16px!important}
  body.kl-modern-ui .kl32-category-detail__count{min-width:72px!important;padding:10px!important}
  body.kl-modern-ui .kl32-social-hub__grid{grid-template-columns:1fr!important}
}

@media (max-width:420px){
  body.kl-modern-ui .kl32-category-detail{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  body.kl-modern-ui .kl32-category-detail__description{grid-column:1/-1!important}
  body.kl-modern-ui.single #comments.comments-area{padding:15px!important;border-radius:16px!important}
  body.kl-modern-ui .kl32-widget-list__item{grid-template-columns:68px minmax(0,1fr)!important}
  body.kl-modern-ui .kl32-widget-list__thumb{width:68px!important}
}

/* ========================================================================== 
   KabarLagi 3.2.1 — final layout + light/dark + responsive consistency layer
   ========================================================================== */

:root{
  --kl-layout-max:1180px;
  --kl-layout-gutter:clamp(16px,3vw,30px);
  --kl-layout-gutter-mobile:14px;
  --kl-header-surface:#ffffff;
  --kl-header-text:#111827;
  --kl-page-surface:#f6f7fb;
  --kl-elevated:#ffffff;
  --kl-input:#ffffff;
  --kl-input-text:#111827;
  --kl-hover:#f1f5f9;
  --kl-shadow-responsive:0 10px 30px rgba(15,23,42,.08);
}

html:is(.light-mode,.kl-v6-light,.kl-mode-light),
html[data-theme="light"],
html[data-kl-mode="light"]{
  --kl-bg:#f6f7fb;
  --kl-surface:#ffffff;
  --kl-surface-2:#f1f5f9;
  --kl-card:#ffffff;
  --kl-card-bg:#ffffff;
  --kl-text:#111827;
  --kl-text-soft:#475569;
  --kl-muted:#64748b;
  --kl-border:rgba(15,23,42,.11);
  --kl-line:rgba(15,23,42,.11);
  --kl-header-surface:#ffffff;
  --kl-header-text:#111827;
  --kl-page-surface:#f6f7fb;
  --kl-elevated:#ffffff;
  --kl-input:#ffffff;
  --kl-input-text:#111827;
  --kl-hover:#f1f5f9;
  color-scheme:light;
}

html:is(.dark-mode,.kl-v6-dark,.kl-mode-dark),
html[data-theme="dark"],
html[data-kl-mode="dark"]{
  --kl-bg:#0b1018;
  --kl-surface:#111824;
  --kl-surface-2:#182130;
  --kl-card:#111824;
  --kl-card-bg:#111824;
  --kl-text:#f8fafc;
  --kl-text-soft:#d0d8e5;
  --kl-muted:#9aa8ba;
  --kl-border:rgba(255,255,255,.11);
  --kl-line:rgba(255,255,255,.11);
  --kl-header-surface:#111824;
  --kl-header-text:#f8fafc;
  --kl-page-surface:#0b1018;
  --kl-elevated:#151d2a;
  --kl-input:#0d1420;
  --kl-input-text:#f8fafc;
  --kl-hover:#1a2433;
  --kl-shadow-responsive:0 12px 34px rgba(0,0,0,.28);
  color-scheme:dark;
}

html,
body{
  min-width:320px;
}

body.kl-modern-ui,
body.kl-modern-ui #page,
body.kl-modern-ui #main{
  background:var(--kl-bg)!important;
  color:var(--kl-text)!important;
}

body.kl-modern-ui.is-stretched #page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

body.kl-modern-ui.is-boxed #page{
  width:min(calc(100% - 24px),1240px)!important;
  max-width:1240px!important;
  margin-inline:auto!important;
  background:var(--kl-bg)!important;
  box-shadow:0 0 0 1px var(--kl-border),var(--kl-shadow-responsive)!important;
}

body.kl-modern-ui :where(*,*::before,*::after){
  box-sizing:border-box;
}

body.kl-modern-ui :where(img,video,canvas,svg,iframe,embed,object){
  max-width:100%;
}

body.kl-modern-ui :where(img,video){
  height:auto;
}

body.kl-modern-ui :where(.container,.kl-v5-footer-inner,.kl-v6-section,.kl-v6-story-section,.kl-v6-category-tiles){
  width:min(var(--kl-layout-max),calc(100% - (var(--kl-layout-gutter) * 2)))!important;
  max-width:var(--kl-layout-max)!important;
  margin-inline:auto!important;
}

body.kl-modern-ui #main>.container{
  padding-inline:0!important;
}

body.kl-modern-ui .main-row{
  width:100%!important;
  margin-inline:0!important;
  align-items:flex-start!important;
}

body.kl-modern-ui :where(#primary,#container,#sidebar){
  min-width:0!important;
}

body.kl-modern-ui #primary{
  padding-left:0!important;
}

body.kl-modern-ui #sidebar{
  padding-right:0!important;
}

body.kl-modern-ui #content,
body.kl-modern-ui .site-content,
body.kl-modern-ui .primary-row{
  min-width:0!important;
  max-width:100%!important;
}

/* Uniform page/card surfaces. Keep editorial media transparent. */
body.kl-modern-ui :where(
  .widget,
  .comments-area,
  .author-info,
  .kl-v4-author-box,
  .kl-multi-author-meta,
  .kl-multi-author-profile,
  .kl32-search-author__posts,
  .kl32-search-author__profile,
  .kl32-category-detail,
  .kl32-topic-cloud__items a,
  .kl32-social-widget__links a,
  .kl-v6-reader-toolbar,
  .kl-v6-ai-search,
  .kl-v6-gemini-search-box,
  .kl-v6-kabi-search-box
){
  background-color:var(--kl-card)!important;
  border-color:var(--kl-border)!important;
  color:var(--kl-text)!important;
}

body.kl-modern-ui :where(
  .entry-title,
  .single-post-title,
  .page-title,
  .widget-title,
  .kl-v5-widget-title,
  .kl-v6-section-head h2,
  .kl-section-heading h2,
  .comments-title,
  .comment-reply-title,
  .kl32-search-author h3,
  .kl32-category-detail h1,
  .kl32-category-detail h2,
  .kl32-category-detail h3
){
  color:var(--kl-text)!important;
}

body.kl-modern-ui :where(
  .entry-sub-title,
  .post-excerpt,
  .entry-meta,
  .single-meta,
  .taxonomy-description,
  .comment-metadata,
  .kl-card-meta,
  .kl-card-excerpt,
  .kl-multi-author-profile__description,
  .kl32-search-author__bio
){
  color:var(--kl-muted)!important;
}

body.kl-modern-ui :where(.entry-title a,.page-title a,.widget a,.kl-card-title a,.kl32-search-author__posts a){
  color:var(--kl-text)!important;
}

body.kl-modern-ui :where(.entry-title a,.widget a,.kl-card-title a,.kl32-search-author__posts a):hover{
  color:var(--kl-brand,#ff5a1f)!important;
}

/* Header/nav: prevent white islands in dark mode and dark islands in light mode. */
body.kl-modern-ui :where(.site-header,#header,.nav-1,.nav-2,.sticky-enabled){
  background-color:var(--kl-header-surface)!important;
  color:var(--kl-header-text)!important;
  border-color:var(--kl-border)!important;
}

body.kl-modern-ui :where(.site-header,.nav-1,.nav-2) a:not(.button):not(.btn){
  color:var(--kl-header-text)!important;
}

body.kl-modern-ui :where(.site-header,.nav-1,.nav-2) a:not(.button):not(.btn):hover{
  color:var(--kl-brand,#ff5a1f)!important;
}

body.kl-modern-ui .site-description{
  color:var(--kl-muted)!important;
}

body.kl-modern-ui :where(.sub-menu,.children,.mega-menu,.login-form){
  background:var(--kl-elevated)!important;
  color:var(--kl-text)!important;
  border-color:var(--kl-border)!important;
  box-shadow:var(--kl-shadow-responsive)!important;
}

/* Forms/search/comments. */
body.kl-modern-ui :where(
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="date"],
  input[type="time"],
  select,
  textarea
){
  max-width:100%!important;
  border:1px solid var(--kl-border)!important;
  border-radius:12px!important;
  background:var(--kl-input)!important;
  color:var(--kl-input-text)!important;
  box-shadow:none!important;
}

body.kl-modern-ui :where(input,textarea)::placeholder{
  color:var(--kl-muted)!important;
  opacity:.82;
}

body.kl-modern-ui .search-form,
body.kl-modern-ui .kl-v6-search-form{
  width:100%!important;
  max-width:100%!important;
}

body.kl-modern-ui .search-form input[type="search"]{
  width:100%!important;
}

body.kl-modern-ui :where(.comment-form input:not([type="checkbox"]):not([type="radio"]),.comment-form textarea){
  width:100%!important;
}

body.kl-modern-ui .comment-form :where(.comment-form-author,.comment-form-email,.comment-form-url){
  min-width:0!important;
}

/* Article/media resilience. */
body.kl-modern-ui .entry-content.article-body{
  min-width:0!important;
  overflow-wrap:anywhere;
  color:var(--kl-text)!important;
}

body.kl-modern-ui .entry-content.article-body :where(figure,.wp-block-image,.wp-block-gallery,.wp-block-video,.wp-block-embed){
  max-width:100%!important;
}

body.kl-modern-ui .entry-content.article-body :where(iframe,video,embed,object){
  width:100%!important;
}

body.kl-modern-ui .entry-content.article-body table{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-color:var(--kl-border)!important;
}

body.kl-modern-ui .entry-content.article-body :where(th,td){
  border-color:var(--kl-border)!important;
}

body.kl-modern-ui .entry-content.article-body :where(blockquote,.wp-block-quote){
  border-color:var(--kl-brand,#ff5a1f)!important;
  background:color-mix(in srgb,var(--kl-card) 88%,var(--kl-brand,#ff5a1f) 12%);
  color:var(--kl-text)!important;
}

@supports not (background:color-mix(in srgb,#000 50%,#fff 50%)){
  body.kl-modern-ui .entry-content.article-body :where(blockquote,.wp-block-quote){background:var(--kl-surface-2)!important}
}

/* Archive/search cards: avoid collisions and clipped content. */
body.kl-modern-ui :where(.qlm-list article,.grid-row>article,.kl-news-card,.kl-v6-recent-card){
  min-width:0!important;
}

body.kl-modern-ui :where(.qlm-list article,.grid-row>article,.kl-news-card,.kl-v6-recent-card) :where(.entry-content,.kl-card-body){
  min-width:0!important;
}

body.kl-modern-ui :where(.qlm-list article,.grid-row>article,.kl-news-card,.kl-v6-recent-card) :where(.entry-title,.kl-card-title){
  overflow-wrap:anywhere;
}

body.kl-modern-ui .kl32-search-author{
  width:100%!important;
  max-width:100%!important;
  gap:18px!important;
}

body.kl-modern-ui .kl32-category-detail{
  width:100%!important;
  max-width:100%!important;
}

/* Story row/cards: compact on desktop, swipeable on touch, dialog never exceeds viewport. */
body.kl-modern-ui .kabarlagi-story{
  width:100%!important;
  max-width:100%!important;
}

body.kl-modern-ui .kabarlagi-story__row{
  width:100%!important;
  max-width:100%!important;
  gap:14px!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.kl-modern-ui .kabarlagi-story__row::-webkit-scrollbar{display:none}

body.kl-modern-ui .kabarlagi-story__item{
  min-width:0!important;
}

body.kl-modern-ui .kabarlagi-story__dialog{
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
}

/* Media facade/social/video cards inherit mode cleanly. */
body.kl-modern-ui :where(.kabarlagi-media-facade,.kabarlagi-social-link-card){
  max-width:100%!important;
  min-width:0!important;
  border-color:var(--kl-border)!important;
}

body.kl-modern-ui .kabarlagi-media-facade:not(.is-loaded),
body.kl-modern-ui .kabarlagi-social-link-card{
  background:var(--kl-card)!important;
  color:var(--kl-text)!important;
}

/* Footer: keep intentionally dark, but make columns and links responsive/readable. */
body.kl-modern-ui .kl-v5-footer{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
}

body.kl-modern-ui .kl-v5-footer :where(.kl-v5-footer-top,.kl-v5-footer-grid){
  min-width:0!important;
}

body.kl-modern-ui .kl-v5-footer :where(a,p,li,span,address){
  overflow-wrap:anywhere;
}

/* Drawer and floating controls. */
body.kl-modern-ui .kl-v6-app-drawer{
  background:var(--kl-card)!important;
  color:var(--kl-text)!important;
  border-color:var(--kl-border)!important;
}

body.kl-modern-ui .kl-v6-app-drawer :where(a,button,.kl-v6-drawer-section-title,.kl-v6-toggle-text){
  color:var(--kl-text)!important;
}

body.kl-modern-ui .kl-v6-drawer-close{
  background:var(--kl-surface-2)!important;
  color:var(--kl-text)!important;
}

body.kl-modern-ui .kl-v6-mode-toggle{
  max-width:46px!important;
  max-height:46px!important;
}

/* Desktop */
@media (min-width:1025px){
  body.kl-modern-ui .main-row{
    display:flex!important;
    flex-wrap:nowrap!important;
  }

  body.kl-modern-ui #primary:not(.full-width){
    flex:1 1 0!important;
    width:auto!important;
    max-width:calc(100% - 300px)!important;
    padding-right:clamp(18px,2.5vw,30px)!important;
  }

  body.kl-modern-ui #primary.full-width{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    padding-right:0!important;
  }

  body.kl-modern-ui #sidebar{
    flex:0 0 clamp(280px,27vw,330px)!important;
    width:clamp(280px,27vw,330px)!important;
    max-width:330px!important;
    padding-left:0!important;
  }

  body.kl-modern-ui .two-sidebars #primary.has-sbb .primary-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px,22%)!important;
    gap:22px!important;
  }

  body.kl-modern-ui .two-sidebars #primary.has-sbb #content,
  body.kl-modern-ui .two-sidebars #primary.has-sbb #sidebar-b{
    float:none!important;
    width:auto!important;
    padding:0!important;
  }

  body.kl-modern-ui .kabarlagi-story__item{
    flex:0 0 clamp(142px,14.5vw,176px)!important;
  }
}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){
  :root{--kl-layout-gutter:22px}

  body.kl-modern-ui .main-row{
    display:block!important;
  }

  body.kl-modern-ui :where(#primary,#container,#sidebar){
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
  }

  body.kl-modern-ui #sidebar{
    margin-top:28px!important;
  }

  body.kl-modern-ui .two-sidebars :where(#content,#sidebar-b){
    float:none!important;
    width:100%!important;
    padding-inline:0!important;
  }

  body.kl-modern-ui .two-sidebars #sidebar-b{
    margin-top:22px!important;
  }

  body.kl-modern-ui .kabarlagi-story__item{
    flex:0 0 clamp(138px,22vw,170px)!important;
  }

  body.kl-modern-ui .kl32-social-hub__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phone */
@media (max-width:767px){
  :root{
    --kl-layout-gutter:var(--kl-layout-gutter-mobile);
  }

  html,
  body{
    min-width:0;
  }

  body.kl-modern-ui :where(.container,.kl-v5-footer-inner,.kl-v6-section,.kl-v6-story-section,.kl-v6-category-tiles){
    width:calc(100% - (var(--kl-layout-gutter-mobile) * 2))!important;
  }

  body.kl-modern-ui #header + #main .container,
  body.kl-modern-ui #header + .breadcrumbs-wrap{
    padding-top:16px!important;
  }

  body.kl-modern-ui .main-row{
    display:block!important;
  }

  body.kl-modern-ui :where(#primary,#container,#sidebar,#content,#sidebar-b){
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
  }

  body.kl-modern-ui #sidebar,
  body.kl-modern-ui #sidebar-b{
    margin-top:22px!important;
  }

  body.kl-modern-ui :where(h1,.single-post-title){
    overflow-wrap:anywhere;
  }

  body.kl-modern-ui .single-post-title{
    font-size:clamp(30px,9vw,46px)!important;
    line-height:1.08!important;
  }

  body.kl-modern-ui .entry-sub-title{
    font-size:clamp(17px,4.8vw,22px)!important;
    line-height:1.45!important;
  }

  body.kl-modern-ui .entry-content.article-body{
    font-size:16px!important;
    line-height:1.72!important;
  }

  body.kl-modern-ui .entry-content.article-body :where(.alignwide,.alignfull){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.kl-modern-ui .comment-list .children{
    margin-left:12px!important;
    padding-left:10px!important;
  }

  body.kl-modern-ui .kl32-search-author,
  body.kl-modern-ui .kl32-social-hub__grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.kl-modern-ui .kl32-category-detail{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
  }

  body.kl-modern-ui .kl32-category-detail__description{
    grid-column:1/-1!important;
  }

  body.kl-modern-ui .kabarlagi-story__header{
    margin-bottom:12px!important;
  }

  body.kl-modern-ui .kabarlagi-story__item{
    flex:0 0 132px!important;
  }

  body.kl-modern-ui .kabarlagi-story__row{
    gap:10px!important;
    margin-right:calc(var(--kl-layout-gutter-mobile) * -1)!important;
    padding-right:var(--kl-layout-gutter-mobile)!important;
  }

  body.kl-modern-ui .kabarlagi-story__dialog{
    width:calc(100vw - 12px)!important;
    height:calc(100dvh - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:18px!important;
  }

  body.kl-modern-ui .kabarlagi-story__shell{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
  }

  body.kl-modern-ui .kl-v6-mode-toggle{
    right:12px!important;
    top:auto!important;
    bottom:max(74px,calc(env(safe-area-inset-bottom) + 64px))!important;
    width:42px!important;
    height:42px!important;
    transform:none!important;
  }

  body.kl-modern-ui.kl-v6-toggle-left-middle .kl-v6-mode-toggle{
    right:auto!important;
    left:12px!important;
  }

  body.kl-modern-ui .kl-v5-footer{
    margin-top:36px!important;
  }

  body.kl-modern-ui .kl-v5-footer :where(.kl-v5-footer-top,.kl-v5-footer-grid){
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
  }
}

/* Very small phones */
@media (max-width:420px){
  :root{--kl-layout-gutter-mobile:12px}

  body.kl-modern-ui .single-post-title{
    font-size:clamp(28px,9.5vw,38px)!important;
  }

  body.kl-modern-ui .kabarlagi-story__item{
    flex-basis:118px!important;
  }

  body.kl-modern-ui .kabarlagi-story__card-title{
    font-size:11px!important;
    line-height:1.25!important;
    padding:22px 9px 10px!important;
  }

  body.kl-modern-ui .kl32-widget-list__item{
    gap:9px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.kl-modern-ui *,
  body.kl-modern-ui *::before,
  body.kl-modern-ui *::after{
    scroll-behavior:auto!important;
  }
}