.wb-installation.wb-installation-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wb-installation-four article{border:1px solid var(--wb-line,#e8e2d9);background:#fff;border-radius:12px}
.wb-step-photo.wb-step-quadrant{aspect-ratio:4/3;overflow:hidden;background:#eee}
.wb-step-photo.wb-step-quadrant img{position:absolute;width:200%;max-width:none;height:200%;aspect-ratio:auto;object-fit:fill;left:0;top:0}
.wb-step-quadrant[data-quadrant="1"] img,.wb-step-quadrant[data-quadrant="3"] img{left:-100%}
.wb-step-quadrant[data-quadrant="2"] img,.wb-step-quadrant[data-quadrant="3"] img{top:-100%}
.wb-installation-four .wb-step-copy{padding:16px}
.wb-installation-four .wb-step-copy h3{line-height:1.5;font-size:16px;margin-bottom:8px}
.wb-installation-four .wb-step-copy p{font-size:13px;line-height:1.8}
.wb-installation-reference{color:var(--wb-muted,#666);font-size:13px;line-height:1.8;margin:0 0 18px}
.wb-installation-sources{margin-top:16px;border:1px solid var(--wb-line,#e8e2d9);border-radius:10px;padding:12px 16px;color:var(--wb-muted,#666);font-size:12px;line-height:1.8}
.wb-installation-sources summary{cursor:pointer;font-weight:600;color:var(--wb-ink,#222)}
.wb-installation-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.wb-installation.wb-installation-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wb-installation.wb-installation-four{gap:12px}.wb-installation-four article:last-child{grid-column:auto}.wb-installation-four .wb-step-with-photo:last-child{display:block}.wb-installation-four .wb-step-copy{padding:12px}.wb-installation-four .wb-step-copy h3{font-size:14px}.wb-installation-four .wb-step-copy p{font-size:12px}.wb-installation-reference{font-size:12px}}
@media(max-width:380px){.wb-installation.wb-installation-four{grid-template-columns:1fr}.wb-installation-four .wb-step-copy p{font-size:13px}}
