/* Local preview: one photo panel per solution, scoped to this section only. */
#solution .solution-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#solution .solution-item{min-width:0;width:auto;padding:0;text-align:left;display:flex;flex-direction:column}
#solution .solution-item-heading{display:flex;align-items:baseline;gap:9px;min-height:64px;margin:0 0 12px}
#solution .solution-number{float:none;margin:0;font-size:17px;flex:none;line-height:1.5}
#solution .solution-item-heading h3{display:block;margin:0;font-size:22px;line-height:1.5}
#solution .solution-copy{min-height:108px;margin:0 0 17px;font-size:14px;line-height:1.85}
#solution .solution-media{min-width:0;margin:0}
#solution .solution-image-frame{display:block;width:100%;aspect-ratio:8/5;background:#fbfaf6;overflow:hidden}
#solution .solution-image-frame>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
#solution .solution-comparison-frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#solution .solution-comparison-frame>img{min-width:0}
#solution .solution-comparison-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px;text-align:center;font-size:11px;line-height:1.6}
#solution .solution-comparison-labels span:last-child{color:var(--green);font-weight:700}
#solution .solution-image-note{margin:6px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}
#solution .solution-neat-frame>img{object-fit:cover;object-position:center}
#solution .solution-item>.small-note{font-size:11px;line-height:1.8;margin:10px 0 0}
@media(min-width:761px) and (max-width:1080px){
 #solution .solution-layout{gap:18px}
 #solution .solution-item-heading{min-height:62px}
 #solution .solution-item-heading h3{font-size:20px}
 #solution .solution-copy{font-size:13px;min-height:132px}
 #solution .solution-comparison-labels{font-size:10px}
}
@media(max-width:760px){
 #solution .solution-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:27px}
 #solution .solution-item+.solution-item{padding-top:23px;border-top:1px solid var(--line)}
 #solution .solution-item-heading{min-height:0;gap:9px;margin-bottom:10px}
 #solution .solution-item-heading h3{font-size:20px}
 #solution .solution-number{font-size:15px}
 #solution .solution-copy{min-height:0;font-size:13px;margin-bottom:15px}
 #solution .solution-copy br{display:none}
 #solution .solution-comparison-labels{font-size:11px}
 #solution .solution-image-note{font-size:10px}
 #solution .solution-item>.small-note{font-size:10px;margin-top:9px}
}