/* Komani Newsroom 32: Latest News, three ranked category desks, two Topics.
   No second editorial desk and no repeated article IDs. The category and tag
   desks share exactly the same card composition and spacing. */
.kn32-home .kn32-latest-title,
.kn32-home .kn32-topics-title {
  margin:0 0 22px!important;
  font:700 21px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.01em!important;
  color:#111!important;
}
.kn32-home .kn32-latest-title::before,
.kn32-home .kn32-topics-title::before{
  content:""!important;
  display:inline-block!important;
  position:static!important;
  width:6px!important;
  height:22px!important;
  background:#111!important;
  margin-right:11px!important;
  vertical-align:-4px!important;
}
.kn32-home .kn32-latest{min-width:0!important;}
.kn32-home .kn32-latest .front-hero{margin-bottom:37px!important;}
.kn32-home .kn32-topics{
  padding-top:8px!important;
  margin:48px 0 64px!important;
}
.kn32-home .kn32-topics-title{font-size:24px!important;margin-bottom:25px!important;}
.kn32-home .kn32-desk{margin:32px 0 45px!important;padding-top:20px!important;}
.kn32-home .kn32-topics .kn32-desk{margin:31px 0 44px!important;}
.kn32-home .kn32-desk .front-category-layout > *{min-width:0!important;}
.kn32-home .kn32-desk .front-category-top .editorial-heading{
  margin:0!important;
  color:#111!important;
}
.kn32-home .kn32-desk .front-category-top .editorial-heading a,
.kn32-home .kn32-desk .front-category-top .see-all{color:#111!important;}
.kn32-home .kn32-desk .front-category-top a:hover{
  text-decoration:underline!important;
  color:#111!important;
}
@media(max-width:760px){
  .kn32-home .kn32-latest-title,
  .kn32-home .kn32-topics-title{font-size:20px!important;margin:0 0 17px!important;}
  .kn32-home .kn32-latest-title::before,
  .kn32-home .kn32-topics-title::before{height:21px!important;vertical-align:-4px!important;}
  .kn32-home .kn32-latest .front-hero{margin-bottom:25px!important;}
  .kn32-home .kn32-desk{margin:26px 0 37px!important;padding-top:18px!important;}
  .kn32-home .kn32-topics{margin:35px 0 48px!important;}
}

/* One shared measure for the featured photograph, caption, text, inline
   photographs and adverts. The full-width headline is deliberately untouched.
   Desktop rail is the same one used by the share buttons. */
@media(min-width:1201px){
  body.kn-single-post main.single-page{
    --kn32-rail:clamp(280px,22.5vw,405px);
    --kn32-gap:34px;
    --kn32-reading:735px;
  }
  body.kn-single-post main.single-page .article-media-row,
  body.kn-single-post main.single-page .article-columns{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:var(--kn32-rail) minmax(0,var(--kn32-reading))!important;
    column-gap:var(--kn32-gap)!important;
    max-width:1174px!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.kn-single-post main.single-page .article-media-row > .article-feature{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    width:100%!important;
    max-width:735px!important;
  }
}
@media(min-width:761px) and (max-width:1200px){
  body.kn-single-post main.single-page .article-media-row,
  body.kn-single-post main.single-page .article-columns{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,24%) minmax(0,1fr)!important;
    gap:25px!important;
    max-width:1120px!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.kn-single-post main.single-page .article-media-row > .article-feature{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:735px!important;
    margin:0!important;
  }
}
@media(min-width:761px){
  body.kn-single-post main.single-page .article-media-row .article-hero-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  body.kn-single-post main.single-page .article-media-row .article-feature figcaption{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:735px!important;
    margin:9px 0 0!important;
    padding:0!important;
  }
  body.kn-single-post main.single-page .article-columns > .article-content-column,
  body.kn-single-post main.single-page .article-columns .article-content,
  body.kn-single-post main.single-page .article-columns .entry-content,
  body.kn-single-post main.single-page .article-columns > .article-sidebar{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    max-width:735px!important;
  }
}
body.kn-single-post main.single-page .article-content :is(figure, .wp-block-image, .wp-block-gallery, .wp-block-embed, .wp-block-video, .wp-block-cover, .alignwide, .alignfull, iframe, img, video){
  box-sizing:border-box!important;
  max-width:100%!important;
}
body.kn-single-post main.single-page .article-content :is(.alignwide,.alignfull){
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.kn-single-post main.single-page .article-content figure img{height:auto!important;}
@media(max-width:760px){
  body.kn-single-post main.single-page .article-media-row,
  body.kn-single-post main.single-page .article-media-row > .article-feature,
  body.kn-single-post main.single-page .article-columns,
  body.kn-single-post main.single-page .article-columns > .article-content-column{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
