/* gallery: filter chips, event select, sticky month headers, lightbox extras */

.gal-add { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0 0 22px; }
.gal-add .link { white-space: normal; text-align: center; }

.chips .chip.on { background: var(--solid); color: var(--solid-ink); border-color: transparent; }
.chips .month-chip:first-of-type { margin-left: 6px; padding-left: 18px; border-left: 1px solid var(--line); }

.event-filter { display: flex; gap: 8px; margin: 2px 0 22px; }
.event-filter select { flex: 1; }

.album-group:first-of-type { margin-top: 6px; }
.month-head {
  position: sticky; top: calc(60px + 52px); z-index: 20; margin: 0 -18px 12px; padding: 8px 18px;
  background: var(--page); font: italic 400 21px/1 var(--serif); color: var(--dim);
}

.viewer-links { display: flex; justify-content: center; gap: 20px; margin-top: 10px; font-size: 13px; }
.viewer-links a { color: rgba(255, 255, 255, .78); text-decoration: underline; text-underline-offset: 3px; }
.viewer-links a[hidden] { display: none; }