/* Buyer’s Guide only. The locked shared mobile shell loads first. */
@media (max-width:991px){
body.dhc-softener-guide-page .dhc-f5-feature-visual{
  display:block!important; height:auto!important; max-width:500px!important;
  overflow:hidden!important; background:#edf5f9!important;
}
body.dhc-softener-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-softener-guide-page .dhc-f5-feature-visual > div{
  display:block!important; position:static!important; padding:16px 18px 18px!important;
  background:#082f52!important;
}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body *,
body.dhc-softener-guide-page .dhc-f5-depth-body *::before,
body.dhc-softener-guide-page .dhc-f5-depth-body *::after{box-sizing:border-box!important}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body h2{font-size:23px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body h3{font-size:20px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(h4,h5){font-size:18px!important}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body p{margin:0 0 15px!important}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body li{margin:0 0 8px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(strong,b){color:inherit!important; opacity:1!important}
body.dhc-softener-guide-page .dhc-f5-depth-body a{color:#075a97!important; text-decoration:underline!important; text-underline-offset:2px}
body.dhc-softener-guide-page .dhc-f5-depth-body img{
  display:block!important; max-width:100%!important; height:auto!important; object-fit:contain!important;
}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(figure,.wp-block-image,.wp-block-group){
  max-width:100%!important; min-width:0!important;
}
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body :is(.step-box2,.grd-box2,.choice-bx2){border-left-color:#197e9e!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.step-box3,.grd-box3,.choice-bx3){border-left-color:#075a97!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.choice-bx,.exp-bx,.sense-bx,.consider-bx)::before,
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .choice-bx h3{grid-column:1!important; grid-row:1!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .choice-bx p{grid-column:1 / -1!important; grid-row:3!important}
body.dhc-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .exp-bx :is(h3,p){margin-left:20px!important; margin-right:20px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-bx h3{
  padding:0 0 0 12px!important; border-left:3px solid #f47721!important;
}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body .consider-bx .img-center figure{margin:0!important; height:100%!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .consider-bx .img-center img{max-height:150px!important; width:auto!important; margin:auto!important}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body .flexible-box.flexible-box-new::after{content:none!important; display:none!important}
body.dhc-softener-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-softener-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-softener-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-softener-guide-page .dhc-fbg-comparison-card:nth-child(2){border-top-color:#197e9e!important}
body.dhc-softener-guide-page .dhc-fbg-comparison-card:nth-child(3){border-top-color:#075a97!important}
body.dhc-softener-guide-page .dhc-fbg-comparison-card h3{margin:0 0 15px!important; font-size:21px!important}
body.dhc-softener-guide-page .dhc-fbg-comparison-card dl{margin:0!important}
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-fbg-mobile-tabs{width:100%!important; margin:20px 0!important}
body.dhc-softener-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-softener-guide-page .dhc-fbg-mobile-tabs .uagb-tab{margin:0!important; padding:0!important; list-style:none!important}
body.dhc-softener-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-softener-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list[aria-selected="true"]{
  background:#082f52!important; color:#fff!important; border-color:#082f52!important;
}
body.dhc-softener-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list[aria-selected="true"] *{color:#fff!important}
body.dhc-softener-guide-page .dhc-fbg-mobile-tabs .uagb-tabs-list:focus-visible{outline:3px solid #f47721!important; outline-offset:2px!important}
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .chips-list,
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .chips-div img{
  width:36px!important; height:36px!important; object-fit:contain!important;
}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body .reliable-content,
body.dhc-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .right-wh::before,
body.dhc-softener-guide-page .dhc-f5-depth-body .right-wh::after{content:none!important;display:none!important}
body.dhc-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .right-wh h4::before{
  content:none!important; display:none!important;
}
body.dhc-softener-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-softener-guide-page .dhc-f5-depth-body .repair-bx-or{
  background:#fff5ec!important; border-color:#f2d6bc!important;
}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or)::before,
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.repair-bx,.repair-bx-or)::after{
  content:none!important; display:none!important;
}
body.dhc-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .repair-bx-or .logo-symbol{background:#082f52!important}
body.dhc-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .dhc-fbg-table-scroll th,
body.dhc-softener-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-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-confidence .dhc-f5-equipment-stage strong{
  color:#fff!important; font-size:17px!important; line-height:1.3!important;
}
body.dhc-softener-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-softener-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-softener-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-softener-guide-page .dhc-f5-depth-body .choice-bx h3{
  padding:0 0 0 11px!important; border-left:3px solid #f47721!important;
}
}

@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-legacy,body.dhc-softener-guide-page .footer-new{display:none!important}
body.dhc-softener-guide-page .dhc-f5-brand-track{display:flex!important;align-items:center!important;gap:12px!important;width:calc(100% - 40px)!important;max-width:none!important;margin:30px auto 0!important;padding:0 0 16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin}
body.dhc-softener-guide-page .dhc-f5-brand-track>.dhc-ac-brand-card{display:flex!important;align-items:center;justify-content:center;flex:0 0 calc((100% - 12px)/2)!important;height:132px!important;padding:14px!important;border:1px solid var(--f5-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 20px rgba(8,47,82,.06);scroll-snap-align:start}
body.dhc-softener-guide-page .dhc-f5-brand-track>.dhc-ac-brand-card img{width:100%!important;height:70px!important;object-fit:contain!important;max-width:100%!important}
body.dhc-softener-guide-page .dhc-f5-brand-dots i.dhc-ac-current{background:#197e9e!important}
body.dhc-softener-guide-page .dhc-f5-mobile #dhc-f5-contact-slot{scroll-margin-top:110px}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body :is(a.wp-block-button__link,.more-btn a){background:#f47721!important;color:#fff!important;white-space:normal!important;text-align:center!important;line-height:1.4!important;text-decoration:none!important;display:block!important;padding:13px 16px!important;border:0!important;border-radius:10px!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body :is(.wp-block-buttons,.wp-block-button,.wp-block-button__link){position:static!important;transform:none!important;float:none!important;margin:12px 0!important;height:auto!important;min-height:0!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .wp-block-buttons{display:flex!important;justify-content:center!important}
body.dhc-softener-guide-page .dhc-f5-product>img{width:100%!important;max-width:340px!important;height:280px!important;object-fit:contain!important;filter:none!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-contact input[type=submit]{background:#f47721!important;color:white!important}
body.dhc-softener-guide-page .dhc-f5-mobile .wpcf7-acceptance .wpcf7-list-item{display:block!important;margin:0!important}
body.dhc-softener-guide-page .dhc-f5-mobile .wpcf7-acceptance label{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;align-items:start!important}
body.dhc-softener-guide-page .dhc-f5-mobile .wpcf7-acceptance input[type=checkbox]{width:18px!important;height:18px!important;margin:3px 0 0!important;min-width:18px!important;position:static!important}
body.dhc-softener-guide-page .dhc-f5-mobile .wpcf7-acceptance .wpcf7-list-item-label{display:block!important;width:auto!important;max-width:none!important;white-space:normal!important;color:#29465d!important;font-size:13px!important;line-height:1.5!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-img{height:auto!important;min-height:0!important;padding:0!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-img img{width:100%!important;height:190px!important;object-fit:cover!important}
}
@media(min-width:992px){body.dhc-softener-guide-page .dhc-f5-mobile{display:none!important}}

@media(max-width:991px){
body.dhc-softener-guide-page .dhc-ac-footer-social>span{display:block;color:#fff;font-weight:700;margin-bottom:16px;}
body.dhc-softener-guide-page .dhc-ac-footer-social nav{display:flex;justify-content:center;gap:18px;margin-bottom:26px;}
body.dhc-softener-guide-page .dhc-ac-footer-social nav a,body.dhc-softener-guide-page .dhc-ac-footer-social nav>span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;}
body.dhc-softener-guide-page .dhc-ac-footer-social img{width:28px;height:28px;object-fit:contain;filter:none!important;}
body.dhc-softener-guide-page .dhc-ac-footer-social nav [aria-label="TikTok"]{background:#fff;border-radius:50%;padding:3px;}
}
/* AC guide media polish: preserves the approved shell and desktop content. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-trust span{max-width:18ch!important;text-wrap:balance!important;min-height:2.7em!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-uagb-container.uagb-is-root-container{padding:20px 12px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.sense-bx,.consider-bx){padding:20px 16px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .reliable-img,
body.dhc-softener-guide-page .dhc-f5-depth-body .reliable-img>.wp-block-group__inner-container,
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-uagb-image,
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-uagb-image__figure{
 display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;position:static!important;transform:none!important;
}
body.dhc-softener-guide-page .dhc-f5-depth-body .reliable-img{margin:0 0 20px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body figure:has(>.dhc-ac-source-photo),
body.dhc-softener-guide-page .dhc-f5-depth-body figure:has(>.dhc-ac-source-diagram){width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:12px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-ac-source-photo,
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-ac-source-diagram{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;object-fit:contain!important;filter:none!important;opacity:1!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.sense-bx,.consider-bx) .reliable-img{width:100%!important;max-width:100%!important;margin:0 0 20px!important;overflow:hidden!important;border-radius:12px!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.sense-bx,.consider-bx) .reliable-img figure{border-radius:12px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img[src$="upgrade-your-home-comfort.jpg"]{height:clamp(250px,78vw,320px)!important;object-fit:cover!important;object-position:50% 42%!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img[src$="how-to-choose-the-right-air.jpg"]{height:clamp(230px,70vw,300px)!important;object-fit:cover!important;object-position:50% 48%!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .reliable-img .wp-block-gallery{display:block!important;margin:0!important;padding:0!important;gap:0!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-img figure{margin:0!important;border-radius:0!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-img img.dhc-ac-source-photo{height:auto!important;aspect-ratio:1.5!important;object-fit:cover!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .reliable-img img.dhc-ac-source-diagram{border-radius:12px!important}
}
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-bx .exp-img,
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-bx .exp-img>.wp-block-group__inner-container{width:100%!important;max-width:100%!important;margin:0 0 18px!important;padding:0!important;border-radius:14px 14px 0 0!important;overflow:hidden!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .exp-bx .exp-img>.wp-block-group__inner-container{margin:0!important;border-radius:0!important}
}
/* Use the site's exact full brand artwork in the reported decision card. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .repair-bx-or figure.logo-symbol:has(>.dhc-ac-decision-logo){
 display:block!important;width:170px!important;max-width:100%!important;height:auto!important;margin:0 0 22px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .repair-bx-or .logo-symbol>img.dhc-ac-decision-logo{
 width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important;
}
}

/* Consistent orange card accents and a legible expanded dark-section heading. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body :is(.step-box2,.step-box3,.grd-box2,.grd-box3,.choice-bx2,.choice-bx3){border-left-color:#f47721!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-fbg-comparison-card:nth-child(n){border-top-color:#f47721!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-deep-dark[open]>summary strong{color:#082f52!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-deep-dark[open]>summary small{color:#f47721!important}
}

/* Consistent expanded FAQ alignment; AC guide mobile only. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-faq-item>div,
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-faq-item>div :is(p,div,ul,ol,li){text-align:left!important}
}

@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-depth-body [class]{position:static!important;float:none!important;transform:none!important;min-height:0!important;background-image:none!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-gallery{display:block!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-gallery>figure{width:100%!important;margin:16px 0!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .wp-block-group:not(.choice-bx):not(.step-box):not(.grd-box):not(.exp-bx):not(.consider-bx):not(.sense-bx):not(.repair-bx):not(.repair-bx-or){height:auto!important;max-width:100%!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-ac-source-photo{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border:0!important;background:transparent!important;padding:0!important;border-radius:14px!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-ac-source-diagram{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:0!important;padding:0!important}
body.dhc-softener-guide-page .dhc-sg-source-icon{width:58px!important;height:58px!important;max-width:58px!important;padding:12px!important;object-fit:contain!important;background:#082f52!important;border-radius:16px!important}
body.dhc-softener-guide-page .dhc-sg-source-logo{width:170px!important;height:auto!important;max-height:none!important;background:transparent!important;filter:none!important;padding:0!important;border:0!important}
body.dhc-softener-guide-page .dhc-f5-product>img{height:280px!important;max-height:280px!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;border:0!important}
body.dhc-softener-guide-page .dhc-f5-feature-visual>img{max-height:380px!important;object-fit:contain!important;background:#edf5f9!important}
body.dhc-softener-guide-page .dhc-f5-benefits article p{font-size:15px!important;line-height:1.5!important;text-align:left!important}
body.dhc-softener-guide-page .dhc-f5-benefits article h3{font-size:19px!important;line-height:1.25!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article p{font-size:15px!important;line-height:1.5!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>img{width:58px!important;height:58px!important;padding:12px!important;object-fit:contain!important;border-radius:16px!important;background:#082f52!important}
body.dhc-softener-guide-page .dhc-f5-article-track>article{flex:0 0 min(78vw,330px);scroll-snap-align:start;background:white;border:1px solid #dce5ea;border-radius:16px;padding:20px;box-shadow:0 8px 20px rgba(8,47,82,.06)}
body.dhc-softener-guide-page .dhc-f5-article-track>article img{display:block;width:100%!important;height:auto!important;object-fit:contain;border:0;border-radius:12px;margin-bottom:18px}
body.dhc-softener-guide-page .dhc-f5-article-track>article h3{font-size:20px;line-height:1.3;color:#082f52;margin:0 0 12px}
body.dhc-softener-guide-page .dhc-f5-article-track>article p{font-size:15px;line-height:1.6;color:#29465d;margin:0 0 12px}
body.dhc-softener-guide-page .dhc-f5-contact .dhc-sg-contact-copy{font-size:16px;line-height:1.6;text-align:center;margin:0 0 22px}
body.dhc-softener-guide-page :is(.footer-new,.after-footer,.footer-main){display:none!important}
}

@media(max-width:991px){body.dhc-softener-guide-page .dhc-f5-trust img{width:40px!important;height:40px!important;object-fit:contain!important}body.dhc-softener-guide-page .dhc-sg-newsletter{margin:0;padding:38px 20px;background:#edf5f9;text-align:center}body.dhc-softener-guide-page .dhc-sg-newsletter p{font-size:16px;line-height:1.6;margin:0 0 20px}body.dhc-softener-guide-page .dhc-sg-newsletter .dhc-f5-primary{display:block;text-align:center}body.dhc-softener-guide-page .dhc-f5-faq-item>div{text-align:left!important}}

@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-equipment-stage{height:auto!important;max-height:none!important;overflow:hidden;background:#edf5f9}
body.dhc-softener-guide-page .dhc-f5-equipment-stage>img{width:100%!important;height:auto!important;max-height:330px!important;object-fit:contain!important}
body.dhc-softener-guide-page .dhc-f5-equipment-stage>div{position:static!important;transform:none!important;background:#082f52!important;padding:16px 18px!important;color:white!important}
body.dhc-softener-guide-page .dhc-f5-proof-support .dhc-f5-proof-icon img{filter:brightness(0) saturate(100%) invert(54%) sepia(90%) saturate(1780%) hue-rotate(348deg) brightness(102%) contrast(96%)}
body.dhc-softener-guide-page .dhc-f5-why-grid article>img{display:block!important;margin:0 0 16px!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>div{display:block!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>div .wp-block-group__inner-container{padding:0!important;margin:0!important;display:block!important}
body.dhc-softener-guide-page .dhc-f5-why .dhc-f5-heading-light :is(h2,p){color:white!important}
}

@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile a.dhc-f5-primary{background:#f47721!important;color:#fff!important;border-color:#f47721!important;text-align:center!important;text-decoration:none!important}
body.dhc-softener-guide-page .dhc-f5-mobile a.dhc-f5-primary:hover{background:#dc6517!important}
}
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile :is(.logo-symbol,.logo-symbol-white):has(>.dhc-sg-source-logo){display:block!important;width:170px!important;height:auto!important;max-width:100%!important;margin:0 0 20px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.dhc-softener-guide-page .dhc-f5-mobile :is(.logo-symbol,.logo-symbol-white)>img.dhc-sg-source-logo{display:block!important;width:170px!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;object-fit:contain!important;background:transparent!important;filter:none!important}
body.dhc-softener-guide-page .dhc-f5-mobile .repair-bx-or{border:1px solid #dce5ea!important;border-top:3px solid #f47721!important}
}
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile img.dhc-sg-source-icon{opacity:1!important;visibility:visible!important;width:50px!important;height:50px!important;max-width:50px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;filter:brightness(0) saturate(100%) invert(54%) sepia(90%) saturate(1780%) hue-rotate(348deg) brightness(102%) contrast(96%)!important}
body.dhc-softener-guide-page .dhc-f5-mobile figure:has(>img.dhc-sg-source-icon){width:50px!important;height:50px!important;min-width:50px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>img.dhc-sg-source-icon{margin:0 auto 16px!important}
}
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-faq-item>div p{margin:0 0 16px!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-faq-item>div p:last-child{margin-bottom:0!important}
}

/* Source-preserving mobile image frames and approved FAQ/card geometry. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-sg-portrait{aspect-ratio:4/5!important;height:auto!important;max-height:none!important;object-fit:cover!important;object-position:50% 35%!important}
body.dhc-softener-guide-page .dhc-f5-depth-body img.dhc-sg-wide{aspect-ratio:2/1!important;height:auto!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .dhc-sg-background-photo{margin:20px 0!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(8,47,82,.09)!important}
body.dhc-softener-guide-page .dhc-f5-depth-body :is(.step-box,.card-theme,.grd-box,.sense-bx,.consider-bx,.choice-bx)>.wp-block-group__inner-container{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.dhc-softener-guide-page .dhc-f5-depth-body .step-box{border:1px solid #dce5ea!important;border-top:3px solid #f47721!important;background:#fff!important;border-radius:14px!important;padding:20px 16px!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>h3{width:100%!important;margin:0 0 12px!important;line-height:1.3!important}
body.dhc-softener-guide-page .dhc-f5-why-grid article>p{width:100%!important;margin:0!important;text-align:center!important}
body.dhc-softener-guide-page .dhc-sg-faq-section{padding:38px 20px!important;background:#fff!important}
body.dhc-softener-guide-page .dhc-sg-faq-section .dhc-f5-faq{margin:0!important;padding:0!important}
body.dhc-softener-guide-page .dhc-f5-faq-item>div :is(ul,ol){padding-left:21px!important;margin:16px 0!important}
body.dhc-softener-guide-page .dhc-f5-faq-item>div li{margin:0 0 9px!important;line-height:1.65!important}
}

@media(max-width:991px){body.dhc-softener-guide-page .dhc-f5-depth-body .choice-bx figure:has(>.dhc-sg-source-icon){opacity:1!important;visibility:visible!important;filter:none!important}}

/* Match the approved guide rail, source cards and actual source icon cascade. */
@media(max-width:991px){
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .choice-bx figure img.dhc-sg-source-icon{filter:brightness(0) saturate(100%) invert(54%) sepia(90%) saturate(1780%) hue-rotate(348deg) brightness(102%) contrast(96%)!important;opacity:1!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .choice-bx>div.wp-block-group__inner-container{display:grid!important;grid-template-columns:minmax(0,1fr) 50px!important;column-gap:14px!important;align-items:start!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-bx,
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-bx:hover{background:#fff!important;border:1px solid #dce5ea!important;border-top:3px solid #f47721!important;box-shadow:0 10px 26px rgba(8,47,82,.08)!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-bx p{font-weight:400!important}
body.dhc-softener-guide-page .dhc-f5-mobile .dhc-f5-depth-body .exp-bx p strong{font-weight:600!important}
body.dhc-softener-guide-page .dhc-f5-articles>.dhc-f5-deep{margin:24px 0 0!important}
body.dhc-softener-guide-page .dhc-f5-trust>div>span{display:block!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance}
body.dhc-softener-guide-page .dhc-f5-why-grid article>p{margin-left:auto!important;margin-right:auto!important;text-wrap:balance}
}

@media(max-width:991px){body.dhc-softener-guide-page .dhc-f5-articles .dhc-f5-depth-body .exp-bx{padding-top:20px!important}}

/* DHC softener guide photo alignment correction 2026-10-11: mobile only. */