/* Shared main-site credits: brand identity first, official registrations second. */
.site-credits {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 5px;
}

.site-credits .credits-line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px 14px;
  width: 100%;
}

.site-credits .credits-line > span {
  white-space: nowrap;
  word-break: keep-all;
}

.site-credits .credits-line > span:first-child::before {
  content: none;
  margin: 0;
}

.site-credits .credits-line > span + span::before {
  content: "•";
  margin-right: 9px;
  color: #8eaa91;
}

.site-credits .credits-line-registration {
  align-items: baseline;
}

.site-credits .credits-mps a {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
  word-break: keep-all;
  vertical-align: baseline;
}

.site-credits .credits-mps img {
  display: block;
  position: relative;
  top: 1px;
  width: .9em;
  height: 1em;
  object-fit: contain;
  flex: none;
  align-self: baseline;
}

@media (max-width: 760px) {
  .site-credits { gap: 4px; }
  .site-credits .credits-line { gap: 3px 8px; }
  /* A wrapped item must never begin a mobile row with an orphan separator. */
  .site-credits .credits-line > span + span::before { content: none; margin: 0; }
  .home-credits { font-size: 9px; line-height: 1.3; }
}