/**
 * 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);
  /* px, not rem: the site root is 10px, so the authored 0.78-0.88rem rendered
     at 7.8-8.8px, roughly half the 14px type floor. Attribution is quiet but it
     still has to be readable. */
  font-size: var(--er-fs-floor, 14px);
  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: 8px;
  color: var(--er-ink-2, #3a332a);
  font-family: var(--er-sans, system-ui, sans-serif);
  font-size: var(--er-fs-floor, 14px);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
}

.er-photo-credits summary::before {
  content: "+";
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 14px;
  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: 8px;
  margin: 14px 0 0;
  padding-left: 20px;
}

.er-photo-credits li {
  padding-left: 3px;
  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;
  }
}

/* Pre-4.0 CC licences require the supplied title of the work; 4.0 dropped the
   term. The title is a quiet <cite> between the page label and the creator, and
   it inherits the li's overflow-wrap so a long supplied name cannot overflow on
   a narrow screen. */
.er-photo-credits cite {
  font-style: italic;
}