/*      Request ID: eba2cbf04d16842991a4c3141c6ab22d_1794246468 (11/12/2026 7:46am) (minifier disabled) (VYhRDoAgDMVOJDsSQXlhS8YwbMr1Nf7507QlHh3k4wpe8MC0X2wVd1K5sbgokiHovHaVI3N0pSzWJqrAwikYHU5Nx16UWlHFlHes1z6kw/0B)      */

.su-wall-photoswipe {
  --su-wall-thumb-min: 18.75rem;
  --su-wall-thumb-wide-min: 21rem;
  --su-wall-thumb-max: 25rem;
  display: grid;
  /* Fill the host container, preserving comfortable card sizes as columns grow.
     auto-fill also keeps a short final row from stretching its remaining cards. */
  grid-template-columns: repeat(auto-fill, minmax(min(100%, clamp(var(--su-wall-thumb-min), 25%, var(--su-wall-thumb-wide-min))), 1fr));
  justify-items: center;
  gap: 1rem;
  margin-block: 1.5rem;
}

.su-wall-photoswipe > .su-wall-photoswipe__item,
.su-wall-photoswipe > .grid-item {
  display: block;
  min-width: 0;
  width: 100%;
  max-width: var(--su-wall-thumb-max);
  margin: 0;
}

.su-wall-photoswipe a,
.typographic-content-area .su-wall-photoswipe a {
  display: block;
  aspect-ratio: 1;
  background: #eee;
  border-bottom: 0;
}

.typographic-content-area .su-wall-photoswipe a:hover,
.typographic-content-area .su-wall-photoswipe a:focus {
  border-bottom: 0;
}

.su-wall-photoswipe picture,
.su-wall-photoswipe img {
  display: block;
  width: 100%;
  height: 100%;
}

.su-wall-photoswipe img {
  aspect-ratio: 1;
  object-fit: cover;
}

.su-wall-photoswipe a:focus-visible {
  outline: 3px solid #9c6800;
  outline-offset: 4px;
}

.su-wall-photoswipe a[aria-busy="true"] { cursor: progress; }

.su-wall-viewer { --pswp-bg: #111; --pswp-icon-color: #fff; }

.su-wall-viewer .su-wall-caption {
  position: absolute;
  inset: auto 0 0;
  box-sizing: border-box;
  max-height: 26vh;
  overflow-y: auto;
  padding: .75rem max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  background: #111;
  color: #fff;
  font: 1rem/1.4 system-ui, sans-serif;
  text-align: center;
}

.su-wall-viewer .su-wall-caption p { margin: 0; }
.su-wall-viewer button:focus-visible { outline: 3px solid #ffe099; outline-offset: -4px; }

@media (prefers-reduced-motion: reduce) {
  .su-wall-viewer * { animation-duration: 0s !important; transition-duration: 0s !important; }
}