/* Real app screenshots: complete screens, readable captions, no simulated UI. */
.app-preview-overview { grid-template-columns:1.1fr 1fr; gap:clamp(40px,6vw,80px); }
.app-preview-overview .overview-copy { order:1; min-width:0; }
.app-preview-visual { min-width:0; }
.app-preview-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:100%; max-width:560px; margin-inline:auto; align-items:start; }
.app-preview-shot { margin:0; min-width:0; }
.app-preview-image-link { display:block; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#f8f7f6; }
.app-preview-shot img { display:block; width:100%; height:auto; object-fit:contain; }
.app-preview-shot figcaption { display:flex; flex-direction:column; gap:5px; margin-top:13px; font-size:12px; line-height:1.5; }
.app-preview-shot figcaption strong { color:var(--ink); font-weight:600; }
.app-preview-shot figcaption a { width:fit-content; color:var(--muted); font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.app-preview-disclosure { max-width:54ch; margin:20px auto 0; font-size:12px; line-height:1.7; color:var(--muted); }
.app-preview-introduction { margin-top:26px; max-width:460px; color:var(--muted); font-size:16px; line-height:1.85; }
.app-preview-overview .overview-description { margin-top:20px; }
.app-preview-intro .app-preview-gallery { max-width:460px; }
.overview-search-context { scroll-margin-top:110px; }
.app-preview-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:980px) {
  .app-preview-overview,.why-intro.app-preview-intro { grid-template-columns:1fr; gap:38px; }
  .app-preview-overview .overview-copy { order:0; }
  .app-preview-overview .app-preview-visual { order:1; }
  .app-preview-overview .overview-copy { max-width:660px; }
  .app-preview-introduction,.app-preview-overview .overview-description,.app-preview-overview .overview-search-context { max-width:100%; }
  .app-preview-gallery,.app-preview-intro .app-preview-gallery { max-width:520px; }
}
@media(max-width:640px) {
  .app-preview-gallery,.app-preview-intro .app-preview-gallery { grid-template-columns:1fr; max-width:260px; gap:32px; }
  .app-preview-shot figcaption { font-size:14px; }
  .app-preview-shot figcaption a { font-size:12px; }
  .app-preview-introduction { font-size:14px; margin-top:22px; }
  .app-preview-disclosure { max-width:34ch; }
}