/* Buyer’s Guide only. The locked shared mobile shell loads first. */
@media (max-width:991px){
body.dhc-water-heater-guide-page .dhc-f5-feature-visual{
  display:block!important; height:auto!important; max-width:500px!important;
  overflow:hidden!important; background:#edf5f9!important;
}
body.dhc-water-heater-guide-page .dhc-f5-feature-visual img{
  display:block!important; width:100%!important; height:auto!important;
  max-height:none!important; object-fit:contain!important;
}
body.dhc-water-heater-guide-page .dhc-f5-feature-visual > div{
  display:block!important; position:static!important; padding:16px 18px 18px!important;
  background:#082f52!important;
}
body.dhc-water-heater-guide-page .dhc-f5-mobile .dhc-f5-depth-body{
  min-width:0!important; overflow:visible!important; color:#29465d!important;
  font-size:16px!important; line-height:1.62!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body *,
body.dhc-water-heater-guide-page .dhc-f5-depth-body *::before,
body.dhc-water-heater-guide-page .dhc-f5-depth-body *::after{box-sizing:border-box!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(h2,h3,h4,h5){
  width:auto!important; max-width:100%!important; height:auto!important;
  color:#082f52!important; text-align:left!important; text-transform:none!important;
  letter-spacing:normal!important; overflow-wrap:break-word!important; word-break:normal!important;
  margin:28px 0 10px!important; padding:0!important; line-height:1.25!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body h2{font-size:23px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body h3{font-size:20px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(h4,h5){font-size:18px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(p,li){
  width:auto!important; max-width:100%!important; height:auto!important; min-height:0!important;
  color:#29465d!important; opacity:1!important; text-align:left!important;
  font-size:16px!important; line-height:1.6!important; letter-spacing:normal!important;
  overflow:visible!important; overflow-wrap:break-word!important; word-break:normal!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body p{margin:0 0 15px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(ul,ol){
  max-width:100%!important; margin:10px 0 19px!important; padding-left:23px!important;
  list-style-position:outside!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body li{margin:0 0 8px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(strong,b){color:inherit!important; opacity:1!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body a{color:#075a97!important; text-decoration:underline!important; text-underline-offset:2px}
body.dhc-water-heater-guide-page .dhc-f5-depth-body img{
  display:block!important; max-width:100%!important; height:auto!important; object-fit:contain!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(figure,.wp-block-image,.wp-block-group){
  max-width:100%!important; min-width:0!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body figure{
  height:auto!important; margin:17px auto!important;
}
/* Desktop grid containers become a single, predictable editorial column. */
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.wp-bootstrap-blocks-container,.wp-bootstrap-blocks-row,.wp-block-columns,.wp-block-column,.uagb-container-inner-blocks-wrap){
  display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
  height:auto!important; min-height:0!important; margin-left:0!important; margin-right:0!important;
  padding-left:0!important; padding-right:0!important; background-image:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .wp-bootstrap-blocks-row > [class*="col-"]{
  display:block!important; flex:none!important; width:100%!important; max-width:100%!important;
  min-width:0!important; height:auto!important; padding:0!important; margin:0 0 17px!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .wp-block-uagb-container.uagb-is-root-container{
  width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important;
  min-height:0!important; margin:18px 0!important; padding:20px 16px!important;
  background:#eff6fa!important; background-image:none!important; border-radius:18px!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .wp-block-uagb-container.uagb-is-root-container :is(h2,h3,p){color:#103756!important}
/* Source cards retain their content and illustrations in the approved DHC visual language. */
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx){
  display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
  height:auto!important; min-height:0!important; margin:0 0 17px!important; padding:22px 20px!important;
  color:#29465d!important; background:#fff!important; background-image:none!important;
  border:1px solid #d8e5ee!important; border-left:4px solid #f47721!important;
  border-radius:17px!important; box-shadow:0 10px 26px rgba(8,47,82,.08)!important;
  transform:none!important; text-align:left!important; overflow:visible!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box2,.grd-box2,.choice-bx2){border-left-color:#197e9e!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box3,.grd-box3,.choice-bx3){border-left-color:#075a97!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx)::before,
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx)::after{content:none!important; display:none!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx) > .wp-block-group__inner-container{
  width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; margin:0!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx) :is(h3,h4){
  margin:0 0 12px!important; color:#082f52!important; font-size:20px!important; line-height:1.25!important;
  font-weight:800!important; text-align:left!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx) :is(p,li,span,strong){
  color:#29465d!important; text-align:left!important; opacity:1!important; text-shadow:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx > .wp-block-group__inner-container{
  display:grid!important; grid-template-columns:minmax(0,1fr) 58px!important; column-gap:14px!important;
  align-items:start!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx figure{
  grid-column:2!important; grid-row:1 / 3!important; width:58px!important; height:58px!important;
  margin:0!important; padding:11px!important; border-radius:18px!important;
  background:linear-gradient(140deg,#0b5686,#082f52)!important;
  border:1px solid #f47721!important;
  box-shadow:0 8px 18px rgba(8,47,82,.24), inset 0 1px 0 rgba(255,255,255,.25)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx figure img{
  width:100%!important; height:100%!important; object-fit:contain!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx h3{grid-column:1!important; grid-row:1!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx p{grid-column:1 / -1!important; grid-row:3!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .exp-bx{
  padding:0 0 22px!important; border:1px solid #d8e5ee!important;
  border-bottom:4px solid #f47721!important; overflow:hidden!important;
  background:linear-gradient(180deg,#fff 75%,#f8fbfd)!important;
  box-shadow:0 13px 30px rgba(8,47,82,.11)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .exp-bx > .dhc-fbg-resource-photo{
  display:block!important; position:static!important; width:100%!important; max-width:100%!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  aspect-ratio:376 / 232!important; object-fit:cover!important; object-position:center!important;
  margin:0 0 21px!important; padding:0!important; transform:none!important; filter:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .exp-bx :is(h3,p){margin-left:20px!important; margin-right:20px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .exp-bx h3{
  padding:0 0 0 12px!important; border-left:3px solid #f47721!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .consider-bx .img-center{
  display:grid!important; place-items:center!important; height:175px!important;
  margin:0 0 18px!important; padding:12px!important; background:#edf5f9!important; border-radius:12px!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .consider-bx .img-center figure{margin:0!important; height:100%!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .consider-bx .img-center img{max-height:150px!important; width:auto!important; margin:auto!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .flexible-box.flexible-box-new{
  width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important;
  display:block!important; margin:18px 0!important; padding:24px 20px!important;
  background:#eff6fa!important; background-image:none!important; border:1px solid #d8e5ee!important;
  border-radius:18px!important; text-align:left!important; overflow:visible!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .flexible-box.flexible-box-new::after{content:none!important; display:none!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .flexible-box.flexible-box-new :is(h3,p){
  width:100%!important; max-width:100%!important; color:#103756!important; text-align:left!important;
}
/* Four-column source comparison becomes three full-width product cards. */
body.dhc-water-heater-guide-page .dhc-fbg-comparison-cards{
  display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; margin:20px 0 25px!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card{
  min-width:0!important; padding:22px 20px!important; background:#fff!important;
  border:1px solid #d8e5ee!important; border-top:4px solid #f47721!important;
  border-radius:17px!important; box-shadow:0 10px 26px rgba(8,47,82,.08)!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card:nth-child(2){border-top-color:#197e9e!important}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card:nth-child(3){border-top-color:#075a97!important}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card h3{margin:0 0 15px!important; font-size:21px!important}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card dl{margin:0!important}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card dt{
  padding:12px 0 3px!important; border-top:1px solid #e5edf2!important;
  color:#657f90!important; font-size:12px!important; font-weight:800!important; text-transform:uppercase!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-comparison-card dd{
  margin:0 0 10px!important; color:#153c58!important; font-size:16px!important; line-height:1.45!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-table-semantic{
  position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important;
  overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-table-scroll{
  display:block!important; max-width:100%!important; overflow-x:auto!important;
  margin:18px 0 24px!important; border:1px solid #d8e5ee!important;
  border-radius:13px!important; background:#fff!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-table-scroll table{
  width:100%!important; min-width:440px!important; margin:0!important; border-collapse:collapse!important;
  font-size:14px!important; text-align:left!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-table-scroll :is(th,td){padding:11px!important; text-align:left!important; border-bottom:1px solid #e5edf2!important}
/* Source fuel tabs remain keyboard-operable and readable at phone width. */
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs{width:100%!important; margin:20px 0!important}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs__panel{
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important; padding:0!important; margin:0 0 12px!important; list-style:none!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tab{margin:0!important; padding:0!important; list-style:none!important}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list{
  display:flex!important; justify-content:center!important; align-items:center!important;
  min-height:52px!important; height:100%!important; padding:10px!important;
  background:#edf5f9!important; color:#143d5b!important; border:1px solid #cbdde8!important;
  border-radius:11px!important; text-align:center!important; text-decoration:none!important;
  font-size:14px!important; font-weight:700!important; line-height:1.3!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list[aria-selected="true"]{
  background:#082f52!important; color:#fff!important; border-color:#082f52!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list[aria-selected="true"] *{color:#fff!important}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list:focus-visible{outline:3px solid #f47721!important; outline-offset:2px!important}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs__body-container{
  display:block!important; width:100%!important; min-width:0!important; height:auto!important;
  padding:20px!important; background:#fff!important; border:1px solid #d8e5ee!important; border-radius:14px!important;
}
body.dhc-water-heater-guide-page .dhc-fbg-mobile-tabs .uagb-tabs__body-container[hidden]{display:none!important}
/* Keep copied editorial content independent of the desktop component geometry. */
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(h2,h3,h4,h5){
  position:static!important; border-left:3px solid #f47721!important;
  padding:0 0 0 12px!important; margin-left:0!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx,.dhc-fbg-comparison-card) :is(h2,h3,h4,h5){
  border-left:0!important; padding-left:0!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-list,
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-list > .wp-block-group__inner-container{
  display:block!important; position:static!important; width:100%!important; max-width:100%!important;
  min-width:0!important; height:auto!important; margin:16px 0!important; padding:0!important;
  background:none!important; box-shadow:none!important; transform:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-div{
  display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
  height:auto!important; min-height:0!important; position:static!important;
  margin:0 0 10px!important; padding:12px 14px!important;
  background:#fff!important; border:1px solid #cbdde8!important; border-radius:12px!important;
  box-shadow:0 4px 12px rgba(8,47,82,.05)!important; transform:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-div > .wp-block-group__inner-container{
  display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:12px!important;
  position:static!important; width:100%!important; max-width:100%!important; min-width:0!important;
  height:auto!important; padding:0!important; margin:0!important; background:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-div figure{
  display:flex!important; flex:0 0 36px!important; width:36px!important; height:36px!important;
  margin:0!important; padding:0!important; background:none!important; border:0!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-div img{
  width:36px!important; height:36px!important; object-fit:contain!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .chips-div p{
  flex:1 1 auto!important; min-width:0!important; width:auto!important; margin:0!important;
  padding:0!important; font-size:15px!important; line-height:1.35!important;
  font-weight:700!important; color:#103756!important; overflow-wrap:normal!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .reliable-content,
body.dhc-water-heater-guide-page .dhc-f5-depth-body .reliable-content > .wp-block-group__inner-container{
  display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
  height:auto!important; margin:0!important; padding:0!important; background:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh{
  display:block!important; position:static!important; width:100%!important; max-width:100%!important;
  height:auto!important; min-height:0!important; margin:0 0 14px!important; padding:19px!important;
  border:1px solid #d8e5ee!important; border-left:4px solid #f47721!important;
  border-radius:15px!important; background:#fff!important; box-shadow:0 8px 20px rgba(8,47,82,.06)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh::before,
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh::after{content:none!important;display:none!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh > .wp-block-group__inner-container{
  display:block!important; width:100%!important; max-width:100%!important; min-width:0!important;
  padding:0!important; margin:0!important; position:static!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh h4{
  border:0!important; padding:0!important; margin:0 0 10px!important; font-size:19px!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .right-wh h4::before{
  content:none!important; display:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or){
  display:block!important; position:static!important; width:100%!important; max-width:100%!important;
  min-width:0!important; height:auto!important; min-height:0!important; margin:18px 0!important;
  padding:22px 18px!important; background:#eff6fa!important; background-image:none!important;
  border:1px solid #d8e5ee!important; border-radius:17px!important; overflow:visible!important;
  transform:none!important; box-shadow:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .repair-bx-or{
  background:#fff5ec!important; border-color:#f2d6bc!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or)::before,
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or)::after{
  content:none!important; display:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or) :is(.wp-block-group__inner-container,.content){
  display:block!important; position:static!important; width:100%!important; max-width:100%!important;
  min-width:0!important; height:auto!important; min-height:0!important; margin:0!important;
  padding:0!important; background:none!important; box-shadow:none!important; transform:none!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or) .logo-symbol{
  display:flex!important; justify-content:center!important; align-items:center!important;
  width:46px!important; height:46px!important; margin:0 0 14px!important; padding:7px!important;
  border-radius:50%!important; background:#fff!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or) .logo-symbol img{
  display:block!important; width:32px!important; height:32px!important; object-fit:contain!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .repair-bx-or .logo-symbol{background:#082f52!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or) :is(h2,p,li){
  position:static!important; width:100%!important; max-width:100%!important;
  min-width:0!important; height:auto!important; color:#173d59!important; text-align:left!important;
  overflow-wrap:break-word!important; word-break:normal!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-fbg-table-scroll table:not(.dhc-fbg-comparison-source){min-width:0!important;table-layout:auto!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-fbg-table-scroll th,
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-fbg-table-scroll td{
  overflow-wrap:break-word!important; word-break:normal!important; font-size:13px!important;
}

/* The original portrait is a scene, not a small equipment icon. Show its full composition. */
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage{
  width:100%!important; max-width:500px!important; margin:25px auto 20px!important;
  padding:12px 12px 0!important; overflow:hidden!important;
  background:linear-gradient(145deg,#082f52,#126293)!important;
  border:1px solid #256f9b!important; border-radius:20px!important;
  box-shadow:0 17px 36px rgba(8,47,82,.19)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage > img{
  display:block!important; width:100%!important; max-width:100%!important;
  height:auto!important; max-height:none!important; aspect-ratio:auto!important;
  margin:0!important; border-radius:12px 12px 0 0!important;
  object-fit:contain!important; object-position:center!important;
}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage > div{
  margin:0 -12px!important; padding:17px 20px 20px!important;
  background:linear-gradient(100deg,#082f52,#0a5280)!important; text-align:left!important;
}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage strong{
  color:#fff!important; font-size:17px!important; line-height:1.3!important;
}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage span{
  margin-top:5px!important; color:#c9e4f2!important; font-size:13px!important;
}
/* Keep the source articles visually distinct without dropping their original text. */
body.dhc-water-heater-guide-page .dhc-f5-depth-body .wp-block-uagb-container.uagb-is-root-container{
  background:linear-gradient(160deg,#eaf4f9 0%,#f5f9fb 72%)!important;
  border:1px solid #d7e8ef!important;
  box-shadow:0 10px 26px rgba(8,47,82,.055)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx{
  background:linear-gradient(145deg,#fff 70%,#f3f9fc)!important;
  box-shadow:0 12px 28px rgba(8,47,82,.1)!important;
}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .choice-bx h3{
  padding:0 0 0 11px!important; border-left:3px solid #f47721!important;
}
}

@media(min-width:992px){body.dhc-water-heater-guide-page .dhc-f5-mobile{display:none!important}body.dhc-water-heater-guide-page .dhc-f5-legacy{display:contents!important}}
@media(max-width:991px){
body.dhc-water-heater-guide-page .dhc-f5-legacy,body.dhc-water-heater-guide-page .footer-new,body.dhc-water-heater-guide-page>.footer,body.dhc-water-heater-guide-page #footer,body.dhc-water-heater-guide-page .footer-sec,body.dhc-water-heater-guide-page footer:not(.dhc-f5-footer):not(.dhc-uniform-mobile-footer){display:none!important}
body.dhc-water-heater-guide-page .dhc-f5-product>img{display:block;width:100%!important;max-width:300px!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important;margin:20px auto!important}
body.dhc-water-heater-guide-page .dhc-f5-heading h2,body.dhc-water-heater-guide-page :is(.dhc-f5-benefits,.dhc-f5-proof-support,.dhc-f5-why-grid) article>p{text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-benefits h3{font-size:20px!important;line-height:1.35!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-proof-icon{width:60px!important;height:60px!important;padding:12px!important;box-sizing:border-box;background:#edf5f9!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(8,47,82,.06)}
body.dhc-water-heater-guide-page .dhc-f5-proof-icon img{width:36px!important;height:36px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
body.dhc-water-heater-guide-page :is(.dhc-f5-proof-icon,.dhc-f5-stage-icon,.dhc-f5-why-grid>article>span) img{filter:brightness(0) saturate(100%) invert(55%) sepia(91%) saturate(1820%) hue-rotate(346deg) brightness(101%) contrast(94%)!important}
body.dhc-water-heater-guide-page .dhc-f5-proof-support article>p{clear:both!important}
body.dhc-water-heater-guide-page .dhc-f5-proof-support article>h3{min-height:2.7em!important;line-height:1.35!important}
body.dhc-water-heater-guide-page .dhc-f5-deep-dark>summary{background:white!important}
body.dhc-water-heater-guide-page .dhc-f5-deep-dark>summary strong{color:#082f52!important}
body.dhc-water-heater-guide-page .dhc-f5-deep-dark>summary small{color:#f47721!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid h3{font-size:clamp(11px,3vw,14px)!important;line-height:1.35!important;letter-spacing:0!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-depth-body :is(p,li,h2,h3,h4,dt,dd,th,td) :is(strong,span){display:inline!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body>div{display:flow-root}
body.dhc-water-heater-guide-page .dhc-whg-card{display:flow-root;position:static!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:20px!important;margin:20px 0!important;border:1px solid #dce5ea!important;border-top:4px solid #f47721!important;border-radius:15px!important;background:white!important;box-shadow:0 10px 26px rgba(8,47,82,.08)!important}
body.dhc-water-heater-guide-page .dhc-whg-card :is(h2,h3,h4){border-left:0!important;padding-left:0!important}
body.dhc-water-heater-guide-page .dhc-whg-photo{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:0!important;border-radius:14px!important;margin:20px auto!important;filter:none!important}
body.dhc-water-heater-guide-page .dhc-whg-icon{display:block!important;width:40px!important;height:40px!important;max-width:40px!important;margin:0!important;object-fit:contain!important;filter:brightness(0) saturate(100%) invert(55%) sepia(91%) saturate(1820%) hue-rotate(346deg) brightness(101%) contrast(94%)!important}
body.dhc-water-heater-guide-page .dhc-whg-icon-badge{display:flex!important;justify-content:center;align-items:center;width:60px!important;height:60px!important;padding:10px!important;border-radius:50%!important;background:#edf5f9!important;margin:0 0 20px auto!important;box-sizing:border-box}
body.dhc-water-heater-guide-page .dhc-whg-chip{display:grid!important;grid-template-columns:minmax(0,1fr) 60px!important;align-items:center!important;gap:14px!important;min-height:100px!important}
body.dhc-water-heater-guide-page .dhc-whg-chip>p{grid-column:1;grid-row:1;margin:0!important;line-height:1.5!important}
body.dhc-water-heater-guide-page .dhc-whg-chip>.dhc-whg-icon-badge{grid-column:2;grid-row:1;margin:0!important}
body.dhc-water-heater-guide-page .dhc-whg-card-heading{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:14px;margin-bottom:18px}
body.dhc-water-heater-guide-page .dhc-whg-card-heading>:is(h2,h3,h4){margin:0!important;font-size:19px!important;line-height:1.35!important}
body.dhc-water-heater-guide-page .dhc-whg-card-heading>.dhc-whg-icon-badge{margin:0!important}
body.dhc-water-heater-guide-page .dhc-whg-logo{display:block!important;width:150px!important;height:auto!important;max-height:none!important;max-width:100%!important;filter:none!important;margin:0 0 20px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body figure{margin:20px 0!important;padding:0!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-fbg-comparison-card:nth-child(n){border-top-color:#f47721!important}
body.dhc-water-heater-guide-page .dhc-f5-options .dhc-f5-option-light{border:1px solid #dce5ea!important;border-top:4px solid #f47721!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body a.dhc-f5-primary,body.dhc-water-heater-guide-page .dhc-f5-option>a{display:flex!important;justify-content:center;align-items:center;min-height:48px;height:auto!important;white-space:normal!important;line-height:1.35!important;text-align:center!important;margin-top:24px!important;padding:14px 18px!important;background:#f47721!important;color:#fff!important;text-decoration:none!important}
body.dhc-water-heater-guide-page .dhc-f5-rental-image{height:auto!important;max-height:none!important;aspect-ratio:376/233!important;border-radius:16px 16px 0 0!important;margin:0 auto!important}
body.dhc-water-heater-guide-page .dhc-f5-rental-image img{height:100%!important;width:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important}
body.dhc-water-heater-guide-page .dhc-f5-rental-copy{border-radius:0 0 16px 16px!important}
body.dhc-water-heater-guide-page .dhc-f5-faq-item summary strong{text-align:left!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-faq-item>div :is(p,li){font-size:16px!important;line-height:1.65!important;margin:0 0 16px!important;text-align:left!important;color:#29465d!important}
body.dhc-water-heater-guide-page .dhc-f5-faq-item>div :is(strong,span){display:inline!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important}
body.dhc-water-heater-guide-page .dhc-f5-option h3{text-align:left!important;font-size:21px!important;line-height:1.3!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-option p{font-size:16px!important;line-height:1.6!important}
body.dhc-water-heater-guide-page .dhc-whg-newsletter{padding:56px 20px;text-align:center;background:#f3f8fb}
body.dhc-water-heater-guide-page .dhc-whg-newsletter>p{max-width:560px;margin:20px auto;color:#60798a;font-size:16px;line-height:1.58}
body.dhc-water-heater-guide-page .dhc-whg-newsletter>a{max-width:560px;margin:24px auto 0}
body.dhc-water-heater-guide-page #dhc-f5-contact-slot .terms-check{display:block!important;width:100%!important;height:auto!important;margin:14px 0 20px!important}
body.dhc-water-heater-guide-page #dhc-f5-contact-slot .wpcf7-checkbox label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;width:100%!important}
body.dhc-water-heater-guide-page #dhc-f5-contact-slot .wpcf7-list-item{display:block!important;margin:0!important;width:100%!important}
body.dhc-water-heater-guide-page #dhc-f5-contact-slot .wpcf7-list-item-label{display:block!important;width:auto!important;font-size:14px!important;line-height:1.5!important;color:#29465d!important}
body.dhc-water-heater-guide-page #dhc-f5-contact-slot input[type=checkbox]{width:16px!important;height:16px!important;margin:3px 0 0!important;appearance:auto!important}
body.dhc-water-heater-guide-page .modal{z-index:10010!important}
body.dhc-water-heater-guide-page>.modal-backdrop{z-index:10009!important}
body.dhc-water-heater-guide-page.modal-open .mobile-btns{display:none!important}
}
/* Validated water-heater source layout refinements. Mobile only. */
@media(max-width:991px){
body.dhc-water-heater-guide-page .dhc-whg-book-stage{display:grid;place-items:center;width:min(100%,330px);margin:22px auto 28px;overflow:visible}
body.dhc-water-heater-guide-page .dhc-whg-book-stage>img{display:block!important;width:100%!important;max-width:300px!important;height:auto!important;max-height:none!important;margin:0!important;transform:translateX(8%)!important;filter:none!important;object-fit:contain!important}
body.dhc-water-heater-guide-page .dhc-f5-product{padding:36px 24px!important;text-align:center!important}
body.dhc-water-heater-guide-page .dhc-f5-product>strong{display:block!important;max-width:440px!important;margin:0 auto 8px!important;line-height:1.5!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-product>small{display:block!important;max-width:400px!important;margin:0 auto!important;line-height:1.5!important;text-wrap:balance}
body.dhc-water-heater-guide-page .dhc-f5-trust>div{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:24px 8px!important;text-align:center!important}
body.dhc-water-heater-guide-page .dhc-f5-trust strong{display:block!important;margin:0!important;line-height:1.3!important;font-size:14px!important}
body.dhc-water-heater-guide-page .dhc-f5-trust span{display:block!important;width:100%!important;max-width:95px!important;margin:0!important;font-size:12px!important;line-height:1.45!important;text-wrap:balance!important}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage{width:min(100%,400px)!important;padding:0!important;margin:26px auto!important;border:1px solid #dce5ea!important;border-radius:18px!important;overflow:hidden!important;background:#edf5f9!important;box-shadow:0 12px 28px rgba(8,47,82,.10)!important}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage>img{width:100%!important;height:clamp(260px,78vw,360px)!important;object-fit:cover!important;object-position:center 47%!important;border-radius:0!important;margin:0!important}
body.dhc-water-heater-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage>div{margin:0!important;padding:18px 20px!important}
body.dhc-water-heater-guide-page .dhc-whg-glyph{position:relative!important;display:block!important;flex:none!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;filter:none!important}
body.dhc-water-heater-guide-page .dhc-whg-glyph:before{content:""!important;position:absolute!important;inset:0!important;background:#f47721!important;-webkit-mask:var(--dhc-glyph) center/contain no-repeat;mask:var(--dhc-glyph) center/contain no-repeat;opacity:1!important}
body.dhc-water-heater-guide-page .dhc-whg-glyph>img{display:block!important;width:100%!important;height:100%!important;margin:0!important;filter:none!important;opacity:0!important}
body.dhc-water-heater-guide-page :is(.dhc-whg-icon-badge,.dhc-f5-proof-icon,.dhc-f5-why-grid>article>span){display:flex!important;align-items:center!important;justify-content:center!important;background:#edf5f9!important;border:0!important;border-radius:50%!important;box-shadow:0 4px 14px rgba(8,47,82,.07)!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid>article>span{background:white!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid article{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid p{max-width:23ch!important;font-size:14px!important;line-height:1.5!important;margin:8px auto 0!important;text-align:center!important;text-wrap:balance!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid h3{margin:18px 0 0!important;line-height:1.35!important}
body.dhc-water-heater-guide-page .dhc-f5-proof-support article>h3{min-height:0!important;margin-bottom:12px!important}
body.dhc-water-heater-guide-page .dhc-f5-proof-support article>p{margin-top:0!important;line-height:1.5!important;text-wrap:balance!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card{margin:20px 0!important;padding:22px!important;overflow:hidden!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(8,47,82,.07)!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card>:is(h2,h3,h4):first-child,body.dhc-water-heater-guide-page .dhc-whg-card-heading>:is(h2,h3,h4){margin-top:0!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card>p:last-child,body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card>:is(ul,ol):last-child{margin-bottom:0!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-media{display:block!important;width:calc(100% + 44px)!important;max-width:none!important;margin:-22px -22px 22px!important;padding:0!important;background:#edf5f9!important;overflow:hidden!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-media>img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;margin:0!important;border-radius:0!important;object-fit:contain!important;filter:none!important}
body.dhc-water-heater-guide-page .dhc-whg-chip{grid-template-columns:minmax(0,1fr) 60px!important;min-height:104px!important}
body.dhc-water-heater-guide-page .dhc-whg-chip>p{margin:0!important;font-weight:600!important;color:#103756!important}
body.dhc-water-heater-guide-page .dhc-whg-card-heading{margin-bottom:16px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card:not(.dhc-whg-chip)>:is(h2,h3,h4){font-size:20px!important;line-height:1.3!important;margin-bottom:14px!important}
body.dhc-water-heater-guide-page .dhc-f5-depth-body .dhc-whg-card>p{font-size:16px!important;line-height:1.6!important}
body.dhc-water-heater-guide-page .dhc-f5-related{padding-top:56px!important;padding-bottom:56px!important}
body.dhc-water-heater-guide-page .dhc-f5-articles{padding-top:48px!important;padding-bottom:48px!important}
body.dhc-water-heater-guide-page .dhc-whg-newsletter{padding-top:56px!important;padding-bottom:56px!important}
}

@media(max-width:991px){body.dhc-water-heater-guide-page .dhc-f5-why-last{width:calc((100% - 22px)/2)!important}body.dhc-water-heater-guide-page .dhc-f5-why-grid p{max-width:min(23ch,var(--dhc-why-caption-width,23ch))!important}}

@media(max-width:991px){
body.dhc-water-heater-guide-page .dhc-whg-glyph{width:42px!important;height:42px!important}
body.dhc-water-heater-guide-page .dhc-f5-why-grid .dhc-whg-glyph{width:48px!important;height:48px!important}
body.dhc-water-heater-guide-page :is(.dhc-f5-proof-icon,.dhc-whg-icon-badge){padding:8px!important}
}
