/* Komani Newsroom 18: concise desks, calm imagery, centred canvas and footer identity. */

/* Give landing pages a deliberately centred editorial canvas, not an edge-to-edge rail. */
body.home main.homepage.container-wide,
body.blog main.homepage.container-wide,
main.archive-page.container-wide,
main.kn-editorial-archive.container-wide {
  box-sizing:border-box!important;
  width:calc(100% - 80px)!important;
  max-width:1450px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Headlines and photographs no longer compete in the same space. */
.homepage .hero-main .story-cover-lead .story-title,
.homepage .hero-main .story-cover-lead > .story-title {
  position:static!important;
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-weight:700!important;
  line-height:1.08!important;
  margin:0 0 23px!important;
  padding:0!important;
  color:#0a0a0a!important;
  background:none!important;
  text-shadow:none!important;
}
.homepage .hero-main .story-cover-lead .story-lead-media,
.homepage .hero-main .story-cover-lead .story-media,
.homepage .editorial-center .story-cover-link {
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  isolation:isolate!important;
}
.homepage .hero-main .lead-image-caption,
.homepage .hero-main .story-cover-content,
.homepage .editorial-center .story-cover-content,
.homepage .editorial-center .story-cover-accent {
  display:none!important;
}
.homepage .editorial-center .kn-cover-title {
  position:static!important;
  display:block!important;
  margin:13px 0 0!important;
  padding:0!important;
  background:transparent!important;
  color:#111!important;
  font:700 clamp(21px,1.8vw,29px)/1.18 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.025em!important;
}
.homepage .editorial-center .kn-cover-title a {color:inherit!important;text-decoration:none!important;}
.homepage .editorial-center .kn-cover-title a:hover {text-decoration:underline!important;}
.homepage .editorial-center .story-cover-link::after,
.homepage .hero-main .story-lead-media::after{content:none!important;display:none!important;}
.homepage .editorial-center .story-cover-link,
.homepage .hero-main .story-lead-media{background:#ededed!important;}
.homepage .editorial-center .story-cover-image,
.homepage .editorial-center .story-cover-image img {
  width:100%!important;height:100%!important;object-fit:cover!important;
  display:block!important;
}
.homepage .hero-main .kn-hero-deck {
  position:static!important;
  margin:14px 0 0!important;
  padding:0!important;
  font:600 17px/1.35 Arial,Helvetica,sans-serif!important;
  background:none!important;
  color:#222!important;
  text-align:left!important;
}

/* Four current menu categories, followed by two tag desks grouped under Topics. */
.homepage .front-category.kn-home-topic-section {
  margin:54px 0 60px!important;
  padding-top:24px!important;
}
.homepage .kn-home-topics{border-top:1px solid #d8d8d8!important;margin:60px 0 70px!important;padding-top:30px!important;}
.homepage .kn-home-topics-heading{display:flex!important;align-items:baseline!important;gap:20px!important;margin-bottom:27px!important;}
.homepage .kn-home-topics-heading h2{font:700 30px/1.18 Arial,Helvetica,sans-serif!important;margin:0!important;letter-spacing:-.035em!important;}
.homepage .kn-home-topics-heading span{font:400 15px/1.4 Arial,Helvetica,sans-serif!important;color:#777!important;}
.homepage .kn-home-topics-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px!important;}
.homepage .kn-home-tag-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 22px!important;}
.homepage .kn-home-tag-cards .story-card{min-width:0!important;margin:0!important;padding:0!important;border:0!important;}
.homepage .kn-home-tag-cards .story-card:first-child{grid-column:1/-1!important;}
.homepage .kn-home-tag-cards .story-card:first-child .story-img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;}
.homepage .kn-home-tag-cards .story-mini .story-title{font:400 16px/1.3 Arial,Helvetica,sans-serif!important;}
.homepage .kn-home-tag-cards .story-compact .story-title{font:600 20px/1.25 Arial,Helvetica,sans-serif!important;}

/* A touch more headline ink, while keeping the full-width masthead and slim accent. */
body.kn-single-post main.single-page h1.article-title,
.kn-stream-item h1.article-title{
  font-weight:700!important;
  text-shadow:.22px 0 currentColor!important;
  max-width:none!important;
  text-wrap:wrap!important;
  letter-spacing:-.03em!important;
}

/* Custom footer artwork is never oversized or distorted on the black footer. */
.kn-cnn-footer .kn-footer-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 225px!important;
  max-width:225px!important;
  min-height:38px!important;
  margin:3px 0 0!important;
}
.kn-cnn-footer .kn-footer-brand .kn-footer-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:205px!important;
  max-height:39px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
/* Bundled footer logo displays the provided artwork with white KOMANI and
   the original red NEWS panel. The source PNG is reused, not re-exported. */
.kn-cnn-footer .kn-footer-default-logo{
  display:block!important;
  position:relative!important;
  width:205px!important;
  max-width:100%!important;
  aspect-ratio:181 / 23!important;
  flex:0 0 auto!important;
}
.kn-cnn-footer .kn-footer-default-logo img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
}
.kn-cnn-footer .kn-footer-default-logo .kn-footer-logo-mono{
  filter:brightness(0) invert(1)!important;
}
.kn-cnn-footer .kn-footer-default-logo .kn-footer-logo-color{
  clip-path:inset(0 0 0 57.3%)!important;
}
.kn-cnn-footer .kn-footer-wordmark{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  font:800 24px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.045em!important;
}
.kn-cnn-footer .kn-footer-wordmark span{color:#fff!important;}
.kn-cnn-footer .kn-footer-wordmark b{display:inline-block!important;padding:5px 6px 4px!important;background:#c60016!important;color:#fff!important;font:800 19px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.02em!important;}
.kn-cnn-footer .kn-footer-social-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:30px!important;color:#fff!important;flex-shrink:0!important;
}
.kn-cnn-footer .kn-footer-social-icon svg{width:25px!important;height:25px!important;display:block!important;}
.kn-cnn-footer .kn-footer-social-icon:hover{color:#fff!important;}
.kn-cnn-footer .kn-footer-social-unset{opacity:.58!important;cursor:default!important;}
.kn-cnn-footer .kn-footer-follow{display:flex!important;align-items:center!important;gap:16px!important;}

@media(max-width:1120px){
  body.home main.homepage.container-wide,
  body.blog main.homepage.container-wide,
  main.archive-page.container-wide,
  main.kn-editorial-archive.container-wide{width:calc(100% - 50px)!important;}
  .homepage .kn-home-topics-layout{gap:24px!important;}
}
@media(max-width:760px){
  body.home main.homepage.container-wide,
  body.blog main.homepage.container-wide,
  main.archive-page.container-wide,
  main.kn-editorial-archive.container-wide{width:calc(100% - 32px)!important;}
  .homepage .kn-home-topics-layout{grid-template-columns:1fr!important;gap:37px!important;}
  .homepage .kn-home-topics-heading{display:block!important;}
  .homepage .kn-home-topics-heading span{display:block!important;margin-top:7px!important;}
  .homepage .hero-main .story-cover-lead .story-title{font-size:clamp(28px,7.5vw,40px)!important;}
  .homepage .kn-home-tag-cards{gap:18px 16px!important;}
  .homepage .kn-home-tag-cards .story-mini .story-title{font-size:15px!important;}
  .kn-cnn-footer .kn-footer-brand{max-width:205px!important;flex:0 0 auto!important;}
  .kn-cnn-footer .kn-footer-brand .kn-footer-image{max-width:185px!important;max-height:36px!important;}
  .kn-cnn-footer .kn-footer-default-logo{width:185px!important;}
  .kn-cnn-footer .kn-footer-follow{flex-wrap:wrap!important;gap:13px!important;}
  .kn-cnn-footer .kn-footer-follow strong{width:100%!important;}
}