/* Registration status on the contact pages. */
.platform-accounts-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule-strong, #555);
}
.platform-account-row {
  display: grid;
  gap: 1rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--color-rule-strong, #555);
}
.platform-account-name h3 {
  margin: 0 0 .35rem;
  font-size: 1.25rem;
  line-height: 1.4;
}
.platform-account-name p,
.platform-account-detail,
.platform-accounts-note {
  margin: 0;
  color: var(--color-muted, #bbb);
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.platform-account-status {
  justify-self: start;
  align-self: start;
  padding: .4rem .65rem;
  border: 1px solid var(--color-rule-strong, #555);
  color: var(--color-focus, #f6bc62);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}
.platform-account-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}
.platform-account-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-height: 2.75rem;
  min-width: 2.75rem;
  padding: .5rem .8rem;
  border: 1px solid var(--color-focus, #f6bc62);
  color: var(--color-focus, #f6bc62);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}
.platform-account-link:hover {
  background: var(--color-focus, #f6bc62);
  color: var(--color-bg, #111);
}
.platform-account-link:focus-visible,
.platform-accounts-more > summary:focus-visible {
  outline: 2px solid var(--color-focus, #f6bc62);
  outline-offset: 4px;
}
.platform-accounts-group-title { margin: 0 0 1.25rem; font-size: 1.125rem; }
.platform-accounts-more { margin-top: 1.5rem; }
.platform-accounts-more > summary {
  display: list-item;
  min-height: 2.75rem;
  padding: .8rem 0;
  color: var(--color-focus, #f6bc62);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  cursor: pointer;
}
.platform-accounts-more[open] > summary { margin-bottom: .75rem; }
.platform-accounts-note { margin-top: 1.25rem; }
@media (min-width: 48rem) {
  .platform-account-row {
    grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr) minmax(10.5rem, .8fr);
    gap: 1.5rem;
    align-items: start;
  }
  .platform-account-actions { flex-direction: column; align-items: flex-start; }
}