.app-gallery { scroll-margin-top: 24px; }
.capture-version { display: inline-block; margin: 0 0 28px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.capture-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 32px; }
.capture-card { margin: 0 auto; min-width: 0; width: 100%; max-width: 576px; display: flex; flex-direction: column; }
.capture-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.capture-image { display: block; border: 1px solid var(--line); background: #fff; box-shadow: 0 8px 24px #0a254012; }
.capture-image:hover { border-color: var(--teal); }
.capture-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.capture-help { color: var(--muted); margin: -12px 0 28px; font-size: .95rem; }
.capture-card figcaption { padding-top: 22px; display: flex; flex-direction: column; flex: 1; }
.capture-state { align-self: flex-start; font-size: .875rem; font-weight: 700; line-height: 1.5; margin-bottom: 12px; }
.state-monitoring { color: #006650; }
.state-pending { color: #855400; }
.state-alert { color: #a42130; }
.capture-card h3 { font-size: 1.15rem; line-height: 1.35; margin: 0 0 12px; }
.capture-card p { color: var(--muted); font-size: .95rem; }
.capture-open { display: inline-flex; align-items: center; min-height: 44px; margin-top: auto; font-size: .875rem; font-weight: 650; line-height: 1.5; }
@media (max-width: 1000px) { .capture-grid { grid-template-columns: 1fr; gap: 44px; } .capture-card:last-child:nth-child(odd) { grid-column: auto; } }
@media (max-width: 600px) { .capture-card figcaption { padding-top: 20px; } }