/**
 * Shared bottom-of-page photo credits.
 *
 * Attribution belongs here, never beneath editorial figures. The disclosure is
 * intentionally quiet while remaining readable, keyboard-operable and printable.
 */
.er-photo-credits {
  width: min(100% - 36px, 1180px);
  margin: clamp(42px, 6vw, 82px) auto clamp(28px, 4vw, 54px);
  padding-top: clamp(18px, 2.5vw, 28px);
  border-top: 1px solid rgba(71, 60, 45, 0.2);
  color: var(--er-ink-3, #675e52);
  font-size: clamp(0.78rem, 0.74rem + 0.15vw, 0.88rem);
  line-height: 1.55;
}

.er-photo-credits details,
.er-photo-credits summary {
  margin: 0;
}

.er-photo-credits summary {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--er-ink-2, #3a332a);
  font-family: var(--er-sans, system-ui, sans-serif);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}

.er-photo-credits summary::before {
  content: "+";
  display: inline-grid;
  width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 0.9rem;
  line-height: 1;
}

.er-photo-credits details[open] summary::before {
  content: "−";
}

.er-photo-credits summary::-webkit-details-marker {
  display: none;
}

.er-photo-credits ol {
  display: grid;
  gap: 0.55rem;
  margin: 1rem 0 0;
  padding-left: 1.35rem;
}

.er-photo-credits li {
  padding-left: 0.2rem;
  overflow-wrap: anywhere;
}

.er-photo-credits strong {
  color: var(--er-ink-2, #3a332a);
  font-weight: 650;
}

.er-photo-credits a {
  color: var(--er-clay-deep, #8e4e2e);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

@media (min-width: 760px) {
  .er-photo-credits ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(28px, 4vw, 54px);
  }
}

@media print {
  .er-photo-credits details > * {
    display: block;
  }

  .er-photo-credits summary::before {
    display: none;
  }
}