/* Small directional reveals reuse the shared motion tokens and preserve document flow. */
.profile-tab-panel { min-width: 0; scroll-margin-top: calc(var(--header-height) + 24px); }
.profile-tab-panel[hidden] { display: none; }
.profile-tab-content { min-width: 0; }
.profile-panel-forward-enter-active,
.profile-panel-back-enter-active { transition: opacity var(--motion-mid) var(--motion-easing), transform var(--motion-mid) var(--motion-easing); }
.profile-panel-forward-leave-active,
.profile-panel-back-leave-active { transition: opacity var(--motion-fast) var(--motion-easing), transform var(--motion-fast) var(--motion-easing); }
.profile-panel-forward-enter-from { opacity: 0; transform: translateX(18px); }
.profile-panel-forward-leave-to { opacity: 0; transform: translateX(-14px); }
.profile-panel-back-enter-from { opacity: 0; transform: translateX(-18px); }
.profile-panel-back-leave-to { opacity: 0; transform: translateX(14px); }
.profile-wizard-step.is-active { animation: profile-step-reveal var(--motion-mid) var(--motion-easing) both; }
@keyframes profile-step-reveal {
  from { opacity: 0; transform: translateX(var(--profile-step-offset, 18px)); }
  to { opacity: 1; transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .profile-tab-content,
  .profile-wizard-step.is-active,
  .profile-wizard-number { transition: none !important; animation: none !important; transform: none !important; }
}