/* My profile and Help. Brand tokens only; panels and facts come from web/src/ui. */
.profile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}

.panel-body .profile-note {
  margin: var(--space-4) 0 0;
}

.profile-form {
  display: grid;
  gap: var(--space-3);
  max-width: 420px;
}

@media (max-width: 900px) {
  .profile-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}