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

.appliance-approved .appliance-editorial-note{font-size:14px;line-height:1.5;margin-bottom:20px}
.appliance-approved .appliance-guidance-figure{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;margin:28px 0 38px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 36px rgba(5,51,91,.12)}
.appliance-approved .appliance-guidance-figure>.ref-photo{width:100%;height:100%;min-height:260px;aspect-ratio:auto}
.appliance-approved .appliance-guidance-figure>.ref-photo img{width:100%;height:100%;object-fit:contain;background:#edf6fc}
.appliance-approved .appliance-guidance-figure figcaption{display:flex;flex-direction:column;justify-content:center;padding:30px;color:#29465f;font-size:16px;line-height:1.55}
.appliance-approved .appliance-guidance-figure strong{display:block;color:#062e5b;font-size:24px;line-height:1.2;margin-bottom:12px}
.appliance-approved .appliance-guidance-figure span{display:block}
.appliance-approved .appliance-guidance-figure small{display:block;margin-top:12px;color:#607587;font-size:12px;line-height:1.45}
@media(max-width:767px){.reference-canvas .appliance-approved .appliance-editorial-note{font-size:calc(14px / var(--reference-scale));margin-bottom:calc(16px / var(--reference-scale))}}
/* Two-service cards use the same responsive typography and tap area as approved three-card groups. */
.reference-canvas .appliance-approved .grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:767px){
 .reference-canvas .appliance-approved .grid-two .service-link{width:100%;align-self:stretch;margin-inline:0;font-size:calc(15px / var(--reference-scale));min-height:calc(46px / var(--reference-scale));line-height:1.25}
 .reference-canvas .appliance-approved .appliance-guidance-figure{grid-template-columns:1fr;margin:calc(24px / var(--reference-scale)) 0 calc(32px / var(--reference-scale));border-radius:calc(16px / var(--reference-scale))}
 .reference-canvas .appliance-approved .appliance-guidance-figure>.ref-photo{height:calc(220px / var(--reference-scale));min-height:0}
 .reference-canvas .appliance-approved .appliance-guidance-figure figcaption{padding:calc(22px / var(--reference-scale));font-size:calc(15px / var(--reference-scale));line-height:1.5}
 .reference-canvas .appliance-approved .appliance-guidance-figure strong{font-size:calc(22px / var(--reference-scale));margin-bottom:calc(10px / var(--reference-scale))}
 .reference-canvas .appliance-approved .appliance-guidance-figure small{font-size:calc(12px / var(--reference-scale));margin-top:calc(9px / var(--reference-scale))}
}