.slideshow{margin:10px 0 45px;scroll-margin-top:20px}
.slide-stage{position:relative;height:min(68vh,760px);min-height:320px;background:#202b25;overflow:hidden}
.slide-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:none;transition:opacity .8s ease-in-out;pointer-events:none}
.slide-layer.is-visible{opacity:1;transform:none}
.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.slide-buttons{display:flex;flex-wrap:wrap;gap:10px}
#slide-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}
.gallery-picker summary{cursor:pointer;font-family:var(--serif);font-size:1.6rem;padding:20px 0;border-block:1px solid var(--line)}
.gallery-picker .photo-grid{padding-top:30px}.gallery-choice[aria-current=true]{outline:2px solid var(--sea);outline-offset:5px}
.slideshow:focus-visible{outline:2px solid var(--sea);outline-offset:8px}
@media(max-width:600px){.slide-stage{height:48vh;min-height:260px}.slide-controls{align-items:flex-start}.slide-buttons{display:grid;grid-template-columns:1fr 1fr}.slide-buttons .btn{padding:13px 15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.slide-layer{transition:none;transform:none}}

.slide-speed{max-width:420px;margin:24px 0}.slide-speed label{font-size:13px;font-weight:500}.slide-speed input{width:100%;min-height:30px;accent-color:var(--sea);cursor:pointer}.speed-limits{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.slide-buttons button:disabled{opacity:.4;cursor:default}.slide-speed input:focus-visible{outline:2px solid var(--sea);outline-offset:4px}
