.vp-image-layouts{margin:18px 0;border-block:1px solid var(--line,#bbcbd2);padding:12px 0;scroll-margin-top:105px}
.vp-image-layouts>summary{font-size:17px;font-weight:700;min-height:40px;align-content:center;cursor:pointer;color:var(--ink,#193440)}
.vp-image-layouts>p{max-width:900px;font-size:14px;line-height:1.8;color:var(--muted,#4c6672)}
.vp-image-layouts article{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:24px;align-items:center;border:1px solid var(--line,#bbcbd2);padding:20px;background:var(--paper,var(--surface,#fff))}
.vp-image-layouts article img{width:100%;height:auto;display:block;background:white;border:1px solid #c6d3d9}
.vp-image-layouts h3{font-size:22px;line-height:1.4;margin:0 0 12px}.vp-image-layouts article p{font-size:15px;line-height:1.8}
.vp-image-layouts article button,.vp-image-layouts article a{display:inline-flex;min-height:44px;align-items:center;padding:8px 14px;margin:8px 12px 8px 0;font:600 14px/1.5 system-ui;border-radius:4px}
.vp-image-layouts article button{border:1px solid #156e74;background:#156e74;color:white;cursor:pointer}.vp-image-layouts article a{color:var(--accent,#156e74)}
.vp-image-layouts :focus-visible{outline:3px solid var(--accent,#156e74);outline-offset:3px}
@media(max-width:650px){.vp-image-layouts article{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.vp-image-layouts h3{font-size:20px}}