/* ── UserProfile card ────────────────────────────────────────── */

.profile-card {
  max-width: 32.5rem;
  margin-left: auto;
  margin-right: auto;
}

.profile-card__title {
  color: var(--color-heading);
  margin: 0 0 var(--space-7) 0;
}

.profile-card__fields {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.profile-card__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.profile-card__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-secondary);
}

.profile-card__value {
  margin: 0;
  font-size: 1rem;
  color: #1a1a1a;
}

@media (max-width: 767px) {
  .profile-page {
    padding: 0 var(--space-2) var(--space-2);
  }

  .profile-card {
    max-width: none;
  }
}