.quail-screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;align-items:start}
.quail-screenshot{margin:0;padding:18px;overflow:hidden}
.quail-screenshot img{display:block;width:100%;height:auto;border-radius:12px;background:#fff9dc}
.quail-screenshot a{display:block;border-radius:12px}
.quail-screenshot a:focus-visible{outline:3px solid var(--accent-2);outline-offset:5px}
.quail-screenshot figcaption{padding:8px 2px 0}
.quail-screenshot h3{margin-bottom:6px}
.quail-screenshot p{margin:0;color:var(--muted)}
@media(max-width:700px){.quail-screenshot-gallery{grid-template-columns:1fr}.quail-screenshot{padding:12px}}