.screenshot-section{background:#f3f7f7;border-block:1px solid #dce6e6}
.development-notice{padding:1rem 1.25rem;border:1px solid #dbc679;border-left:4px solid #ae831d;border-radius:.65rem;background:#fff8df;color:#4b3d13;line-height:1.6;margin-bottom:2rem}
.development-notice strong{font-weight:750}
.development-notice p{margin:.35rem 0 0;font-size:.9rem}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}
.screenshot-card{margin:0;min-width:0;border:1px solid #d8e2e3;border-radius:1rem;overflow:hidden;background:white;box-shadow:0 6px 24px rgb(16 43 60 / 5%)}
.screenshot-image-link{display:flex;height:25rem;align-items:center;justify-content:center;background:#07131f;padding:1rem;border-bottom:1px solid #d8e2e3}
.screenshot-image-link img{display:block;width:100%;height:100%;object-fit:contain}
.screenshot-card figcaption{padding:1.35rem}
.screenshot-type{display:block;color:#50656d;font-size:.78rem;font-weight:650;margin-bottom:.65rem;line-height:1.45}
.screenshot-card h3{font-size:1.2rem;line-height:1.3;margin:0 0 .65rem}
.screenshot-card p{color:#52666c;font-size:.95rem;line-height:1.6;margin:0 0 .8rem}
.screenshot-card figcaption>a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:#086962;text-underline-offset:.2em;font-weight:700}
.screenshot-card a:focus-visible{outline:3px solid #007b76;outline-offset:-4px}
.screenshot-card figcaption>a:focus-visible{outline-offset:3px}
.screenshot-section .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:54rem){.screenshot-grid{gap:1rem}.screenshot-image-link{height:21rem;padding:.6rem}.screenshot-card figcaption{padding:1rem}}
@media(max-width:42rem){.screenshot-grid{grid-template-columns:1fr;max-width:27rem;margin-inline:auto}.screenshot-image-link{height:24rem;padding:1rem}.development-notice{padding:1rem}.screenshot-card figcaption{padding:1.25rem}}
@media print{.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-card{break-inside:avoid;box-shadow:none}.screenshot-image-link{height:15rem}.screenshot-card figcaption>a{display:none}}