/* ============================================================
   Gallery page
   The photo grid and lightbox come from /gallery.css (the
   gallery app) — this file only adapts the app to the shared
   layout and design tokens.
   ============================================================ */

/* The app styles its own centred column; drop that when it
   lives inside the standard .section/.container. */
.gallery-section .lss-gallery {
  max-width: none;
  margin: 0;
  padding: 0;
}

.gallery-section .lss-gallery__status {
  color: var(--color-muted);
  padding: var(--space-xl) 0;
}

/* Match the site-wide red focus ring (base.css) over the
   app's navy one. */
.gallery-section .lss-gallery__thumb:focus-visible {
  outline-color: var(--color-red);
}