#atlas-current-gallery { margin: 1rem 0 1.5rem; max-width: 100%; }
#atlas-current-gallery .atlas-screen-controls { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin-bottom: .75rem; }
#atlas-current-gallery .atlas-screen-controls[hidden] { display: none; }
#atlas-current-gallery button { padding: .4rem .7rem; border: 1px solid currentColor; border-radius: .3rem; background: transparent; color: inherit; font: inherit; }
#atlas-screen-track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: .75rem; }
#atlas-screen-track figure { flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; }
#atlas-screen-track a { display: block; border: 0; }
#atlas-screen-track img { display: block; width: 100%; height: auto; border-radius: .3rem; }
#atlas-screen-track figcaption { padding-top: .5rem; font-size: .9rem; line-height: 1.5; }
#atlas-screen-track:focus-visible, #atlas-current-gallery :focus-visible { outline: 3px solid #d98b27; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { #atlas-screen-track { scroll-behavior: auto; } }
/* The theme can retain its loading class after a cached image load. */
#atlas-screen-track .shimmer::before { content: none; animation: none; }