/*!
 * KabarLagi Themes Pack by Rizki 3.0.0
 * Final color, responsive, advertising, author and reading integration layer.
 * This file is intentionally enqueued after KabarLagi V6 and Modern.
 */

/* --------------------------------------------------------------------------
   1. Unified visual tokens
   -------------------------------------------------------------------------- */
:root{
  --kl-brand:#ff5a1f;
  --kl-brand-dark:#e6480f;
  --kl-brand-light:#fff1e8;
  --kl-ink:#111827;
  --kl-ink-soft:#475569;
  --kl-page-bg:#f6f7fb;
  --kl-card-bg:#ffffff;
  --kl-line-soft:rgba(15,23,42,.10);
  --kl-line-strong:rgba(15,23,42,.16);

  --mainColor:var(--kl-brand);
  --subColor:var(--kl-brand-light);
  --darkHighlight:var(--kl-brand);
  --kl-primary:var(--kl-brand);
  --kl-primary-2:var(--kl-brand-dark);
  --kl-primary-dark:var(--kl-brand-dark);
  --kl-accent:var(--kl-brand);
  --kl-orange:var(--kl-brand);
  --kl-orange-2:var(--kl-brand-dark);
  --kl-orange-rgb:255,90,31;
  --kl-orange-2-rgb:230,72,15;

  --kl-bg:var(--kl-page-bg);
  --kl-surface:var(--kl-card-bg);
  --kl-surface-2:#f1f3f8;
  --kl-card:var(--kl-card-bg);
  --kl-text:var(--kl-ink);
  --kl-text-soft:var(--kl-ink-soft);
  --kl-muted:var(--kl-ink-soft);
  --kl-line:var(--kl-line-soft);
  --kl-border:var(--kl-line-soft);
  --kl-focus:var(--kl-brand-dark);

  --kl-v3-dark:var(--kl-ink);
  --kl-v3-border:var(--kl-line-soft);
  --kl-v4-text:var(--kl-ink);
  --kl-v4-muted:var(--kl-ink-soft);
  --kl-v4-border:var(--kl-line-soft);
  --kl-v4-card:var(--kl-card-bg);
  --kl-v4-soft:var(--kl-page-bg);
  --kl-v5-text:var(--kl-ink);
  --kl-v5-muted:var(--kl-ink-soft);
  --kl-v5-border:var(--kl-line-soft);
  --kl-v5-surface:var(--kl-card-bg);
  --kl-v5-soft:var(--kl-page-bg);
  --kl-v5-orange:var(--kl-brand);
  --kl-v5-orange-dark:var(--kl-brand-dark);
  --kl-v5-dark:var(--kl-ink);
  --kl-v6-accent:var(--kl-brand);
  --kl-v6-accent-2:var(--kl-brand-dark);
  --kl-v6-text:var(--kl-ink);
  --kl-v6-muted:var(--kl-ink-soft);
  --kl-v6-border:var(--kl-line-soft);
  --kl-v6-bg:var(--kl-page-bg);
  --kl-v6-card:var(--kl-card-bg);
  --kl-v6-header-bg:var(--kl-card-bg);
  --kl-v6-header-text:var(--kl-ink);
  --kl-v6-footer-bg:#14161c;
  --kl-v6-footer-text:#ffffff;

  --kl-v6-dark-bg:#10131a;
  --kl-v6-dark-surface:#171b24;
  --kl-v6-dark-text:#f4f6f9;
  --kl-v6-dark-muted:#9aa5b1;
  --kl-v6-dark-border:rgba(255,255,255,.10);

  --kl-shadow-xs:0 1px 2px rgba(15,23,42,.06);
  --kl-shadow-sm:0 8px 24px rgba(15,23,42,.07);
  --kl-shadow-md:0 16px 40px rgba(15,23,42,.10);
  --kl-shadow-lg:0 24px 60px rgba(15,23,42,.14);
  --kl-shadow:var(--kl-shadow-sm);
  --kl-v3-shadow:var(--kl-shadow-sm);
  --kl-v4-shadow:var(--kl-shadow-sm);
  --kl-v5-shadow:var(--kl-shadow-sm);
  --kl-v6-shadow:var(--kl-shadow-sm);

  --kl-radius-xs:8px;
  --kl-radius-sm:12px;
  --kl-radius:16px;
  --kl-radius-md:16px;
  --kl-radius-lg:22px;
  --kl-v3-radius:var(--kl-radius);
  --kl-v4-radius:var(--kl-radius);
  --kl-v5-radius:var(--kl-radius);
  --kl-v6-radius:var(--kl-radius-lg);

  --kl-success:#16a34a;
  --kl-danger:#ef4444;
  color-scheme:light;
}

html.kl-mode-dark,
html.kl-v6-dark,
html.dark-mode{
  --kl-bg:var(--kl-v6-dark-bg);
  --kl-surface:var(--kl-v6-dark-surface);
  --kl-surface-2:#1d2330;
  --kl-card:var(--kl-v6-dark-surface);
  --kl-card-bg:var(--kl-v6-dark-surface);
  --kl-text:var(--kl-v6-dark-text);
  --kl-text-soft:#cbd5e1;
  --kl-muted:var(--kl-v6-dark-muted);
  --kl-border:var(--kl-v6-dark-border);
  --kl-line:var(--kl-v6-dark-border);
  --kl-line-soft:var(--kl-v6-dark-border);
  --kl-v4-text:var(--kl-v6-dark-text);
  --kl-v4-muted:var(--kl-v6-dark-muted);
  --kl-v4-card:var(--kl-v6-dark-surface);
  --kl-v5-text:var(--kl-v6-dark-text);
  --kl-v5-muted:var(--kl-v6-dark-muted);
  --kl-v5-surface:var(--kl-v6-dark-surface);
  --kl-v6-bg:var(--kl-v6-dark-bg);
  --kl-v6-card:var(--kl-v6-dark-surface);
  --kl-v6-text:var(--kl-v6-dark-text);
  --kl-v6-muted:var(--kl-v6-dark-muted);
  --kl-v6-border:var(--kl-v6-dark-border);
  color-scheme:dark;
}

/* --------------------------------------------------------------------------
   2. Scoped resilience and interaction polish
   -------------------------------------------------------------------------- */
body.kl-modern-ui :where(
  #primary,
  #content,
  #sidebar,
  #sidebar-b,
  .primary-row,
  .qlm-list,
  .grid-row,
  .entry-content,
  .kl-v6-builder-content,
  .kl-v6-builder-main,
  .kl-v6-builder-sidebar,
  .kl-v6-grid,
  .kl-news-card,
  .kl-ad-wrapper,
  .kl-multi-author-meta,
  .kl-multi-author-profiles,
  .kl-multi-author-profile
){
  min-width:0;
  max-width:100%;
}

body.kl-modern-ui :where(
  .qlm-list,
  .grid-row,
  .kl-v6-recent,
  .kl-ad-wrapper,
  .kl-multi-author-profile
) :where(img,video,iframe,embed,object){
  max-width:100%;
}

body.kl-modern-ui :where(
  a,
  button,
  summary,
  input,
  select,
  textarea
){
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}

body.kl-modern-ui :where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--kl-focus)!important;
  outline-offset:3px;
}

body.kl-modern-ui #page,
body.kl-modern-ui .kl-v6-builder-content,
body.kl-modern-ui .kl-v6-section{
  overflow-x:clip;
}

@supports not (overflow:clip){
  body.kl-modern-ui #page,
  body.kl-modern-ui .kl-v6-builder-content,
  body.kl-modern-ui .kl-v6-section{
    overflow-x:hidden;
  }
}

/* --------------------------------------------------------------------------
   3. Archive list view
   -------------------------------------------------------------------------- */
body.kl-modern-ui.kl-v6-active .qlm-list{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item{
  display:grid!important;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 28px!important;
  border:0!important;
  border-bottom:1px solid var(--kl-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item + article.kl-v6-archive-item{
  padding-top:28px!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb){
  position:relative!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  aspect-ratio:var(--kl-v6-archive-ratio,4/5)!important;
  border-radius:var(--kl-radius)!important;
  background:var(--kl-surface-2)!important;
  box-shadow:var(--kl-shadow-sm)!important;
  overflow:hidden!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb) > a,
body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:var(--kl-v6-archive-fit,cover)!important;
  object-position:center!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-content{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item:not(:has(.post-img)) .entry-content{
  grid-column:1/-1!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title{
  display:-webkit-box!important;
  max-width:760px!important;
  margin:0 0 10px!important;
  color:var(--kl-text)!important;
  font-size:clamp(22px,2.25vw,32px)!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title a{
  color:inherit!important;
  text-decoration:none!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title a:hover{
  color:var(--kl-brand)!important;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .post-excerpt{
  display:-webkit-box!important;
  max-width:680px!important;
  margin:0 0 12px!important;
  color:var(--kl-muted)!important;
  font-size:15px!important;
  line-height:1.65!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.single-meta.archive,.entry-meta,.meta,.post-meta){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 12px!important;
  width:100%!important;
  margin:0!important;
  color:var(--kl-muted)!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body.kl-modern-ui.kl-v6-active.kl-v6-archive-compact-list .qlm-list article.kl-v6-archive-item{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  padding-bottom:18px!important;
}

body.kl-modern-ui.kl-v6-active.kl-v6-archive-compact-list .qlm-list article.kl-v6-archive-item + article.kl-v6-archive-item{
  padding-top:18px!important;
}

body.kl-modern-ui.kl-v6-active.kl-v6-archive-compact-list .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb){
  aspect-ratio:4/3!important;
  border-radius:12px!important;
}

body.kl-modern-ui.kl-v6-active.kl-v6-archive-compact-list .qlm-list article.kl-v6-archive-item .entry-title{
  margin-bottom:7px!important;
  font-size:19px!important;
}

body.kl-modern-ui.kl-v6-active.kl-v6-archive-compact-list .qlm-list article.kl-v6-archive-item .post-excerpt{
  display:none!important;
}

/* --------------------------------------------------------------------------
   4. Archive grid/card view
   -------------------------------------------------------------------------- */
body.kl-modern-ui.kl-v6-active .grid-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.kl-modern-ui.kl-v6-active .grid-row::after{
  display:none!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article{
  display:flex!important;
  float:none!important;
  flex-direction:column-reverse!important;
  align-self:stretch!important;
  width:auto!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--kl-border)!important;
  border-radius:var(--kl-radius-lg)!important;
  background:var(--kl-card)!important;
  box-shadow:var(--kl-shadow-sm)!important;
  overflow:hidden!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .card-wrap{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column-reverse!important;
  min-width:0!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article :where(.post-img,.video-thumb){
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  aspect-ratio:16/10!important;
  border-radius:0!important;
  background:var(--kl-surface-2)!important;
  overflow:hidden!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article :where(.post-img,.video-thumb) > a,
body.kl-modern-ui.kl-v6-active .grid-row > article :where(.post-img,.video-thumb) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:var(--kl-v6-archive-fit,cover)!important;
  object-position:center!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .entry-content{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .entry-title{
  display:-webkit-box!important;
  margin:0 0 10px!important;
  color:var(--kl-text)!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .entry-title a{
  color:inherit!important;
  text-decoration:none!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .entry-title a:hover{
  color:var(--kl-brand)!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > article .post-excerpt{
  display:-webkit-box!important;
  margin:0 0 14px!important;
  color:var(--kl-muted)!important;
  font-size:14px!important;
  line-height:1.6!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.kl-modern-ui.kl-v6-active .grid-row > article :where(.single-meta.archive,.entry-meta,.meta,.post-meta){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 10px!important;
  width:100%!important;
  margin:auto 0 0!important;
  color:var(--kl-muted)!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body.kl-modern-ui.kl-v6-active .grid-row > .kl-ad-wrapper{
  grid-column:1/-1!important;
}

/* --------------------------------------------------------------------------
   5. Improved Recent section
   -------------------------------------------------------------------------- */
body.kl-modern-ui.kl-v6-active .kl-v6-recent{
  width:100%!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-section-head{
  align-items:flex-end!important;
  margin-bottom:20px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid var(--kl-border)!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-section-head > a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:8px 13px!important;
  border:1px solid color-mix(in srgb,var(--kl-brand) 28%,transparent)!important;
  border-radius:999px!important;
  background:var(--kl-brand-light)!important;
  color:var(--kl-brand-dark)!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-section-head > a:hover{
  border-color:var(--kl-brand)!important;
  background:var(--kl-brand)!important;
  color:#fff!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-news-card,
body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-v6-recent-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  border:1px solid var(--kl-border)!important;
  border-radius:var(--kl-radius-lg)!important;
  background:var(--kl-card)!important;
  box-shadow:var(--kl-shadow-sm)!important;
  overflow:hidden!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-media{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  background:var(--kl-surface-2)!important;
  overflow:hidden!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-media :where(img,.kl-card-placeholder){
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:17px!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-title{
  display:-webkit-box!important;
  margin:2px 0!important;
  color:var(--kl-text)!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 8px!important;
  margin-top:auto!important;
  color:var(--kl-muted)!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-excerpt{
  display:-webkit-box!important;
  margin:0!important;
  color:var(--kl-muted)!important;
  font-size:14px!important;
  line-height:1.6!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* --------------------------------------------------------------------------
   6. Advertising slots
   -------------------------------------------------------------------------- */
body.kl-modern-ui .kl-ad-wrapper{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  margin:22px auto!important;
  clear:both!important;
}

body.kl-modern-ui .kl-ad-location-global-header,
body.kl-modern-ui .kl-ad-location-global-before-footer{
  width:min(calc(100% - 40px),var(--kl-v6-max-width,1180px))!important;
}

body.kl-modern-ui .kl-ad-wrapper .kl-ad-slot-inner{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:90px;
  padding:8px!important;
  border:1px dashed var(--kl-border)!important;
  border-radius:var(--kl-radius-sm)!important;
  background:var(--kl-surface-2)!important;
  overflow:hidden!important;
}

body.kl-modern-ui .kl-ad-horizontal .kl-ad-slot-inner,
body.kl-modern-ui .kl-ad-infeed .kl-ad-slot-inner{
  min-height:90px;
}

body.kl-modern-ui .kl-ad-sidebar .kl-ad-slot-inner,
body.kl-modern-ui :where(
  .kl-ad-slot-kl_ad_sidebar_a,
  .kl-ad-slot-kl_ad_sidebar_b,
  .kl-ad-location-sidebar-a,
  .kl-ad-location-sidebar-b,
  .kl-ad-location-builder-sidebar
) .kl-ad-slot-inner{
  min-height:250px;
}

body.kl-modern-ui .kl-ad-wrapper :where(.kl-v5-ad-slot,.kl-v5-ad-content){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

body.kl-modern-ui .kl-ad-wrapper .kl-v5-ad-label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--kl-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

body.kl-modern-ui .kl-ad-customizer-placeholder{
  display:grid!important;
  place-items:center!important;
  min-height:inherit!important;
  padding:14px!important;
  color:var(--kl-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-align:center!important;
}

body.kl-modern-ui .kl-ad-single{
  max-width:760px!important;
}

body.kl-modern-ui .kl-ad-wrapper :where(img,video,iframe,embed,object,ins){
  display:block;
  max-width:100%!important;
  margin-inline:auto!important;
}

body.kl-modern-ui .kl-ad-location-archive-infeed{
  grid-column:1/-1!important;
}

/* --------------------------------------------------------------------------
   7. Native multi-author presentation
   -------------------------------------------------------------------------- */
body.kl-modern-ui.single .kl-multi-author-meta.kl-v4-single-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:900px!important;
  margin:16px auto 20px!important;
  padding:14px 16px!important;
  border:1px solid var(--kl-border)!important;
  border-radius:var(--kl-radius)!important;
  background:var(--kl-card)!important;
  box-shadow:var(--kl-shadow-xs)!important;
}

body.kl-modern-ui .kl-multi-author-byline{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:var(--kl-muted)!important;
  font-size:14px!important;
  line-height:1.45!important;
}

body.kl-modern-ui .kl-multi-author-byline__label{
  flex:0 0 auto;
}

body.kl-modern-ui .kl-multi-author-byline__name,
body.kl-modern-ui .kl-multi-author-compact__primary{
  color:var(--kl-text)!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.kl-modern-ui .kl-multi-author-byline__name:hover,
body.kl-modern-ui .kl-multi-author-compact__primary:hover{
  color:var(--kl-brand)!important;
}

body.kl-modern-ui .kl-multi-author-byline__more{
  position:relative;
  display:inline-block;
}

body.kl-modern-ui .kl-multi-author-byline__more > summary{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:4px 9px!important;
  border:1px solid var(--kl-border)!important;
  border-radius:999px!important;
  background:var(--kl-surface-2)!important;
  color:var(--kl-brand-dark)!important;
  font-weight:800!important;
  cursor:pointer!important;
  list-style:none!important;
}

body.kl-modern-ui .kl-multi-author-byline__more > summary::-webkit-details-marker{
  display:none;
}

body.kl-modern-ui .kl-multi-author-byline__list{
  position:absolute!important;
  z-index:120!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  display:grid!important;
  gap:4px!important;
  width:max-content!important;
  min-width:220px!important;
  max-width:min(310px,82vw)!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid var(--kl-border)!important;
  border-radius:14px!important;
  background:var(--kl-card)!important;
  box-shadow:var(--kl-shadow-md)!important;
  list-style:none!important;
}

body.kl-modern-ui .kl-multi-author-byline__list a{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:44px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  color:var(--kl-text)!important;
  font-weight:750!important;
  text-decoration:none!important;
}

body.kl-modern-ui .kl-multi-author-byline__list a:hover{
  background:var(--kl-brand-light)!important;
  color:var(--kl-brand-dark)!important;
}

body.kl-modern-ui .kl-multi-author-byline__list img{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

body.kl-modern-ui .kl-multi-author-avatars{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  padding-left:8px!important;
}

body.kl-modern-ui .kl-multi-author-avatars__avatar{
  position:relative!important;
  display:block!important;
  width:38px!important;
  height:38px!important;
  margin-left:-8px!important;
  border:3px solid var(--kl-card)!important;
  border-radius:50%!important;
  box-shadow:var(--kl-shadow-xs)!important;
  overflow:hidden!important;
}

body.kl-modern-ui .kl-multi-author-avatars__avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  object-fit:cover!important;
}

body.kl-modern-ui .kl-multi-author-compact{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}

body.kl-modern-ui .kl-multi-author-compact__count{
  color:var(--kl-muted)!important;
  white-space:nowrap;
}

body.kl-modern-ui.single .kl-multi-author-profiles{
  width:100%!important;
  max-width:900px!important;
  margin:40px auto!important;
}

body.kl-modern-ui.single .kl-multi-author-profiles__title{
  margin:0 0 16px!important;
  color:var(--kl-text)!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}

body.kl-modern-ui.single .kl-multi-author-profiles__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

body.kl-modern-ui.single .kl-multi-author-profile{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:start!important;
  gap:16px!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--kl-border)!important;
  border-radius:var(--kl-radius-lg)!important;
  background:linear-gradient(145deg,var(--kl-card),var(--kl-surface-2))!important;
  box-shadow:var(--kl-shadow-sm)!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__avatar,
body.kl-modern-ui.single .kl-multi-author-profile__avatar img{
  display:block!important;
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__avatar img{
  box-shadow:0 0 0 4px var(--kl-card),0 8px 22px rgba(15,23,42,.14)!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__content{
  min-width:0!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__name{
  margin:0 0 7px!important;
  color:var(--kl-text)!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.25!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__name a{
  color:inherit!important;
  text-decoration:none!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__description{
  margin:0!important;
  color:var(--kl-muted)!important;
  font-size:14px!important;
  line-height:1.65!important;
}

body.kl-modern-ui.single .kl-multi-author-profile__description p{
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
}

body.kl-modern-ui.single :where(.kl-multi-author-profile__links,.kl-multi-author-profile__social){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:12px!important;
}

body.kl-modern-ui.single :where(.kl-multi-author-profile__links,.kl-multi-author-profile__social) a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:6px 10px!important;
  border:1px solid var(--kl-border)!important;
  border-radius:999px!important;
  background:var(--kl-card)!important;
  color:var(--kl-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.kl-modern-ui.single :where(.kl-multi-author-profile__links,.kl-multi-author-profile__social) a:hover{
  border-color:var(--kl-brand)!important;
  color:var(--kl-brand-dark)!important;
}

/* --------------------------------------------------------------------------
   8. Article alignment: reading body only
   -------------------------------------------------------------------------- */
body.kl-modern-ui.single.kl-post-align-left .entry-content.article-body{
  text-align:left!important;
  text-justify:auto!important;
}

body.kl-modern-ui.single.kl-post-align-justify .entry-content.article-body{
  text-align:justify!important;
  text-justify:inter-word!important;
}

body.kl-modern-ui.single.kl-post-align-center .entry-content.article-body{
  text-align:center!important;
  text-justify:auto!important;
}

body.kl-modern-ui.single.kl-post-align-right .entry-content.article-body{
  text-align:right!important;
  text-justify:auto!important;
}

body.kl-modern-ui.single .entry-content.article-body :where(
  figcaption,
  .wp-caption-text,
  pre,
  code,
  .wp-block-code,
  .wp-block-preformatted,
  .wp-block-buttons,
  .wp-block-button,
  .wp-block-gallery,
  .wp-block-image,
  .wp-block-embed,
  .wp-block-video,
  .wp-block-audio
){
  text-align:initial;
}

body.kl-modern-ui.single .entry-content.article-body .has-text-align-left{text-align:left!important}
body.kl-modern-ui.single .entry-content.article-body .has-text-align-center{text-align:center!important}
body.kl-modern-ui.single .entry-content.article-body .has-text-align-right{text-align:right!important}
body.kl-modern-ui.single .entry-content.article-body .has-text-align-justify{text-align:justify!important}

/* --------------------------------------------------------------------------
   9. Dark-state component repair
   -------------------------------------------------------------------------- */
html.kl-mode-dark body.kl-modern-ui :where(
  .grid-row > article,
  .kl-v6-recent .kl-news-card,
  .kl-v6-recent-card,
  .kl-ad-slot-inner,
  .kl-multi-author-meta,
  .kl-multi-author-byline__list,
  .kl-multi-author-profile
),
html.kl-v6-dark body.kl-modern-ui :where(
  .grid-row > article,
  .kl-v6-recent .kl-news-card,
  .kl-v6-recent-card,
  .kl-ad-slot-inner,
  .kl-multi-author-meta,
  .kl-multi-author-byline__list,
  .kl-multi-author-profile
),
html.dark-mode body.kl-modern-ui :where(
  .grid-row > article,
  .kl-v6-recent .kl-news-card,
  .kl-v6-recent-card,
  .kl-ad-slot-inner,
  .kl-multi-author-meta,
  .kl-multi-author-byline__list,
  .kl-multi-author-profile
){
  border-color:var(--kl-border)!important;
  background-color:var(--kl-card)!important;
  color:var(--kl-text)!important;
}

html.kl-mode-dark body.kl-modern-ui .kl-v6-recent > .kl-v6-section-head > a,
html.kl-v6-dark body.kl-modern-ui .kl-v6-recent > .kl-v6-section-head > a,
html.dark-mode body.kl-modern-ui .kl-v6-recent > .kl-v6-section-head > a,
html.kl-mode-dark body.kl-modern-ui .kl-multi-author-byline__list a:hover,
html.kl-v6-dark body.kl-modern-ui .kl-multi-author-byline__list a:hover,
html.dark-mode body.kl-modern-ui .kl-multi-author-byline__list a:hover{
  background:#3a2118!important;
  color:#ffb391!important;
}

/* --------------------------------------------------------------------------
   10. Desktop, tablet, phone and very-small-phone layouts
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item{
    grid-template-columns:minmax(160px,200px) minmax(0,1fr)!important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item{
    grid-template-columns:142px minmax(0,1fr)!important;
    gap:20px!important;
    padding-bottom:22px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item + article.kl-v6-archive-item{
    padding-top:22px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title{
    margin-bottom:8px!important;
    font-size:clamp(20px,2.8vw,26px)!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .post-excerpt{
    font-size:14px!important;
    -webkit-line-clamp:2;
  }

  body.kl-modern-ui.kl-v6-active .grid-row,
  body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profiles__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:767px){
  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px!important;
    padding:0 0 17px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item + article.kl-v6-archive-item{
    padding-top:17px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb){
    width:112px!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-content{
    align-self:start!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title{
    margin:0 0 7px!important;
    font-size:17px!important;
    line-height:1.28!important;
    letter-spacing:-.015em!important;
    -webkit-line-clamp:3;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .post-excerpt{
    display:none!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.single-meta.archive,.entry-meta,.meta,.post-meta){
    gap:4px 7px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }

  body.kl-modern-ui.kl-v6-active.kl-mobile-cards-stacked .qlm-list article.kl-v6-archive-item{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:0!important;
    border:1px solid var(--kl-border)!important;
    border-radius:var(--kl-radius)!important;
    background:var(--kl-card)!important;
    box-shadow:var(--kl-shadow-sm)!important;
    overflow:hidden!important;
  }

  body.kl-modern-ui.kl-v6-active.kl-mobile-cards-stacked .qlm-list article.kl-v6-archive-item + article.kl-v6-archive-item{
    margin-top:16px!important;
  }

  body.kl-modern-ui.kl-v6-active.kl-mobile-cards-stacked .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb){
    order:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
  }

  body.kl-modern-ui.kl-v6-active.kl-mobile-cards-stacked .qlm-list article.kl-v6-archive-item .entry-content{
    order:2!important;
    padding:15px!important;
  }

  body.kl-modern-ui.kl-v6-active.kl-mobile-cards-stacked .qlm-list article.kl-v6-archive-item .post-excerpt{
    display:-webkit-box!important;
    -webkit-line-clamp:2;
  }

  body.kl-modern-ui.kl-v6-active .grid-row,
  body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }

  body.kl-modern-ui.kl-v6-active .grid-row > article .entry-content,
  body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-body{
    padding:15px!important;
  }

  body.kl-modern-ui.kl-v6-active .grid-row > article .entry-title,
  body.kl-modern-ui.kl-v6-active .kl-v6-recent .kl-card-title{
    font-size:18px!important;
  }

  body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-section-head{
    align-items:center!important;
    padding-bottom:11px!important;
  }

  body.kl-modern-ui.kl-v6-active .kl-v6-recent > .kl-v6-section-head > a{
    min-height:36px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }

  body.kl-modern-ui .kl-ad-location-global-header,
  body.kl-modern-ui .kl-ad-location-global-before-footer{
    width:calc(100% - 24px)!important;
  }

  body.kl-modern-ui .kl-ad-wrapper{
    margin:16px auto!important;
  }

  body.kl-modern-ui .kl-ad-wrapper .kl-ad-slot-inner{
    min-height:60px;
    padding:6px!important;
    border-radius:10px!important;
  }

  body.kl-modern-ui .kl-ad-horizontal .kl-ad-slot-inner,
  body.kl-modern-ui .kl-ad-infeed .kl-ad-slot-inner{
    min-height:60px;
  }

  body.kl-modern-ui .kl-ad-sidebar .kl-ad-slot-inner,
  body.kl-modern-ui :where(
    .kl-ad-slot-kl_ad_sidebar_a,
    .kl-ad-slot-kl_ad_sidebar_b,
    .kl-ad-location-sidebar-a,
    .kl-ad-location-sidebar-b,
    .kl-ad-location-builder-sidebar
  ) .kl-ad-slot-inner{
    min-height:180px;
  }

  body.kl-modern-ui.single .kl-multi-author-meta.kl-v4-single-meta{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    margin:14px 0 18px!important;
    padding:13px!important;
  }

  body.kl-modern-ui .kl-multi-author-byline__more{
    position:static!important;
  }

  body.kl-modern-ui .kl-multi-author-byline__more[open]{
    flex:1 0 100%!important;
    width:100%!important;
  }

  body.kl-modern-ui .kl-multi-author-byline__list{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:8px!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profiles{
    margin:32px auto!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profiles__grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profile{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:14px!important;
    padding:15px!important;
    border-radius:18px!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profile__avatar,
  body.kl-modern-ui.single .kl-multi-author-profile__avatar img{
    width:64px!important;
    height:64px!important;
  }

  body.kl-modern-ui.single.kl-post-align-justify .entry-content.article-body{
    hyphens:auto;
  }
}

@media (max-width:389px){
  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.post-img,.video-thumb){
    width:96px!important;
    border-radius:10px!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item .entry-title{
    font-size:15px!important;
    line-height:1.3!important;
  }

  body.kl-modern-ui.kl-v6-active .qlm-list article.kl-v6-archive-item :where(.single-meta.archive,.entry-meta,.meta,.post-meta){
    font-size:10px!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profile{
    grid-template-columns:52px minmax(0,1fr)!important;
  }

  body.kl-modern-ui.single .kl-multi-author-profile__avatar,
  body.kl-modern-ui.single .kl-multi-author-profile__avatar img{
    width:52px!important;
    height:52px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.kl-modern-ui :where(a,button,summary,input,select,textarea,.kl-news-card,.kl-card-media img){
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }

  body.kl-modern-ui .kl-news-card:hover,
  body.kl-modern-ui .kl-news-card:hover .kl-card-media img{
    transform:none!important;
  }
}

@media print{
  .kl-ad-wrapper,
  .kl-v6-reader-toolbar,
  .kl-multi-author-byline__more > summary{
    display:none!important;
  }
}