/* Profile data follows one centered vertical axis on every screen size. */

@media (min-width: 761px) {
  #profileModal .profile-cover-card .profile-name-line,
  #profileModal .profile-cover-card .profile-identity-copy {
    text-align: center !important;
  }

  #profileModal .profile-cover-card .profile-identity-copy {
    justify-items: center !important;
  }

  #profileModal .profile-cover-card .profile-name-trigger,
  #profileModal .profile-cover-card .profile-public-id {
    text-align: center !important;
  }

  #profileModal .profile-cover-card .profile-details-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #profileModal .profile-cover-card .profile-usage {
    width: min(100%, 300px) !important;
    margin: 0 auto !important;
  }

  #profileModal .profile-cover-card .profile-email {
    width: 100% !important;
    justify-items: center !important;
    text-align: center !important;
  }
}

@media (max-width: 760px) {
  #mobileProfileContent .m-profile-identity,
  #mobileProfileContent .m-profile-identity h2,
  #mobileProfileContent .m-profile-identity p {
    text-align: center !important;
  }

  #mobileProfileContent .m-profile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 230px) !important;
    margin: 15px auto 0 !important;
  }

  #mobileProfileContent .m-profile-stats span {
    padding: 10px 6px 9px !important;
  }

  #mobileProfileContent .m-profile-email-stat {
    width: 100% !important;
    min-height: 53px !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    margin-top: 0 !important;
    padding: 9px 8px !important;
    border-top: 1px solid rgba(20, 20, 22, .1) !important;
    border-bottom: 1px solid rgba(20, 20, 22, .1) !important;
    border-radius: 0 !important;
    text-align: center !important;
  }

  #mobileProfileContent .m-profile-email-stat strong {
    width: 100% !important;
    font-size: clamp(11px, 3.2vw, 16px) !important;
    text-align: center !important;
  }

  #mobileProfileContent .m-profile-email-stat small {
    color: var(--m-muted) !important;
    font-size: 9px !important;
  }
}