.preview-block { padding: 0.75rem 1rem 1.25rem; }
.screenshot-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 240px)); justify-content: center; gap: 1rem; }
.screenshot-gallery figure { margin: 0; min-width: 0; }
.screenshot-gallery a { display: block; border-radius: 18px; }
.screenshot-gallery a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.app-screenshot { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 18px; border: 1px solid var(--card-border); }
.screenshot-gallery figcaption { color: var(--text-1); font-size: 0.82rem; text-align: center; margin-top: 0.65rem; }
.preview-note { color: var(--text-2); font-size: 0.76rem; text-align: center; line-height: 1.6; margin: 1rem 0 0; }
@media (max-width: 480px) { .preview-block { padding: 0.5rem 0 1rem; } .screenshot-gallery { gap: 0.65rem; } .app-screenshot { border-radius: 12px; } }