/* Pages du compte membre : une colonne étroite, lisible sur mobile. */
.account-page {
  display: grid;
  gap: 24px;
  max-width: 560px;
}

.account-details {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.account-details div {
  display: grid;
}

.account-details dt {
  color: var(--mut);
  font-size: 14px;
}

.account-details dd {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.account-links {
  display: grid;
  gap: 6px;
  padding: 0;
  list-style: none;
}

.account-links a,
.account-alternative a {
  color: var(--link);
  font-weight: 600;
}

.account-inline-form {
  margin-top: 14px;
}

.personal-highlights {
  margin-top: 16px;
}

.personal-highlights dd {
  text-align: right;
}

.personal-highlights dd span {
  display: block;
  color: var(--mut);
  font-size: 13.5px;
  font-weight: 400;
}