/* Komani Newsroom 15: true full-bleed article masthead + reference hamburger. */

/* The older .article-heading inherited 54px left padding, which moved the
   vertical accent inward even though the heading itself was full width. */
body.kn-single-post main.single-page.container-wide,
body.kn-single-post main.single-page .newsroom-article,
.kn-stream-item .newsroom-article {
  box-sizing:border-box!important;
  width:calc(100% - 60px)!important;
  max-width:none!important;
}
body.kn-single-post main.single-page.container-wide {
  margin-left:auto!important;
  margin-right:auto!important;
}
body.kn-single-post main.single-page .newsroom-article,
.kn-stream-item .newsroom-article {
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.kn-single-post main.single-page .article-heading,
.kn-stream-item .article-heading {
  box-sizing:border-box!important;
  display:block!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
}
body.kn-single-post main.single-page h1.article-title,
.kn-stream-item h1.article-title {
  box-sizing:border-box!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 0 30px!important;
  padding:0 12px 0 59px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(44px,4.0vw,72px)!important;
  font-weight:700!important;
  line-height:1.16!important;
  letter-spacing:-.031em!important;
  text-wrap:balance!important;
  white-space:normal!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,
.kn-stream-item h1.article-title::before {
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:14px!important;
  border:0!important;
  border-radius:0!important;
  background:#d10017!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,
.kn-stream-item .article-taxonomy,
.kn-stream-item .article-timestamp,
.kn-stream-item .article-byline,
.kn-stream-item .article-deck {
  margin-left:59px!important;
}
body.kn-single-post main.single-page .article-taxonomy,
.kn-stream-item .article-taxonomy {margin-bottom:27px!important;}

/* Three thin lines, shorter middle line, left-aligned like the supplied icon. */
.site-header .menu-toggle {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:0!important;
  width:25px!important;
  min-width:25px!important;
  flex:0 0 25px!important;
  height:33px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  cursor:pointer!important;
}
.site-header .menu-toggle span {
  display:block!important;
  width:23px!important;
  height:2px!important;
  flex:0 0 2px!important;
  margin:0!important;
  padding:0!important;
  background:#111!important;
  border-radius:1px!important;
  transform:none!important;
  transition:none!important;
}
.site-header .menu-toggle span:nth-child(2){width:16px!important;}
.site-header .menu-toggle:focus-visible {outline:2px solid #111!important;outline-offset:4px!important;}

@media(max-width:760px){
  body.kn-single-post main.single-page.container-wide{width:calc(100% - 32px)!important;}
  body.kn-single-post main.single-page h1.article-title,
  .kn-stream-item h1.article-title {
    font-size:clamp(32px,7.7vw,47px)!important;
    line-height:1.13!important;
    letter-spacing:-.025em!important;
    padding-left:25px!important;
    padding-right:0!important;
    margin-bottom:22px!important;
    text-wrap:pretty!important;
  }
  body.kn-single-post main.single-page h1.article-title::before,
  .kn-stream-item h1.article-title::before{width:7px!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,
  .kn-stream-item .article-taxonomy,
  .kn-stream-item .article-timestamp,
  .kn-stream-item .article-byline,
  .kn-stream-item .article-deck{margin-left:25px!important;}
  body.kn-single-post main.single-page .article-taxonomy,
  .kn-stream-item .article-taxonomy{margin-bottom:18px!important;}
}