/* Album-directory layout only. Full photo readers keep their original sizes. */
.jciq-youth-site .gallery-index .information-hero {
  padding-block: clamp(2rem, 4vw, 3rem);
}
.jciq-youth-site .gallery-index .information-hero__grid {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2rem;
}
.jciq-youth-site .gallery-index .information-hero h1 {
  margin-block: .5rem 1rem;
  max-width: none;
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  line-height: 1.12;
}
.jciq-youth-site .gallery-index .gallery-index__intro {
  margin: 0;
  max-width: 54ch;
  font-size: 1rem;
  line-height: 1.7;
}
.jciq-youth-site .gallery-index .gallery-count {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  padding: .75rem 1rem;
  border: 1px solid rgba(213, 233, 251, .45);
  border-radius: .75rem;
  white-space: nowrap;
}
.jciq-youth-site .gallery-index .gallery-count strong {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
}
.jciq-youth-site .gallery-index .gallery-count span { font-size: .875rem; }
.jciq-youth-site .gallery-index > .content-section {
  padding-block: clamp(2rem, 4vw, 3rem) 4rem;
}
.jciq-youth-site .gallery-index .gallery-index__heading {
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 1.5rem;
  scroll-margin-top: 8rem;
}
.jciq-youth-site .gallery-index .gallery-index__heading h2 {
  margin: 0;
  max-width: none;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.3;
  letter-spacing: -.025em;
}
.jciq-youth-site .gallery-index .gallery-index__heading > a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--blue);
  font-size: .875rem;
  font-weight: 760;
  text-underline-offset: .25rem;
}
.jciq-youth-site .gallery-index .featured-albums {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
}
.jciq-youth-site .gallery-index .featured-albums__card {
  border-radius: .75rem;
  box-shadow: none;
}
.jciq-youth-site .gallery-index .featured-albums__card > a {
  display: flex;
  flex-direction: column;
}
.jciq-youth-site .gallery-index .featured-albums__media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 8 / 5;
  padding: 0;
  overflow: hidden;
  background: #e5edf5;
  border-bottom: 1px solid var(--line);
}
.jciq-youth-site .gallery-index .featured-albums__media img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}
.jciq-youth-site .gallery-index .featured-albums__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 1.25rem 1.25rem;
}
.jciq-youth-site .gallery-index .featured-albums__info > span {
  font-size: .75rem;
  line-height: 1.5;
}
.jciq-youth-site .gallery-index .featured-albums__info h3 {
  margin-block: .5rem 1rem;
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.jciq-youth-site .gallery-index .featured-albums__info strong {
  margin-top: auto;
  font-size: .875rem;
  line-height: 1.5;
}
.jciq-youth-site .gallery-index .featured-albums__card a:hover {
  background: #f4f8fd;
}
.jciq-youth-site .gallery-index :is(.featured-albums__card, .activity-photo-grid article):focus-within {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}
.jciq-youth-site .gallery-index .activity-gallery-page__stories { margin-top: 3rem; }
.jciq-youth-site .gallery-index .activity-photo-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}
.jciq-youth-site .gallery-index .activity-photo-grid article {
  grid-column: auto;
  border-radius: .75rem;
  background: #fff;
  box-shadow: none;
}
.jciq-youth-site .gallery-index .activity-photo-grid a {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  align-items: start;
  height: 100%;
  gap: 1rem;
  padding: .75rem;
  color: var(--navy);
}
.jciq-youth-site .gallery-index .activity-photo-grid img {
  width: 6rem;
  height: 4.5rem;
  border-radius: .375rem;
  background: #e5edf5;
  object-fit: contain;
  transform: none;
}
.jciq-youth-site .gallery-index .activity-photo-grid article div {
  position: static;
  min-width: 0;
  padding: 0;
  background: none;
}
.jciq-youth-site .gallery-index .activity-photo-grid time {
  color: var(--muted);
  font-size: .75rem;
  line-height: 1.5;
}
.jciq-youth-site .gallery-index .activity-photo-grid h3 {
  margin: .25rem 0 0;
  color: var(--navy);
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.jciq-youth-site .gallery-index .activity-photo-grid a:hover h3 { text-decoration: underline; }
.jciq-youth-site .gallery-index .gallery-archive-link { margin-top: 2rem; }
@media (max-width: 1199px) {
  .jciq-youth-site .gallery-index .featured-albums { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jciq-youth-site .gallery-index .activity-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .jciq-youth-site .gallery-index .featured-albums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .jciq-youth-site .gallery-index .information-hero__grid { grid-template-columns: 1fr; gap: 1rem; }
  .jciq-youth-site .gallery-index .gallery-count { justify-self: start; }
  .jciq-youth-site .gallery-index .gallery-index__heading { flex-wrap: wrap; gap: .5rem 1rem; }
  .jciq-youth-site .gallery-index .featured-albums { grid-template-columns: 1fr; gap: 1rem; }
  .jciq-youth-site .gallery-index .featured-albums__card > a {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
  }
  .jciq-youth-site .gallery-index .featured-albums__media {
    height: 100%;
    min-height: 8rem;
    aspect-ratio: auto;
    border-bottom: 0;
    border-right: 1px solid var(--line);
  }
  .jciq-youth-site .gallery-index .featured-albums__media img {
    height: 8rem;
    max-height: 100%;
  }
  .jciq-youth-site .gallery-index .featured-albums__info { padding: .75rem; }
  .jciq-youth-site .gallery-index .featured-albums__info h3 {
    font-size: 1.0625rem;
    margin-block: .375rem .75rem;
  }
  .jciq-youth-site .gallery-index .activity-photo-grid { grid-template-columns: 1fr; }
}