/* v16.17.3 — deliberately quiet on-image attribution.
   Full attribution remains available on /photo-credits/. */
.photo-credit-inline{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  bottom:auto!important;
  left:auto!important;
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  max-width:calc(100% - 14px)!important;
  margin:0!important;
  padding:2px 4px!important;
  border:0!important;
  border-radius:4px!important;
  background:rgba(9,20,16,.34)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:rgba(255,255,255,.76)!important;
  font-family:var(--font-mono,"IBM Plex Mono"),ui-monospace,monospace!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap;
  opacity:.58!important;
  z-index:6;
  transition:opacity .18s ease,background .18s ease;
}
.photo-credit-inline:hover,
.photo-credit-inline:focus-within{
  opacity:.96!important;
  background:rgba(9,20,16,.72)!important;
}
.photo-credit-inline a{
  color:inherit!important;
  text-decoration:none!important;
  text-underline-offset:2px;
}
.photo-credit-inline a:hover,
.photo-credit-inline a:focus-visible{
  text-decoration:underline!important;
}

/* Credits that sit inside a caption should read like metadata, never like a button. */
.heroCaption .source-credit[data-photo-credit],
.photoCopy .source-credit[data-photo-credit],
.source-credit[data-photo-credit]:not(.photo-credit-inline){
  display:inline!important;
  margin:.28rem 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:var(--font-mono,"IBM Plex Mono"),ui-monospace,monospace!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  opacity:.62!important;
}
.heroCaption .source-credit[data-photo-credit]{color:rgba(255,255,255,.78)!important}
.photoCopy .source-credit[data-photo-credit]{color:var(--muted)!important}
.source-credit[data-photo-credit] a{color:inherit!important;text-decoration:none!important}
.source-credit[data-photo-credit] a:hover,
.source-credit[data-photo-credit] a:focus-visible{text-decoration:underline!important}

@media(max-width:720px){
  .photo-credit-inline{
    top:5px!important;
    right:5px!important;
    max-width:calc(100% - 10px)!important;
    padding:2px 3px!important;
    font-size:7px!important;
    opacity:.52!important;
  }
  .heroCaption .source-credit[data-photo-credit],
  .photoCopy .source-credit[data-photo-credit],
  .source-credit[data-photo-credit]:not(.photo-credit-inline){font-size:7px!important}
}
@media print{
  .photo-credit-inline{opacity:.8!important;font-size:7pt!important}
}