/* Main Gallery page uses a two-column archive portal. */
.portal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

/*
 * Visit-by-visit subject photographs in the Gallery hero.
 * The underlying layout remains in ipms-site.css; these rules add the linked
 * card treatment and year label. PHP chooses a new set when the page opens;
 * nothing changes while the visitor is looking at the Gallery.
 */
.archive-collage {
  position: relative;
}

.gallery-category-card > a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}

.gallery-category-card > a:focus-visible {
  outline: 4px solid var(--yellow);
  outline-offset: -4px;
}

.archive-collage .gallery-category-card figcaption {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-width: calc(100% - 28px);
  font-size: .64rem;
}

.gallery-category-card figcaption strong,
.gallery-category-card figcaption small {
  display: block;
}

.gallery-category-card figcaption small {
  color: #d9e0ec;
  font-size: .48rem;
  letter-spacing: .08em;
}