/**
 * Printer-friendly article, webinar, podcast, and similar templates.
 */

@page {
  margin: 0.8cm 1.2cm;
}

body.khni-article-print,
body:has(.articleBannerSec),
body:has(.articleContentSec) {
  background: #fff !important;
  color: #000 !important;
}

body.khni-article-print *,
body:has(.articleBannerSec) *,
body:has(.articleContentSec) * {
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.khni-article-print html,
body.khni-article-print,
body.khni-article-print #pageWrapper,
body:has(.articleContentSec) #pageWrapper {
  overflow: visible !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
  background: #fff !important;
}

body.khni-article-print #pageHeader .pageNavCollapse,
body.khni-article-print #pageHeader .headerActions,
body.khni-article-print #pageHeader .headerActionsMobile,
body.khni-article-print #pageHeader .pgNavOpener,
body.khni-article-print #pageHeader .mainNavigation,
body.khni-article-print #searchToggle,
body.khni-article-print .articleShareMobile,
body.khni-article-print .articleShareToolbar,
body.khni-article-print .articleShareFab,
body.khni-article-print .articleShareWrap,
body.khni-article-print .articleShareTrigger,
body.khni-article-print .searchOverlay,
body.khni-article-print .short-description,
body.khni-article-print .pageBannerSec .bannerbgImage,
body.khni-article-print .pageBannerSec::before,
body:has(.articleContentSec) .searchOverlay,
body:has(.articleContentSec) .short-description,
body:has(.articleContentSec) .pageBannerSec .bannerbgImage,
body:has(.articleContentSec) .pageBannerSec::before,
body.khni-article-print .articleTocCol,
body.khni-article-print .articleSideCol,
body.khni-article-print .articleBannerCrumbs,
body.khni-article-print .templateRelatedArtSec,
body.khni-article-print .homeCategorySec,
body.khni-article-print .hnHealthWrapper,
body.khni-article-print .hmCtnFormSec,
body.khni-article-print .templateLibrarySec,
body.khni-article-print .templateNewContentSec,
body.khni-article-print #post-flexible-content,
body.khni-article-print #pageFooter .ftFooterSec,
body.khni-article-print #pageFooter .ftMenuListWrapper,
body.khni-article-print .faqAccordionIcon,
body.khni-article-print .cky-consent-container,
body.khni-article-print .cky-btn-revisit-wrapper,
body.khni-article-print [class*="cky-btn-revisit"],
body.khni-article-print #onetrust-banner-sdk,
body.khni-article-print #onetrust-consent-sdk,
body.khni-article-print .ot-sdk-show-settings,
body.khni-article-print #ot-sdk-btn-floating,
body.khni-article-print .osano-cm-window,
body.khni-article-print .osano-cm-widget,
body:has(.articleContentSec) #pageHeader .pageNavCollapse,
body:has(.articleContentSec) #pageHeader .headerActions,
body:has(.articleContentSec) #pageHeader .headerActionsMobile,
body:has(.articleContentSec) #pageHeader .pgNavOpener,
body:has(.articleContentSec) #pageHeader .mainNavigation,
body:has(.articleContentSec) #searchToggle,
body:has(.articleContentSec) .articleShareMobile,
body:has(.articleContentSec) .articleShareToolbar,
body:has(.articleContentSec) .articleShareFab,
body:has(.articleContentSec) .articleShareWrap,
body:has(.articleContentSec) .articleShareTrigger,
body:has(.articleContentSec) .articleTocCol,
body:has(.articleContentSec) .articleSideCol,
body:has(.articleContentSec) .articleBannerCrumbs,
body:has(.articleContentSec) .templateRelatedArtSec,
body:has(.articleContentSec) .homeCategorySec,
body:has(.articleContentSec) .hnHealthWrapper,
body:has(.articleContentSec) .hmCtnFormSec,
body:has(.articleContentSec) .templateLibrarySec,
body:has(.articleContentSec) .templateNewContentSec,
body:has(.articleContentSec) #post-flexible-content,
body:has(.articleContentSec) #pageFooter .ftFooterSec,
body:has(.articleContentSec) .faqAccordionIcon,
body:has(.articleContentSec) .cky-consent-container,
body:has(.articleContentSec) .cky-btn-revisit-wrapper,
body:has(.articleContentSec) [class*="cky-btn-revisit"],
body:has(.articleContentSec) #onetrust-banner-sdk,
body:has(.articleContentSec) #onetrust-consent-sdk,
body:has(.articleContentSec) .ot-sdk-show-settings,
body:has(.articleContentSec) #ot-sdk-btn-floating,
body:has(.articleContentSec) .osano-cm-window,
body:has(.articleContentSec) .osano-cm-widget {
  display: none !important;
  visibility: hidden !important;
}

body.khni-article-print #pageHeader,
body:has(.articleContentSec) #pageHeader {
  position: static !important;
  background: #fff !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  min-height: 0 !important;
  height: auto !important;
  border-bottom: 1px solid #ccc;
}

body.khni-article-print #pageHeader .container,
body:has(.articleContentSec) #pageHeader .container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.khni-article-print #pageNav,
body:has(.articleContentSec) #pageNav {
  display: flex !important;
  min-height: 0 !important;
  height: auto !important;
  gap: 0 !important;
  padding: 0 !important;
}

body.khni-article-print .logo img,
body:has(.articleContentSec) .logo img {
  max-height: 40px;
  width: auto;
}

body.khni-article-print .pageBannerSec,
body:has(.articleContentSec) .pageBannerSec {
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 0 12px !important;
  background: #fff !important;
  overflow: visible !important;
}

body.khni-article-print .pageBannerSec .container,
body.khni-article-print .pageBannerSec .bannerTextDescr,
body:has(.articleContentSec) .pageBannerSec .container,
body:has(.articleContentSec) .pageBannerSec .bannerTextDescr {
  height: auto !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body.khni-article-print .bannerTextDescr .textWrapper,
body:has(.articleContentSec) .bannerTextDescr .textWrapper {
  margin-top: 0 !important;
}

body.khni-article-print .pageBannerSec h1,
body:has(.articleContentSec) .pageBannerSec h1 {
  color: #000 !important;
  font-size: 22pt;
  line-height: 1.25;
  margin: 0 0 6px !important;
}

body.khni-article-print .articleBannerSec,
body:has(.articleBannerSec) .articleBannerSec {
  background: #fff !important;
  padding: 0 0 16px !important;
  color: #000 !important;
}

body.khni-article-print .articleBannerWrap,
body:has(.articleBannerSec) .articleBannerWrap {
  display: block !important;
  gap: 0;
}

body.khni-article-print .articleBannerText,
body:has(.articleBannerSec) .articleBannerText {
  padding: 0 !important;
  max-width: none !important;
}

body.khni-article-print .articleBannerSec h1,
body:has(.articleBannerSec) .articleBannerSec h1 {
  color: #000 !important;
  font-size: 22pt;
  line-height: 1.25;
  margin: 0 0 8px !important;
}

body.khni-article-print .articleBannerSec .pillHead,
body.khni-article-print .articleBannerSec .dateTimeReadWrap,
body:has(.articleBannerSec) .articleBannerSec .pillHead,
body:has(.articleBannerSec) .articleBannerSec .dateTimeReadWrap {
  color: #000 !important;
}

body.khni-article-print .articleBannerMedia,
body:has(.articleBannerSec) .articleBannerMedia {
  flex: none !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  border-radius: 0 !important;
  margin-top: 12px;
}

body.khni-article-print .articleBannerMedia img,
body:has(.articleBannerSec) .articleBannerMedia img {
  width: auto;
  max-width: 100%;
  height: auto !important;
  max-height: 260px;
  object-fit: contain;
}

body.khni-article-print .articleContentSec,
body:has(.articleContentSec) .articleContentSec {
  padding: 0 !important;
}

body.khni-article-print .articleContentSec .container,
body:has(.articleContentSec) .articleContentSec .container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}

body.khni-article-print .articleContentSec .colsHolder,
body:has(.articleContentSec) .articleContentSec .colsHolder {
  display: block !important;
  margin: 0 !important;
}

body.khni-article-print .articleContentSec .articleMainCol,
body:has(.articleContentSec) .articleContentSec .articleMainCol {
  max-width: none !important;
  width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

body.khni-article-print .captionDetailText,
body.khni-article-print .articleContentBlock,
body:has(.articleContentSec) .captionDetailText,
body:has(.articleContentSec) .articleContentBlock {
  background: #fff !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}

body.khni-article-print .articleContentSec a,
body:has(.articleContentSec) .articleContentSec a {
  color: #000 !important;
  text-decoration: underline !important;
}

body.khni-article-print .articleContentSec img,
body:has(.articleContentSec) .articleContentSec img {
  max-width: 100% !important;
  height: auto !important;
}

body.khni-article-print .articleContentSec iframe,
body.khni-article-print .articleContentSec video,
body.khni-article-print .articleContentSec embed,
body:has(.articleContentSec) .articleContentSec iframe,
body:has(.articleContentSec) .articleContentSec video,
body:has(.articleContentSec) .articleContentSec embed {
  display: none !important;
}

body.khni-article-print .faqAccordionItem,
body:has(.articleContentSec) .faqAccordionItem {
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 8px;
}

body.khni-article-print .faqAccordionSummary,
body:has(.articleContentSec) .faqAccordionSummary {
  color: #000 !important;
  padding: 8px 0 !important;
}

body.khni-article-print .faqAccordionPanel,
body.khni-article-print .faqAccordionItem > *:not(summary),
body:has(.articleContentSec) .faqAccordionPanel,
body:has(.articleContentSec) .faqAccordionItem > *:not(summary) {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  padding: 0 0 8px !important;
}

body.khni-article-print h1,
body.khni-article-print h2,
body.khni-article-print h3,
body.khni-article-print h4,
body:has(.articleContentSec) h1,
body:has(.articleContentSec) h2,
body:has(.articleContentSec) h3,
body:has(.articleContentSec) h4 {
  break-after: avoid;
  page-break-after: avoid;
  color: #000 !important;
}

body.khni-article-print #pageFooter,
body:has(.articleContentSec) #pageFooter {
  background: #fff !important;
  color: #000 !important;
  padding: 16px 0 0 !important;
  margin-top: 24px;
  border-top: 1px solid #ccc;
}

body.khni-article-print #pageFooter .ftFooter,
body:has(.articleContentSec) #pageFooter .ftFooter {
  display: block !important;
}

body.khni-article-print #pageFooter .ftSecondLogo,
body:has(.articleContentSec) #pageFooter .ftSecondLogo {
  display: none !important;
}