/* Shared registration typography. Does not affect signed-in profiles or search filters. */
:is(#register-form, #oauth-onboarding-form) {
  --wp-registration-font: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  --wp-selection-font: 400 17px/1.45 var(--wp-registration-font);
  --wp-selection-height: 54px;
  font-family: var(--wp-registration-font);
  font-size: 17px;
  line-height: 1.5;
  gap: 22px;
}

:is(#register-form, #oauth-onboarding-form) :is(h2, p, label, small, input, select, option, textarea, button, strong, span, a) {
  font-family: inherit !important;
}

:is(#register-form, #oauth-onboarding-form) > h2 {
  margin-block: 4px 8px;
  font-size: clamp(26px, 2vw, 30px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

:is(#register-form, #oauth-onboarding-form) .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0 0 22px;
}

:is(#register-form, #oauth-onboarding-form) .field > label {
  margin: 0;
  color: #33465a;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.4 !important;
  letter-spacing: 0;
  text-transform: none;
}

:is(#register-form, #oauth-onboarding-form) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  min-height: 54px;
  font-size: 17px !important;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
}

:is(#register-form, #oauth-onboarding-form) input::placeholder {
  color: #68798b;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  opacity: 1;
}

:is(#register-form, #oauth-onboarding-form) :is(.field > small, .display-name-status) {
  display: block;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  margin-block: 0;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.55 !important;
  letter-spacing: 0;
}

:is(#register-form, #oauth-onboarding-form) .field > small:not(.display-name-status) {
  color: #526477;
}

:is(#register-form, #oauth-onboarding-form) .account-role-choice button {
  line-height: 1.45;
}

:is(#register-form, #oauth-onboarding-form) .account-role-choice strong {
  font-size: 18px;
  font-weight: 650;
  line-height: 1.3;
}

:is(#register-form, #oauth-onboarding-form) .account-role-choice span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
}

:is(#register-form, #oauth-onboarding-form) .registration-consents label {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.55 !important;
  letter-spacing: 0;
}

:is(#register-form, #oauth-onboarding-form) .registration-consents label span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

:is(#register-form, #oauth-onboarding-form) .consent-section-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .09em;
}

:is(#register-form, #oauth-onboarding-form) .password-input-control > input {
  padding-right: 190px;
}

:is(#register-form, #oauth-onboarding-form) .password-visibility-toggle {
  min-height: 40px;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}

:is(#register-form, #oauth-onboarding-form) :is(.primary-button, .oauth-cancel-button) {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

:is(#register-form, #oauth-onboarding-form) :is(.account-message, .wp-field-error, .field-error, .validation-message) {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

:is(#register-form, #oauth-onboarding-form) .registration-legal-notice {
  font-size: 15px !important;
  line-height: 1.55 !important;
  white-space: normal;
  overflow-wrap: anywhere;
}

:is(#register-form, #oauth-onboarding-form) .registration-legal-notice a {
  color: #087f7a;
  font-size: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .16em;
}

@media (max-width: 480px) {
  :is(#register-form, #oauth-onboarding-form) .password-input-control {
    display: grid;
    gap: 8px;
  }

  :is(#register-form, #oauth-onboarding-form) .password-input-control > input {
    padding-right: 16px;
  }

  :is(#register-form, #oauth-onboarding-form) .password-visibility-toggle {
    position: static;
    justify-self: end;
    width: auto;
    min-height: 44px;
    margin: 0;
    transform: none;
  }
}