/* Desktop profile rail: the avatar and Coffee Journey share one right edge,
   while About/details stays in the copy column directly below the name. */
@media (min-width: 701px) {
  body.profile-page .profile-identity-card {
    --profile-avatar-size: 190px;
    --profile-identity-rail: min(var(--profile-content-max-width, 1120px), calc(100% - 32px));
  }

  body.profile-page .profile-identity-card .profile-identity {
    width: var(--profile-identity-rail) !important;
    margin-inline: auto !important;
  }

  body.profile-page .profile-identity-card .profile-avatar-wrap {
    width: var(--profile-avatar-size) !important;
    height: var(--profile-avatar-size) !important;
    flex-basis: var(--profile-avatar-size) !important;
  }

  body.profile-page .profile-identity-card .profile-identity-copy {
    margin-inline-start: calc(var(--profile-avatar-size) + 18px) !important;
  }

  body.profile-page .profile-identity-card > :is(.profile-details-view, .profile-details-form) {
    width: calc(var(--profile-identity-rail) - var(--profile-avatar-size) - 18px) !important;
    margin-inline-start: calc((100% - var(--profile-identity-rail)) / 2 + var(--profile-avatar-size) + 18px) !important;
    margin-inline-end: 0 !important;
    margin-block-start: 0 !important;
  }
}