/* Komani Newsroom 19: centred WordPress pages, lighter footer follow label,
   slightly stronger news article headlines. Continuous loading is disabled in PHP. */

/* About, Contact, Terms, Privacy and every other normal WordPress Page. */
body.page main.kn-static-page {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(45px,5vw,85px) 24px clamp(72px,7vw,120px)!important;
  background:#fff!important;
}
body.page .kn-page-container {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:960px!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.page .kn-page-article {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.page .kn-page-header {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:840px!important;
  margin:0 auto clamp(30px,3vw,52px)!important;
  padding:0 0 27px!important;
  border-bottom:1px solid #dedede!important;
}
body.page .kn-page-eyebrow {
  margin:0 0 17px!important;
  color:#666!important;
  font:700 12px/1.4 Arial,Helvetica,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body.page .kn-page-title {
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  padding:0 0 0 22px!important;
  margin:0!important;
  border:0!important;
  font:700 clamp(38px,3.9vw,60px)/1.12 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.038em!important;
  color:#101010!important;
  text-align:left!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.page .kn-page-title::before {
  content:""!important;
  position:absolute!important;
  left:0!important;top:3px!important;bottom:3px!important;
  width:5px!important;
  height:auto!important;
  display:block!important;
  background:#c90018!important;
  border:0!important;
}
body.page .kn-page-body {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:840px!important;
  margin:0 auto!important;
  padding:0!important;
  color:#191919!important;
  font:400 clamp(17px,1.16vw,19px)/1.75 Arial,Helvetica,sans-serif!important;
  overflow-wrap:break-word!important;
}
body.page .kn-page-body > :first-child{margin-top:0!important;}
body.page .kn-page-body p{margin:0 0 1.3em!important;line-height:1.75!important;}
body.page .kn-page-body h2 {
  margin:1.75em 0 .75em!important;
  font:700 clamp(24px,2vw,33px)/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.028em!important;
}
body.page .kn-page-body h3 {
  margin:1.6em 0 .7em!important;
  font:700 clamp(21px,1.6vw,26px)/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.02em!important;
}
body.page .kn-page-body :is(figure,img,video,iframe){max-width:100%!important;height:auto;}
body.page .kn-page-body .wp-block-columns{gap:26px!important;}
body.page .kn-page-body .alignwide{max-width:100%!important;margin-inline:auto!important;}
body.page .kn-page-body .alignfull{width:100%!important;max-width:100%!important;margin-inline:auto!important;}
body.page .kn-page-body :is(input,textarea,select){max-width:100%;}
body.page .kn-page-body a:hover{color:inherit!important;text-decoration:underline!important;}

/* Smaller social text, maintaining the original horizontal CNN-style alignment. */
.site-footer.kn-cnn-footer .kn-footer-follow strong {
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font:700 13px/1.3 Arial,Helvetica,sans-serif!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}

/* A touch heavier/larger on article headlines; never constrain their width. */
body.kn-single-post main.single-page h1.article-title {
  width:100%!important;
  max-width:none!important;
  font-size:clamp(46px,4.2vw,78px)!important;
  font-weight:700!important;
  letter-spacing:-.033em!important;
  line-height:1.115!important;
  text-shadow:.35px 0 currentColor!important;
  text-wrap:wrap!important;
}
/* Respect the existing thin 9px editorial accent line. */
body.kn-single-post main.single-page h1.article-title::before{width:9px!important;}

@media(max-width:760px) {
  body.page main.kn-static-page {padding:38px 18px 75px!important;}
  body.page .kn-page-header{padding-bottom:23px!important;margin-bottom:26px!important;}
  body.page .kn-page-title{font-size:clamp(34px,8.6vw,45px)!important;padding-left:17px!important;line-height:1.12!important;}
  body.page .kn-page-title::before{width:4px!important;}
  body.page .kn-page-body{font-size:17px!important;line-height:1.66!important;}
  body.page .kn-page-body p{line-height:1.7!important;}
  body.kn-single-post main.single-page h1.article-title {
    font-size:clamp(34px,8.2vw,48px)!important;
    line-height:1.13!important;
    text-shadow:.25px 0 currentColor!important;
  }
  .site-footer.kn-cnn-footer .kn-footer-follow strong{font-size:12px!important;width:auto!important;}
}

/* Compact the top-left drawer control without changing its three-line shape. */
.site-header .menu-toggle {
  width:21px!important;
  min-width:21px!important;
  flex:0 0 21px!important;
  height:29px!important;
  gap:4px!important;
}
.site-header .menu-toggle span {
  width:19px!important;
  height:2px!important;
  flex-basis:2px!important;
}
.site-header .menu-toggle span:nth-child(2){width:13px!important;}
@media(max-width:760px){
  .site-header .menu-toggle{width:20px!important;min-width:20px!important;flex-basis:20px!important;height:28px!important;gap:4px!important;}
  .site-header .menu-toggle span{width:18px!important;}
  .site-header .menu-toggle span:nth-child(2){width:12px!important;}
}