.screenshot-gallery{scroll-margin-top:110px}.screenshot-gallery .section-head{margin-bottom:22px}.screenshot-disclosure{display:flex;align-items:center;gap:12px;font-size:.88rem;color:#566078;margin:0 0 26px;line-height:1.6}.shot-badge{flex-shrink:0;padding:5px 10px;border-radius:6px;background:#eae8fd;color:#5143ad;font-size:.7rem;font-weight:750;letter-spacing:.04em}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.screenshot-card{margin:0;border:1px solid #e1e5ef;border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 25px #24355b06}.screenshot-open{position:relative;display:flex;align-items:center;justify-content:center;background:#edf2f7;aspect-ratio:4/3;padding:12px;border-bottom:1px solid #e1e5ef;overflow:hidden}.screenshot-open img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.screenshot-open:hover img{transform:scale(1.015)}.screenshot-expand{position:absolute;bottom:10px;right:10px;background:#182746;color:white;border-radius:6px;padding:5px 9px;font-size:.7rem;font-weight:650}.screenshot-card figcaption{padding:22px}.shot-number{font:600 .72rem monospace;color:#7162e8;letter-spacing:.1em}.screenshot-card h3{font-size:1.1rem;line-height:1.35;margin:10px 0}.screenshot-card p{font-size:.91rem;line-height:1.65;color:#626b81;margin:0}.screenshot-footnote{font-size:.82rem;color:#687189;line-height:1.6;margin:20px 0}.screenshot-open:focus-visible,.screenshot-dialog button:focus-visible,.screenshot-original:focus-visible{outline:3px solid #7162e8;outline-offset:3px}.screenshot-dialog{width:min(1540px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:15px;padding:0;overflow:auto;background:#fff;color:#17223f;box-shadow:0 20px 90px #0005}.screenshot-dialog::backdrop{background:#10182ddd;backdrop-filter:blur(4px)}.screenshot-dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border-bottom:1px solid #e1e5ef;padding:14px 22px}.screenshot-dialog h2{font-size:1.05rem;margin:0;line-height:1.4}.screenshot-dialog button{border:1px solid #d9deeb;border-radius:8px;background:#eef1f8;color:#243455;padding:9px 14px;cursor:pointer;font:inherit;white-space:nowrap}.screenshot-dialog p{font-size:.8rem;line-height:1.5;color:#5b6480;padding:12px 22px;margin:0}.screenshot-full-view{background:#edf2f7;padding:8px;overflow:auto}.screenshot-full-view img{display:block;width:100%;height:auto}.screenshot-original{display:inline-block;margin:16px 22px;font-size:.85rem}.screenshot-dialog:not([open]){display:none}@media(max-width:900px){.screenshot-grid{gap:14px}.screenshot-card figcaption{padding:16px}}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr}.screenshot-open{aspect-ratio:3/2;padding:10px}.screenshot-disclosure{display:block}.shot-badge{display:inline-block;margin-bottom:8px}.screenshot-dialog-bar{padding:12px}.screenshot-dialog h2{font-size:.92rem}.screenshot-dialog{max-width:98vw;width:98vw}.screenshot-full-view img{width:1100px;max-width:none}.screenshot-dialog p{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.screenshot-open img{transition:none}}