.profile-summary,
.profile-layout { display: grid; gap: 1rem; }
.profile-summary { margin-block-start: 1.5rem; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); }
.profile-summary__actions,
.profile-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.profile-layout { grid-template-columns: minmax(0, 1fr); margin-block: 1.5rem; }
.profile-card { padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); }
.profile-card h2 { margin-block-start: 0; }
.profile-data { display: grid; gap: .75rem; margin: 0; }
.profile-data div { display: grid; gap: .2rem; padding-block-end: .75rem; border-block-end: 1px solid var(--color-border); }
.profile-data dt { font-weight: 700; }
.profile-data dd { margin: 0; overflow-wrap: anywhere; }
.profile-form { display: grid; gap: 1rem; }
.profile-note { max-width: 65ch; }
.profile-status { min-block-size: 1.5rem; }
.profile-status[data-state="error"] { color: var(--color-text-muted); }
.profile-status[data-state="success"] { color: var(--color-success, #16794b); }
.profile-retry { margin-block-end: 1rem; }
@media (min-width: 48rem) {
  .profile-layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  .profile-summary { grid-template-columns: 1fr auto; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  .profile-card,
  .profile-summary { scroll-behavior: auto; }
}