/* Photo attribution stays with its image and opens without navigation. */
body details.photo-credit {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted, #596e72);
  font-size: .8rem;
  line-height: 1.5;
}
body details.photo-credit > summary {
  display: flex;
  align-items: center;
  gap: .55em;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  padding: .2rem 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}
body details.photo-credit > summary::-webkit-details-marker { display: none; }
body details.photo-credit > summary::after {
  content: "";
  flex: 0 0 .35em;
  width: .35em;
  height: .35em;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-.1em) rotate(45deg);
}
body details.photo-credit[open] > summary::after { transform: translateY(.1em) rotate(225deg); }
body details.photo-credit > summary:focus-visible { outline: 2px solid var(--teal, #286761); outline-offset: 3px; }
body details.photo-credit > .photo-credit-body { margin: 0; padding: 0 0 .6rem; }
body details.photo-credit .photo-credit-body a { font-size: inherit; }
