.ds-gallery-intro { padding-bottom: 36px; }
.ds-gallery-intro .ds-text-link { margin-top: 20px; }
.ds-gallery-section { padding-top: 0; }
.ds-gallery-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.ds-gallery-filters button { background:transparent; border:1px solid var(--line); color:var(--ink); padding:10px 20px; cursor:pointer; font-size:12px; }
.ds-gallery-filters button[aria-pressed=true] { background:var(--ink); color:var(--paper); }
.ds-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ds-gallery-item { margin:0; min-width:0; }
.ds-gallery-item[hidden], .ds-gallery-dialog [hidden], #gallery-more[hidden] { display:none!important; }
.ds-gallery-open { display:block; width:100%; position:relative; border:0; padding:0; background:#e9e7e1; cursor:zoom-in; overflow:hidden; }
.ds-gallery-open img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.ds-gallery-enlarge { position:absolute; right:12px; bottom:12px; width:34px; height:34px; display:grid; place-items:center; background:var(--paper); color:var(--ink); font-size:22px; }
[data-media-kind=video] .ds-gallery-open { cursor:pointer; }
[data-media-kind=video] .ds-gallery-enlarge { font-size:17px; border-radius:50%; }
.ds-gallery-pagination { display:flex; flex-direction:column; align-items:center; gap:16px; padding-top:36px; }
#gallery-visible-count { font-size:12px; color:var(--muted); }
.ds-gallery-note { max-width:680px; margin:42px 0 0; font-size:13px; }
.ds-gallery-dialog { position:fixed; inset:0; margin:auto; width:min(1100px,94vw); max-height:94vh; padding:46px 22px 22px; background:var(--paper); color:var(--ink); border:0; overflow:auto; }
.ds-gallery-dialog::backdrop { background:#10150ee8; }
.ds-gallery-close { position:absolute; top:6px; right:14px; padding:4px 10px; border:0; background:transparent; font-size:30px; cursor:pointer; }
.ds-gallery-stage { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:12px; align-items:center; }
.ds-gallery-media { min-width:0; position:relative; }
.ds-gallery-media img,.ds-gallery-media video { display:block; width:100%; height:min(70vh,760px); object-fit:contain; }
.ds-gallery-media video { background:#111; }
.ds-gallery-stage>button { width:44px; height:44px; border:1px solid var(--line); background:transparent; color:var(--ink); font-size:22px; cursor:pointer; }
.ds-gallery-caption { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px; align-items:center; text-align:center; padding-top:16px; font-size:12px; }
#gallery-status { text-align:center; font-size:12px; min-height:18px; }
#gallery-photo-title { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:850px) { .ds-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ds-gallery-grid { gap:10px; } .ds-gallery-dialog { padding:44px 10px 16px; } .ds-gallery-stage { grid-template-columns:30px minmax(0,1fr) 30px; gap:3px; } .ds-gallery-stage>button { width:30px; height:38px; } .ds-gallery-media img,.ds-gallery-media video { height:60vh; } .ds-gallery-enlarge { width:26px;height:26px;font-size:18px;right:6px;bottom:6px; } }


/* Comfortable gallery controls on touch screens; retain each original photograph. */
.ds-gallery-filters button { min-height:48px; font-size:13px; }
#gallery-more { min-height:52px; font-size:13px; }
.ds-gallery-close { width:48px; height:48px; display:grid; place-items:center; padding:0; }
.ds-gallery-open:focus-visible, .ds-gallery-stage>button:focus-visible,
.ds-gallery-close:focus-visible, .ds-gallery-filters button:focus-visible {
  outline:3px solid #718260; outline-offset:3px;
}
.ds-gallery-media img { touch-action:pan-y pinch-zoom; }
html.ds-gallery-is-open { overflow:hidden; }
.ds-gallery-dialog { max-height:94dvh; overscroll-behavior:contain; }
@media(max-width:600px) {
  .ds-gallery-filters { gap:8px; }
  .ds-gallery-filters button { flex:1; padding:12px 8px; }
  .ds-gallery-dialog {
    width:100%; max-width:100%; height:100%; height:100dvh; max-height:100dvh; margin:0;
    padding:calc(56px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  }
  .ds-gallery-close { top:calc(4px + env(safe-area-inset-top, 0px)); right:max(12px, env(safe-area-inset-right, 0px)); }
  .ds-gallery-stage { grid-template-columns:1fr 1fr; gap:12px; }
  .ds-gallery-media { grid-column:1 / -1; grid-row:1; }
  .ds-gallery-media img, .ds-gallery-media video { height:calc(100vh - 230px); height:calc(100dvh - 230px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); min-height:100px; }
  .ds-gallery-stage>button { width:100%; height:48px; font-size:25px; }
  .ds-gallery-caption { padding-top:4px; }
  #gallery-original { display:inline-flex; align-items:center; min-height:44px; }
}