/* Komani Newsroom 30: editorial single-story geometry and accessible share controls.
   A wide masthead and photograph; a narrower reading desk with share links on
   the left. Preserve the established site canvas and AdSense placement hooks. */
body.kn-single-post main.single-page.container-wide {
  overflow:visible!important;
}
body.kn-single-post main.single-page .newsroom-article,
body.kn-single-post main.single-page .article-heading {
  box-sizing:border-box!important;
  width:100%!important;
  max-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-heading {margin-bottom:33px!important;}
body.kn-single-post main.single-page .article-taxonomy,
body.kn-single-post main.single-page .article-timestamp,
body.kn-single-post main.single-page .article-byline,
body.kn-single-post main.single-page .article-deck {
  margin-left:0!important;
}
body.kn-single-post main.single-page .article-taxonomy {
  margin-bottom:25px!important;
  font:400 14px/1.3 Arial,Helvetica,sans-serif!important;
}
body.kn-single-post main.single-page h1.article-title {
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  padding:0!important;
  margin:0 0 29px!important;
  width:100%!important;
  max-width:100%!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(43px,3.87vw,70px)!important;
  font-weight:700!important;
  line-height:1.13!important;
  letter-spacing:-.032em!important;
  text-shadow:none!important;
  text-wrap:wrap!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-align:left!important;
}
body.kn-single-post main.single-page h1.article-title::before {
  content:""!important;
  position:absolute!important;
  left:-57px!important;
  top:0!important;
  bottom:0!important;
  height:auto!important;
  width:13px!important;
  border:none!important;
  border-radius:0!important;
  background:#cc0017!important;
}
body.kn-single-post main.single-page .article-timestamp {
  display:flex!important;
  align-items:center!important;
  gap:9px 16px!important;
  flex-wrap:wrap!important;
  margin:0 0 24px!important;
  font:400 14px/1.4 Arial,Helvetica,sans-serif!important;
}
body.kn-single-post main.single-page .article-timestamp span,
body.kn-single-post main.single-page .article-timestamp time {font-size:14px!important;}
body.kn-single-post main.single-page .article-byline {
  display:flex!important;
  margin:0!important;
  align-items:center!important;
  font:400 16px/1.4 Arial,Helvetica,sans-serif!important;
}
body.kn-single-post main.single-page .article-byline .byline-authors {display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;}
body.kn-single-post main.single-page .article-byline .article-author-avatar{width:30px!important;height:30px!important;object-fit:cover!important;border-radius:50%!important;}
body.kn-single-post main.single-page .article-media-row{
  display:block!important;
  position:static!important;
  box-sizing:border-box!important;
  width:min(100%,1200px)!important;
  max-width:1200px!important;
  margin:40px 0 24px!important;
  padding:0!important;
}
body.kn-single-post main.single-page .article-feature {
  display:block!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  order:initial!important;
}
body.kn-single-post main.single-page .article-hero-image {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:7px!important;
}
body.kn-single-post main.single-page .article-feature figcaption {
  box-sizing:border-box!important;
  max-width:790px!important;
  width:calc(100% - min(35%, 410px))!important;
  margin:11px 0 0 min(35%, 410px)!important;
  padding:0!important;
  color:#747474!important;
  font:400 14px/1.5 Georgia,'Times New Roman',serif!important;
  text-align:left!important;
}
/* Large desktops: sharing icons occupy the left rail while story copy starts
   roughly 400px to the right of the photograph's left edge. */
@media(min-width:1201px){
  body.kn-single-post main.single-page .article-columns{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,clamp(280px,22.5vw,405px)) minmax(0,790px)!important;
    gap:34px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-media-share{grid-column:1!important;grid-row:1!important;}
  body.kn-single-post main.single-page .article-columns>.article-content-column{grid-column:2!important;grid-row:1!important;}
  body.kn-single-post main.single-page .article-columns>.article-sidebar{grid-column:2!important;grid-row:2!important;margin-top:34px!important;}
}
@media(min-width:761px) and (max-width:1200px){
  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;
    margin:0!important;
    max-width:100%!important;
    width:100%!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-media-share{grid-column:1!important;grid-row:1!important;}
  body.kn-single-post main.single-page .article-columns>.article-content-column{grid-column:2!important;grid-row:1!important;}
  body.kn-single-post main.single-page .article-columns>.article-sidebar{grid-column:2!important;grid-row:2!important;}
}
@media(min-width:761px){
  body.kn-single-post main.single-page .article-columns>.article-content-column {
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:790px!important;
    margin:0!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-sidebar {
    box-sizing:border-box!important;
    position:static!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    margin:0!important;
  }
}
body.kn-single-post main.single-page .article-columns>.article-media-share {
  box-sizing:border-box!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  order:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:4px 0 0!important;
  align-self:start!important;
}
body.kn-single-post main.single-page .article-content {
  max-width:790px!important;
  width:100%!important;
  min-width:0!important;
  font:400 21px/1.77 Georgia,'Times New Roman',serif!important;
  overflow-wrap:break-word!important;
}
body.kn-single-post main.single-page .article-content p {margin:0 0 1.36em!important;}
body.kn-single-post main.single-page .article-content :is(h2,h3){font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.02em!important;}
body.kn-single-post main.single-page .article-content figure,
body.kn-single-post main.single-page .article-content img,
body.kn-single-post main.single-page .article-content iframe{max-width:100%!important;height:auto!important;}

/* One shape language for email, link, X, Facebook and WhatsApp. No text W/f
   stand-ins, and the copy icon is not replaced after a successful click. */
body.kn-single-post .kn-share-icons {
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
body.kn-single-post .kn-share-icons .kn-share-button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 42px!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:1px solid #e0e0e0!important;
  border-radius:5px!important;
  background:#fff!important;
  padding:0!important;
  margin:0!important;
  color:#101010!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:none!important;
}
body.kn-single-post .kn-share-icons .kn-share-button svg {
  display:block!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  max-width:19px!important;
  max-height:19px!important;
}
body.kn-single-post .kn-share-icons .kn-share-button:hover{
  background:#fff!important;
  color:#101010!important;
  border-color:#8e8e8e!important;
}
body.kn-single-post .kn-share-icons .kn-share-button:focus-visible{
  outline:2px solid #111!important;
  outline-offset:3px!important;
}
body.kn-single-post .kn-share-icons .kn-share-button.kn-link-copied{border-color:#111!important;background:#f5f5f5!important;}
body.kn-single-post .kn-endcap-share-icons>.kn-share-icons{gap:9px!important;}
body.kn-single-post .kn-endcap-share-icons .kn-share-button{flex-basis:35px!important;width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;}
body.kn-single-post .kn-endcap-share-icons .kn-share-button svg{width:16px!important;height:16px!important;flex-basis:16px!important;}

/* Keep the familiar narrow editorial deck and social controls on mobile. */
@media(max-width:760px){
  body.kn-single-post main.single-page.container-wide{width:calc(100% - 32px)!important;max-width:100%!important;}
  body.kn-single-post main.single-page .article-heading{margin-bottom:21px!important;}
  body.kn-single-post main.single-page .article-taxonomy{font-size:12px!important;margin:0 0 17px!important;}
  body.kn-single-post main.single-page h1.article-title{
    padding:0 0 0 23px!important;
    width:100%!important;
    margin-bottom:19px!important;
    font-size:clamp(31px,7.9vw,45px)!important;
    line-height:1.13!important;
    letter-spacing:-.03em!important;
    text-shadow:none!important;
  }
  body.kn-single-post main.single-page h1.article-title::before{left:0!important;width:6px!important;}
  body.kn-single-post main.single-page .article-timestamp{margin:0 0 16px!important;font-size:12px!important;}
  body.kn-single-post main.single-page .article-timestamp span,
  body.kn-single-post main.single-page .article-timestamp time{font-size:12px!important;}
  body.kn-single-post main.single-page .article-byline{font-size:14px!important;}
  body.kn-single-post main.single-page .article-media-row{
    display:block!important;width:100%!important;max-width:100%!important;
    margin:23px 0 14px!important;
  }
  body.kn-single-post main.single-page .article-hero-image{border-radius:4px!important;max-width:100%!important;}
  body.kn-single-post main.single-page .article-feature figcaption{margin:8px 0 0!important;width:100%!important;font-size:12px!important;}
  body.kn-single-post main.single-page .article-columns{
    display:flex!important;flex-direction:column!important;gap:16px!important;
    margin:0!important;width:100%!important;max-width:100%!important;
    align-items:stretch!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-media-share {
    display:block!important;order:0!important;width:100%!important;padding:0!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-content-column {
    order:1!important;width:100%!important;max-width:100%!important;margin:0!important;
  }
  body.kn-single-post main.single-page .article-columns>.article-sidebar{
    order:2!important;width:100%!important;max-width:100%!important;margin:12px 0 0!important;
  }
  body.kn-single-post main.single-page .article-content{font-size:18px!important;line-height:1.72!important;}
  body.kn-single-post .kn-share-icons{gap:8px!important;}
  body.kn-single-post .kn-share-icons .kn-share-button{
    flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  }
  body.kn-single-post .kn-share-icons .kn-share-button svg{width:17px!important;height:17px!important;flex-basis:17px!important;}
}