/* Approved roof photo pair; the supplied images are shown whole, without alignment edits. */
.roof-photo-pair{min-width:0;align-self:center}
.roof-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.roof-pair-item{margin:0;min-width:0}
.roof-pair-item>figcaption{margin:0 0 9px;color:var(--ink);font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}
.roof-pair-image{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#eaf0f3}
.roof-pair-image>img,.roof-pair-image:hover>img{display:block;position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transform:none!important;transition:none}
.roof-pair-image .photo-expand{right:8px;top:8px;width:29px;height:29px;backdrop-filter:none}
.roof-pair-image .photo-expand svg{width:15px;height:15px}
.roof-overview-pair{width:100%}
.house-compare-note{font-size:.76rem;line-height:1.5;color:#536a78;margin:13px 0 0}
@media(max-width:640px){
 .roof-pair-grid{grid-template-columns:1fr;gap:23px}
 .roof-pair-item>figcaption{margin-bottom:8px}
}