/* Heater framing only: approved components and CTA styles remain shared. */
.reference-canvas .tank-approved .approved-hero-photo,
.reference-canvas .tank-approved .approved-hero-photo>.boiler-photo{height:100%;aspect-ratio:auto}
.reference-canvas .tank-approved .approved-hero-photo>.boiler-photo img{height:100%;width:100%;object-fit:cover;object-position:90% center}
.reference-canvas .tank-approved .approved-hero{height:auto;min-height:680px}
.reference-canvas .tank-approved .approved-hero>.wrap{height:auto;min-height:680px}
@media(min-width:768px){.reference-canvas .tank-approved .approved-hero-copy h1{font-size:52px}}

.tank-approved .tank-editorial-note{font-size:14px;line-height:1.5;margin-bottom:20px}
@media(max-width:767px){.reference-canvas .tank-approved .tank-editorial-note{font-size:calc(14px / var(--reference-scale));margin-bottom:calc(16px / var(--reference-scale))}}

@media(max-width:520px){
 .reference-canvas .tank-approved .approved-rail .equipment-rail{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(9px / var(--reference-scale))}
 .reference-canvas .tank-approved .approved-rail .equipment-rail a{font-size:calc(14px / var(--reference-scale));min-height:calc(70px / var(--reference-scale));gap:calc(5px / var(--reference-scale))}
 .reference-canvas .tank-approved .approved-rail .equipment-rail a:nth-child(2n){border-right:0}
 .reference-canvas .tank-approved .approved-rail .equipment-rail a:last-child{grid-column:1/-1;min-height:calc(54px / var(--reference-scale))}
}