/*
 * Identity composition layer.
 * Loaded after the theme files so account entry and recovery remain a stable,
 * readable light workspace in either site theme.
 */
.pa-auth-composition,
.pa-auth-shell,
.pa-message-shell {
  --pa-auth-ink: #122233;
  --pa-auth-copy: #263746;
  --pa-auth-muted: #617486;
  --pa-auth-line: #d9e9ef;
  --pa-auth-teal: #087f75;
  --pa-auth-aqua: #64dcd4;
  --pa-auth-night: #edf8fb;
  --pa-auth-paper: #fbfdfe;
  --pa-auth-ice: #f4fbfd;
  color-scheme: light;
  min-width: 0;
}

/* Identity Light policy/form copy owns opaque paper; the illustration remains
 * in its sibling media column. */
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-frame, .pa-auth-panel, .pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note, .pa-auth-story__content, .pa-message-shell),
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-frame, .pa-auth-panel, .pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note, .pa-auth-story__content, .pa-message-shell) *:not(.pa-auth-story--original .pa-auth-story__veil) {
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note, .pa-message-shell) {
  background-color: #fbfdfe !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-frame, .pa-auth-panel, .pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note, .pa-auth-story__content, .pa-message-shell) *::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-frame, .pa-auth-panel, .pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note, .pa-auth-story__content, .pa-message-shell) *::after {
  background-image: none !important;
  box-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-form-panel, .pa-auth-form, .pa-auth-policy, .pa-auth-policy-note) :is(h1, h2, p, strong, label, small, a, .form-text, .pa-eyebrow) {
  position: relative !important;
  z-index: 2 !important;
  background-color: #fbfdfe !important;
  background-image: none !important;
}

/* The trust strip owns one aqua surface. Match that surface on the inline
 * emphasis and links instead of painting contrasting white text chips. */
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-form .pa-auth-trust :is(strong, a) {
  background-color: #e8f8fa !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-message-shell.pa-auth-message .pa-eyebrow > span {
  background-color: #fbfdfe !important;
  background-image: none !important;
  position: relative;
  z-index: 2;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-message-shell.pa-auth-message::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-message-shell.pa-auth-message::after,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-message-shell.pa-auth-message *::before,
html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content .pa-message-shell.pa-auth-message *::after {
  content: none !important;
  display: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-policy, .pa-auth-policy-note) a {
  text-decoration: underline !important;
  text-underline-offset: 0.16em !important;
}

/*
 * Identity pages must remain usable even if a fingerprinted shared stylesheet
 * is temporarily unavailable. These small shell guards duplicate only the
 * critical header/logo containment; the full navigation styling still comes
 * from the shared ecosystem layer.
 */
body.pa-family-auth {
  overflow-x: hidden;
}

.pa-family-auth .pa-site-header {
  min-height: 5.5rem;
  color: #071d28;
  border-bottom: 1px solid #d5e1e2;
  background: rgba(251, 253, 252, 0.98) !important;
}

.pa-family-auth .pa-site-header .container-xxl {
  width: min(100% - 1.5rem, 92rem);
  min-height: 5.5rem;
  margin-inline: auto;
  padding-inline: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pa-family-auth .pa-site-header :is(.pa-brand, .ecosystem-nav__brand) {
  width: auto;
  max-width: min(55vw, 13.5rem);
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.pa-family-auth .pa-site-header .pa-brand-logo {
  width: clamp(10.5rem, 18vw, 13.5rem);
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: none !important;
}

html[data-pa-theme="light"] body.pa-family-auth .pa-site-header .pa-brand-logo--on-dark {
  display: none !important;
}

.pa-family-auth .pa-footer {
  display: none;
}

.pa-auth-composition {
  width: 100vw;
  max-width: none;
  margin: 0 calc(50% - 50vw);
  padding: clamp(1rem, 2.5vw, 2.5rem);
  overflow-x: clip;
  color: var(--pa-auth-ink);
  background:
    linear-gradient(rgba(8, 126, 138, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 126, 138, 0.045) 1px, transparent 1px),
    #eaf3f3;
  background-size: 56px 56px, 56px 56px, auto;
}

.pa-auth-frame--editorial {
  width: min(76rem, 100%);
  min-height: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(7, 29, 40, 0.2);
  background: var(--pa-auth-paper);
  box-shadow: 0 2.25rem 6rem rgba(7, 29, 40, 0.18);
}

.pa-auth-frame--editorial > *,
.pa-auth-story > *,
.pa-auth-form-panel,
.pa-auth-form,
.pa-auth-form form,
.pa-auth-form .pa-field,
.pa-auth-form .pa-input-icon {
  min-width: 0;
  max-width: 100%;
}

.pa-auth-frame--editorial .pa-auth-story {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding: clamp(2rem, 3vw, 3.25rem);
  display: flex;
  align-items: end;
  overflow: hidden;
  color: #f4fbfa;
  background: var(--pa-auth-night);
}

.pa-auth-story__media {
  position: absolute;
  z-index: -2;
  inset: 0;
  margin: 0;
}

.pa-auth-story__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(2, 18, 24, 0.08) 0%, rgba(2, 18, 24, 0.35) 40%, rgba(2, 18, 24, 0.96) 92%),
    linear-gradient(90deg, rgba(4, 24, 31, 0.68), transparent 72%);
}

.pa-auth-story__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.86) contrast(1.05);
}

.pa-auth-story__media figcaption {
  position: absolute;
  z-index: 2;
  top: clamp(1.5rem, 3vw, 2.5rem);
  left: clamp(1.5rem, 3vw, 2.5rem);
  right: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(231, 247, 245, 0.88);
  font-size: 0.68rem;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.pa-auth-story__media figcaption span {
  color: var(--pa-auth-aqua);
  font-weight: 900;
}

.pa-auth-story__media figcaption strong {
  max-width: 30ch;
  text-align: right;
  font-weight: 700;
}

.pa-auth-story__content {
  width: min(43rem, 100%);
}

.pa-auth-story__content .pa-eyebrow {
  color: var(--pa-auth-aqua);
}

.pa-auth-story__content :is(h1, .pa-auth-story__heading) {
  max-width: 13ch;
  margin: 0.85rem 0 1.25rem;
  color: #fff;
  font-size: clamp(2.85rem, 5vw, 5.6rem);
  line-height: 0.96;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.pa-auth-story__content > p {
  max-width: 58ch;
  margin: 0;
  color: #bed1d1;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.7;
}

.pa-auth-evidence-list {
  margin: clamp(2rem, 4vw, 3.75rem) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid rgba(214, 241, 238, 0.24);
  list-style: none;
}

.pa-auth-evidence-list li {
  min-width: 0;
  padding: 1.2rem 1rem 1.3rem;
  display: grid;
  align-content: start;
  gap: 0.7rem;
  border-right: 1px solid rgba(214, 241, 238, 0.2);
}

.pa-auth-evidence-list li:first-child {
  padding-left: 0;
}

.pa-auth-evidence-list li:last-child {
  padding-right: 0;
  border-right: 0;
}

.pa-auth-evidence-list li > span {
  color: var(--pa-auth-aqua);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.pa-auth-evidence-list strong,
.pa-auth-evidence-list small {
  display: block;
}

.pa-auth-evidence-list strong {
  color: #fff;
  font-size: 0.83rem;
  line-height: 1.35;
}

.pa-auth-evidence-list small {
  margin-top: 0.35rem;
  color: #a9c0c1;
  font-size: 0.7rem;
  line-height: 1.5;
}

.pa-auth-frame--editorial .pa-auth-form-panel {
  padding: clamp(2rem, 3vw, 3.25rem);
  display: grid;
  align-items: center;
  overflow: visible;
  color: var(--pa-auth-ink);
  background: rgba(251, 253, 252, 0.98);
}

.pa-auth-frame--editorial .pa-auth-form {
  width: min(32rem, 100%);
  margin: 0 auto;
  padding: 0;
  color: var(--pa-auth-ink);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.pa-auth-form__kicker {
  margin: 0 0 0.8rem !important;
  color: var(--pa-auth-teal) !important;
  font-size: 0.7rem !important;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.pa-auth-frame--editorial .pa-auth-form h2 {
  margin: 0 0 0.7rem;
  color: var(--pa-auth-ink);
  font-size: clamp(2.25rem, 4vw, 3.75rem);
  line-height: 1.2;
  letter-spacing: -0.045em;
}

@media (min-width: 62rem) {
  .pa-auth-composition--login .pa-auth-frame--editorial {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  }
}

.pa-auth-frame--editorial .pa-auth-form > p:not(.pa-auth-form__kicker) {
  margin: 0 0 1.35rem;
  color: var(--pa-auth-copy);
  line-height: 1.6;
}

.pa-auth-frame--editorial .pa-auth-form form {
  width: 100%;
}

.pa-auth-frame--editorial .pa-field {
  margin-bottom: 1.15rem;
}

.pa-auth-frame--editorial .pa-field > label {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--pa-auth-ink);
  font-size: 0.78rem;
  font-weight: 850;
}

.pa-auth-frame--editorial .pa-input-icon {
  position: relative;
  display: block;
}

.pa-auth-frame--editorial :is(.form-control, .form-select) {
  width: 100%;
  max-width: 100%;
  min-height: 3.25rem;
  padding: 0.75rem 1rem;
  color: var(--pa-auth-ink);
  border: 1px solid #afc3c6;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.pa-auth-frame--editorial .pa-input-icon:has(> .pa-password-toggle) > input {
  padding-right: 3.6rem;
}

.pa-auth-frame--editorial :is(.form-control, .form-select):focus {
  border-color: var(--pa-auth-teal);
  box-shadow: 0 0 0 0.22rem rgba(8, 126, 138, 0.14);
}

.pa-auth-frame--editorial .pa-password-toggle {
  position: absolute !important;
  z-index: 4;
  top: 50% !important;
  right: 0.45rem !important;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 !important;
  display: grid;
  place-items: center;
  transform: translateY(-50%) !important;
  color: #36545b;
  border-radius: 8px !important;
  cursor: pointer;
  pointer-events: auto;
}

.pa-auth-frame--editorial .pa-password-toggle__icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pa-auth-frame--editorial .pa-password-toggle__icon--hide,
.pa-auth-frame--editorial .pa-password-toggle[aria-pressed="true"] .pa-password-toggle__icon--show {
  display: none;
}

.pa-auth-frame--editorial .pa-password-toggle[aria-pressed="true"] .pa-password-toggle__icon--hide {
  display: block;
}

.pa-auth-frame--editorial .pa-password-toggle:is(:hover, :focus-visible) {
  color: var(--pa-auth-teal);
  background: #e7f3f3 !important;
  outline: 2px solid var(--pa-auth-teal);
  outline-offset: 1px;
}

.pa-auth-frame--editorial .pa-auth-options {
  margin: 0.5rem 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.pa-auth-frame--editorial .pa-auth-options label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.pa-auth-frame--editorial .pa-auth-options a,
.pa-auth-frame--editorial .pa-auth-switch a,
.pa-auth-frame--editorial .pa-auth-minor-link a {
  color: #08707a;
  font-weight: 800;
}

.pa-auth-frame--editorial :is(#login-submit, #registerSubmit),
.pa-auth-frame--editorial .pa-social-login-list button {
  min-height: 3.2rem;
  white-space: normal;
}

.pa-auth-frame--editorial .pa-social-login-list {
  display: grid;
  gap: 0.75rem;
}

.pa-auth-frame--editorial .pa-auth-separator {
  margin-block: 1rem;
}

.pa-auth-frame--editorial .pa-auth-separator span {
  color: #5a7077;
  background: var(--pa-auth-paper);
}

.pa-auth-frame--editorial .pa-auth-recovery-note {
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  display: grid;
  gap: 0.25rem;
  color: var(--pa-auth-copy);
  border: 1px solid #c6d9db;
  border-radius: 8px;
  background: #f1f8f7;
  font-size: 0.88rem;
  line-height: 1.45;
}

.pa-auth-frame--editorial .pa-auth-recovery-note a {
  justify-self: start;
  font-weight: 850;
}

.pa-auth-frame--editorial .pa-auth-intent-note {
  margin-block: 0.85rem 1rem;
  padding: 0.8rem 0.9rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.65rem;
  color: var(--pa-auth-copy);
  border: 1px solid #b9d8db;
  border-radius: 8px;
  background: #eef9f9;
  font-size: 0.88rem;
  line-height: 1.45;
}

.pa-auth-frame--editorial .pa-auth-intent-note i {
  margin-top: 0.08rem;
  color: var(--pa-auth-teal);
  font-size: 1.05rem;
}

.pa-auth-frame--editorial .pa-auth-intent-note p {
  margin: 0;
}

.pa-auth-frame--editorial .pa-auth-intent-note strong {
  display: block;
  margin-bottom: 0.1rem;
  color: var(--pa-auth-ink);
}

.pa-auth-frame--editorial .pa-auth-policy {
  min-width: 0;
  color: var(--pa-auth-copy);
  line-height: 1.55;
}

.pa-auth-frame--editorial .pa-auth-policy label,
.pa-auth-frame--editorial .pa-auth-policy small {
  overflow-wrap: anywhere;
}

.pa-auth-frame--editorial .pa-auth-policy small {
  color: #657a80;
}

.pa-auth-frame--editorial :is(.text-danger, .validation-summary-errors) {
  overflow-wrap: anywhere;
}

/*
 * Existing continuation pages (external provider confirmation, reset, 2FA,
 * recovery, and email confirmation) use .pa-auth-shell. Normalize their
 * Bootstrap columns into the same bounded account frame without changing
 * any form names, handlers, token fields, or return URLs.
 */
.pa-auth-shell {
  width: min(76rem, calc(100vw - 2rem));
  margin: clamp(1rem, 4vw, 4rem) auto;
  overflow-x: clip;
}

.pa-auth-shell > .row {
  --bs-gutter-x: 0;
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr);
  align-items: stretch;
  border: 1px solid rgba(7, 29, 40, 0.18);
  background: #fff;
  box-shadow: 0 2rem 5rem rgba(7, 29, 40, 0.15);
}

.pa-auth-shell > .row > [class*="col-"] {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.pa-auth-shell .pa-auth-panel {
  height: 100%;
  min-height: 31rem;
  padding: clamp(2rem, 5vw, 4.5rem);
  display: flex;
  flex-direction: column;
  justify-content: end;
  color: #c4d7d7;
  background:
    radial-gradient(circle at 80% 18%, rgba(101, 221, 212, 0.2), transparent 30%),
    linear-gradient(rgba(101, 221, 212, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101, 221, 212, 0.055) 1px, transparent 1px),
    var(--pa-auth-night);
  background-size: auto, 48px 48px, 48px 48px, auto;
}

.pa-auth-shell .pa-auth-panel h1 {
  max-width: 12ch;
  color: #fff !important;
  font-size: clamp(2.5rem, 4.5vw, 4.6rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.pa-auth-shell .pa-auth-card {
  height: 100%;
  padding: clamp(2rem, 5vw, 4.5rem);
  display: grid;
  align-items: center;
  color: var(--pa-auth-ink);
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.pa-auth-shell .pa-auth-form {
  width: min(34rem, 100%);
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  color: var(--pa-auth-ink);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.pa-auth-shell .pa-auth-form :is(form, .form-floating, .form-control, .form-select, .alert) {
  min-width: 0;
  max-width: 100%;
}

.pa-auth-shell .pa-auth-form :is(.form-control, .form-select) {
  width: 100%;
}

.pa-auth-shell .pa-auth-form :is(p, label, small, .alert, .text-danger) {
  overflow-wrap: anywhere;
}

/* Identity stays a coherent light workspace even when the saved site theme is dark. */
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-site-header, .ecosystem-nav .pa-site-nav) {
  color: #071d28;
  border-bottom-color: #d5e1e2;
  background: rgba(251, 253, 252, 0.98) !important;
  box-shadow: 0 10px 30px rgba(7, 29, 40, 0.08);
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav .pa-brand-logo {
  filter: none !important;
}

html body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav .pa-nav-toggle {
  border-color: #9bb5b8;
}

html body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav .pa-nav-toggle .navbar-toggler-icon {
  filter: none;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav {
  --ecosystem-nav-ink: #071d28;
  --ecosystem-nav-muted: #5e747b;
  --ecosystem-nav-line: #d5e1e2;
  --ecosystem-nav-surface: #ffffff;
  --ecosystem-nav-soft: #edf5f4;
  --ecosystem-nav-teal: #087e8a;
  --ecosystem-nav-deep: #075d66;
  --ecosystem-nav-accent: #087e8a;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav :is(.nav-link, .pa-nav-link, .pa-nav-account, .pa-nav-theme-toggle) {
  color: #203a43;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .ecosystem-nav :is(.nav-link, .pa-nav-link, .pa-nav-account, .pa-nav-theme-toggle):is(:hover, :focus-visible) {
  color: #087e8a;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.dropdown-menu, .pa-nav-menu, .pa-nav-account-menu) {
  color: #203a43;
  border-color: #d5e1e2;
  background: #fff;
  box-shadow: 0 20px 48px rgba(7, 29, 40, 0.14);
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.dropdown-item, .pa-nav-menu a, .pa-nav-account-menu a) {
  color: #203a43;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form-panel,
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell > .row,
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-card,
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-form {
  color: var(--pa-auth-ink);
  border-color: rgba(7, 29, 40, 0.18);
  background: #fff;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) :is(.form-control, .form-select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="number"]) {
  color: var(--pa-auth-ink) !important;
  border-color: #afc3c6 !important;
  background-color: #fff !important;
  box-shadow: none;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) :is(.form-control, .form-select, textarea, input)::placeholder {
  color: #6f8489;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) :is(.form-control, .form-select, textarea, input):focus {
  color: var(--pa-auth-ink) !important;
  border-color: var(--pa-auth-teal) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 0.22rem rgba(8, 126, 138, 0.14);
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) :is(.form-label, label, .form-check-label),
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form h2,
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-card :is(h1, h2, h3, strong) {
  color: var(--pa-auth-ink);
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) .form-check-input {
  border-color: #93adb1;
  background-color: #fff;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.pa-auth-form > p:not(.pa-auth-form__kicker), .pa-auth-policy, .pa-auth-switch > span, .pa-auth-minor-link),
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-card :is(p, small) {
  color: var(--pa-auth-copy);
}

/*
 * Identity is deliberately a light workspace even when the saved site theme is
 * dark. These scoped selectors outrank the global dark-theme button/link rules
 * so recovery links, Remember me, and external-provider actions cannot become
 * pale text on a white card.
 */
html body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) .btn-outline-primary {
  color: #075d66;
  border-color: #63969c;
  background: #f7fbfb;
}

html body.pa-family-auth:not(.pa-protected-workspace) :is(.pa-auth-frame--editorial, .pa-auth-shell) .btn-outline-primary:is(:hover, :focus-visible) {
  color: #043f46;
  border-color: #087e8a;
  background: #dff2f1;
}

html body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.pa-auth-options, .pa-auth-switch, .pa-auth-minor-link, .pa-auth-recovery-note) a:not(.btn) {
  color: #08707a;
}

html body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-options label span {
  color: var(--pa-auth-ink);
}

@media (max-width: 991.98px) {
  .pa-auth-frame--editorial {
    grid-template-columns: 1fr;
  }

  .pa-auth-frame--editorial .pa-auth-form-panel {
    order: 0;
  }

  .pa-auth-frame--editorial .pa-auth-story {
    min-height: 12rem;
  }

  .pa-auth-shell > .row {
    grid-template-columns: 1fr;
  }

  .pa-auth-shell .pa-auth-panel {
    min-height: 20rem;
  }
}

@media (max-width: 575.98px) {
  .pa-auth-composition {
    padding: 0;
  }

  .pa-auth-frame--editorial {
    border-inline: 0;
    box-shadow: none;
  }

  .pa-auth-frame--editorial .pa-auth-form-panel {
    padding: 1.75rem 1rem 2.25rem;
  }

  .pa-auth-frame--editorial .pa-auth-story {
    min-height: 9rem;
    padding: 1.25rem 1rem;
  }

  .pa-auth-story__media figcaption {
    left: 1rem;
    right: 1rem;
  }

  .pa-auth-story__media figcaption strong {
    display: none;
  }

  .pa-auth-story__content h1 {
    font-size: clamp(1.85rem, 8vw, 2.35rem);
  }

  .pa-auth-evidence-list {
    grid-template-columns: 1fr;
  }

  .pa-auth-evidence-list li,
  .pa-auth-evidence-list li:first-child,
  .pa-auth-evidence-list li:last-child {
    padding: 0.8rem 0;
    grid-template-columns: 2rem 1fr;
    border-right: 0;
    border-bottom: 1px solid rgba(214, 241, 238, 0.18);
  }

  .pa-auth-evidence-list li:last-child {
    border-bottom: 0;
  }

  .pa-auth-shell {
    width: 100%;
    margin: 0;
  }

  .pa-auth-shell > .row {
    border-inline: 0;
    box-shadow: none;
  }

  .pa-auth-shell .pa-auth-panel,
  .pa-auth-shell .pa-auth-card {
    padding: 2.25rem 1rem;
  }

  .pa-auth-frame--editorial .pa-auth-options {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pa-auth-composition *,
  .pa-auth-shell * {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* AUTH LIGHT EDITORIAL V2 — 2026-07-26 */
/*
 * Login, registration, and account-continuation pages are always a bright,
 * ice-based workspace. This final layer intentionally outranks the saved dark
 * marketing theme so Identity can never flash or settle on a black surface.
 */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) {
  color-scheme: light;
  color: #122233;
  background:
    radial-gradient(circle at 90% 5rem, rgba(100, 220, 212, 0.18), transparent 28rem),
    radial-gradient(circle at 8% 42rem, rgba(8, 127, 140, 0.09), transparent 34rem),
    linear-gradient(180deg, #fbfdfe 0%, #f4fbfd 36rem, #edf8fb 100%) !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) {
  color-scheme: light;
  color: #122233;
  background:
    radial-gradient(circle at 90% 5rem, rgba(100, 220, 212, 0.18), transparent 28rem),
    radial-gradient(circle at 8% 42rem, rgba(8, 127, 140, 0.09), transparent 34rem),
    linear-gradient(180deg, #fbfdfe 0%, #f4fbfd 36rem, #edf8fb 100%) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-main {
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  margin-inline: 0 !important;
  padding: 0 !important;
  color: #122233;
  background: transparent !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-main::before {
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(8, 127, 140, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 127, 140, 0.035) 1px, transparent 1px);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition {
  --pa-auth-frame-max: 76rem;
  width: min(calc(100% - 2rem), var(--pa-auth-frame-max)) !important;
  max-width: none !important;
  margin: clamp(1rem, 2.5vw, 2.5rem) auto !important;
  padding: 0 !important;
  color: var(--pa-auth-ink);
  background: transparent !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login {
  --pa-auth-frame-max: 72rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial {
  width: 100%;
  min-height: 0;
  margin-inline: auto;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--pa-auth-line);
  border-radius: 8px;
  color: var(--pa-auth-ink);
  background: var(--pa-auth-paper) !important;
  background-clip: padding-box;
  box-shadow:
    0 0 0 1px rgba(16, 72, 82, 0.04),
    0 1.5rem 4rem -1.5rem rgba(16, 72, 82, 0.28) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login .pa-auth-frame--editorial {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register .pa-auth-frame--editorial {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-story {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding: clamp(2rem, 3vw, 3.25rem);
  display: flex;
  align-items: end;
  overflow: hidden;
  color: var(--pa-auth-ink);
  border: 0;
  background: var(--pa-auth-ice) !important;
  box-shadow: none !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media::after {
  background:
    linear-gradient(180deg, rgba(244, 251, 253, 0.04) 0%, rgba(244, 251, 253, 0.16) 34%, rgba(244, 251, 253, 0.92) 78%, #f4fbfd 100%),
    linear-gradient(90deg, rgba(244, 251, 253, 0.95) 0%, rgba(244, 251, 253, 0.66) 43%, rgba(244, 251, 253, 0.08) 78%);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media img {
  object-fit: cover;
  object-position: 62% center;
  filter: saturate(0.94) contrast(1.01) brightness(1.02);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login .pa-auth-story__media img {
  object-position: 64% center;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register .pa-auth-story__media img {
  object-position: 68% center;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption {
  color: #263746;
  text-shadow: 0 1px 16px rgba(255, 255, 255, 0.96);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption span,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content .pa-eyebrow,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list li > span {
  color: var(--pa-auth-teal);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption strong {
  color: #263746;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content {
  position: relative;
  z-index: 2;
  width: min(52rem, 100%);
  color: var(--pa-auth-ink);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content :is(h1, .pa-auth-story__heading) {
  max-width: 11ch;
  color: var(--pa-auth-ink) !important;
  font-size: clamp(2.55rem, 3.7vw, 4.15rem);
  line-height: 1;
  letter-spacing: -0.05em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content > p {
  max-width: 58ch;
  color: var(--pa-auth-copy) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content > .pa-auth-story__proof {
  margin-top: 1.35rem;
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  border-top: 1px solid rgba(8, 127, 117, 0.22);
  font-size: 0.82rem;
  line-height: 1.5;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__proof > i {
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  flex: 0 0 1.65rem;
  place-items: center;
  color: var(--pa-auth-teal);
  border-radius: 50%;
  background: rgba(100, 220, 212, 0.22);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__proof strong {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list {
  border-block-color: rgba(8, 127, 117, 0.24);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list li {
  border-right-color: rgba(8, 127, 117, 0.2);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list strong {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list small {
  color: var(--pa-auth-muted);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form-panel {
  padding: clamp(2rem, 3vw, 3.25rem);
  color: var(--pa-auth-ink);
  border-left: 1px solid var(--pa-auth-line);
  background:
    radial-gradient(circle at 96% 3%, rgba(100, 220, 212, 0.13), transparent 18rem),
    linear-gradient(155deg, #ffffff, #fbfdfe) !important;
  box-shadow: none !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form {
  color: var(--pa-auth-ink);
  background: transparent !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login .pa-auth-form {
  width: min(30rem, 100%);
  max-width: 30rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register .pa-auth-form {
  width: min(38rem, 100%);
  max-width: 38rem;
}

@media (min-width: 1800px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition {
    width: min(calc(100% - 4rem), var(--pa-auth-frame-max)) !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login {
    --pa-auth-frame-max: clamp(72rem, 52vw, 104rem);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register {
    --pa-auth-frame-max: clamp(76rem, 56vw, 112rem);
  }
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form h2 {
  color: var(--pa-auth-ink) !important;
  font-size: clamp(2.1rem, 3vw, 2.8rem);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form > p:not(.pa-auth-form__kicker),
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.pa-auth-policy, .pa-auth-switch, .pa-auth-minor-link, .form-text) {
  color: var(--pa-auth-muted) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust {
  margin-top: 0.8rem;
  padding: 0.72rem 0.82rem;
  color: var(--pa-auth-copy) !important;
  border-color: var(--pa-auth-line) !important;
  border-radius: 8px;
  background: linear-gradient(135deg, #e8f8fa, #f4fbfd) !important;
  box-shadow: none !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust + form {
  margin-top: 0.9rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form form {
  margin-top: 0;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form .pa-field {
  margin: 0 0 0.9rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form .pa-field + .pa-field {
  margin-top: 0;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-separator {
  margin-block: 0.85rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust > i {
  color: var(--pa-auth-teal) !important;
  border-color: rgba(8, 127, 117, 0.2);
  background: rgba(100, 220, 212, 0.2) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust strong {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust span {
  color: var(--pa-auth-copy) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust-links a,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.pa-auth-options, .pa-auth-switch, .pa-auth-minor-link, .pa-auth-recovery-note, .pa-auth-policy) a:not(.btn) {
  color: var(--pa-auth-teal) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.form-control, .form-select) {
  color: var(--pa-auth-ink) !important;
  border-color: #b8cdd5 !important;
  border-radius: 8px;
  background: #ffffff !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(.form-control, .form-select):focus {
  border-color: var(--pa-auth-teal) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 0.22rem rgba(8, 127, 117, 0.14) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial input:-webkit-autofill,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial input:-webkit-autofill:hover,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--pa-auth-ink) !important;
  -webkit-box-shadow: 0 0 0 1000px #f4fbfd inset !important;
  transition: background-color 9999s ease-out 0s;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .btn-outline-primary {
  color: var(--pa-auth-teal) !important;
  border-color: #7caeaa !important;
  background: #ffffff !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .btn-outline-primary:is(:hover, :focus-visible) {
  color: #066d66 !important;
  border-color: var(--pa-auth-teal) !important;
  background: #e8f8fa !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(#login-submit, #registerSubmit) {
  color: #ffffff !important;
  border-color: var(--pa-auth-teal) !important;
  background: var(--pa-auth-teal) !important;
  box-shadow: 0 0.8rem 2rem rgba(8, 127, 117, 0.18);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(#login-submit, #registerSubmit):is(:hover, :focus-visible) {
  border-color: #066d66 !important;
  background: #066d66 !important;
}

/* Keep every Identity continuation surface in the same light family. */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell > .row,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-card,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell {
  color: var(--pa-auth-ink);
  border-color: var(--pa-auth-line);
  background: #ffffff !important;
  box-shadow: 0 2rem 5rem rgba(16, 72, 82, 0.12) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-panel {
  color: var(--pa-auth-copy);
  border-color: var(--pa-auth-line);
  background:
    radial-gradient(circle at 80% 18%, rgba(100, 220, 212, 0.2), transparent 30%),
    linear-gradient(145deg, #f4fbfd, #e8f8fa) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-panel h1,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell :is(h1, h2, h3, strong) {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell .pa-auth-panel :is(p, small),
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell :is(p, small) {
  color: var(--pa-auth-copy) !important;
}

@media (max-width: 991.98px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition {
    width: min(calc(100% - 2rem), 44rem) !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login .pa-auth-frame--editorial,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register .pa-auth-frame--editorial {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form-panel {
    order: 0;
    border-left: 0;
    border-top: 1px solid var(--pa-auth-line);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-story {
    height: 12rem;
    min-height: 12rem;
    padding: 1.75rem 2rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content {
    padding: 1.5rem 2rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content > p {
    display: none;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content > .pa-auth-story__proof {
    display: none;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content :is(h1, .pa-auth-story__heading) {
    max-width: 16ch;
    margin: 0.55rem 0 0;
    font-size: clamp(2.1rem, 6vw, 3rem);
  }
}

@media (max-width: 575.98px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition {
    width: 100% !important;
    margin: 0 !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial {
    width: 100%;
    border-inline: 0;
    border-radius: 0;
    box-shadow: none !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form-panel {
    padding: 1.75rem 1rem 2.25rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-story {
    height: 9rem;
    min-height: 9rem;
    padding: 1.25rem 1rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content {
    padding: 1.25rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content .pa-eyebrow {
    display: none;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content :is(h1, .pa-auth-story__heading) {
    margin: 0;
    font-size: clamp(1.85rem, 8vw, 2.35rem);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-evidence-list {
    display: none;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--login .pa-auth-story__media img,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-composition--register .pa-auth-story__media img {
    object-position: 72% center;
  }
}

/* AUTH CONTINUATION LIGHT EDITORIAL V2 — 2026-07-26 */
/*
 * Password recovery, confirmation, MFA, and account-status routes need a
 * wider editorial frame than the legacy 40rem form rail. These selectors are
 * intentionally scoped to the continuation classes added to Identity views.
 */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation {
  width: min(calc(100% - var(--pa-gutter)), var(--pa-rail-wide)) !important;
  max-width: var(--pa-rail-wide) !important;
  margin: clamp(1.25rem, 3vw, 4rem) auto !important;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation > .row {
  width: 100%;
  min-height: 42rem;
  margin: 0;
  display: grid !important;
  grid-template-columns: minmax(0, 0.94fr) minmax(30rem, 1.06fr) !important;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--pa-auth-line) !important;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 2rem 5rem rgba(16, 72, 82, 0.13) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation > .row > [class*="col-"] {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel {
  position: relative;
  isolation: isolate;
  min-height: 42rem;
  padding: clamp(2.5rem, 5vw, 5.75rem);
  justify-content: center;
  overflow: hidden;
  color: var(--pa-auth-copy);
  border: 0;
  border-right: 1px solid var(--pa-auth-line);
  background:
    radial-gradient(circle at 78% 18%, rgba(100, 220, 212, 0.32), transparent 22rem),
    linear-gradient(rgba(8, 127, 140, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 127, 140, 0.04) 1px, transparent 1px),
    linear-gradient(145deg, #f4fbfd, #e8f8fa) !important;
  background-size: auto, 52px 52px, 52px 52px, auto;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel::before,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel::before {
  top: clamp(2rem, 5vw, 5rem);
  right: clamp(2rem, 5vw, 5rem);
  width: clamp(7rem, 14vw, 13rem);
  aspect-ratio: 1;
  border: 1px solid rgba(8, 127, 117, 0.2);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1.3rem rgba(255, 255, 255, 0.36),
    inset 0 0 0 1.35rem rgba(8, 127, 117, 0.12),
    0 1.5rem 4rem rgba(8, 127, 140, 0.1);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel::after {
  right: clamp(1.5rem, 4vw, 4rem);
  bottom: clamp(1.5rem, 4vw, 4rem);
  width: clamp(5rem, 9vw, 8rem);
  height: 0.38rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--pa-auth-teal) 0 42%, var(--pa-auth-aqua) 42% 68%, rgba(8, 127, 140, 0.15) 68%);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel h1 {
  max-width: 12ch;
  color: var(--pa-auth-ink) !important;
  font-size: clamp(2.7rem, 4.25vw, 5rem);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel p {
  max-width: 48ch;
  color: var(--pa-auth-copy) !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.7;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card {
  min-height: 42rem;
  padding: clamp(2.5rem, 5vw, 5.75rem);
  align-items: center;
  border: 0;
  background:
    radial-gradient(circle at 100% 0, rgba(100, 220, 212, 0.12), transparent 19rem),
    linear-gradient(155deg, #ffffff, #fbfdfe) !important;
  box-shadow: none !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-form {
  width: min(35rem, 100%);
  max-width: 35rem;
  margin-inline: auto;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-form h2 {
  color: var(--pa-auth-ink) !important;
  font-size: clamp(2rem, 2.6vw, 2.8rem);
  line-height: 1.2;
  padding-block: 0.25rem;
  letter-spacing: -0.035em;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-form :is(.form-control, .form-select) {
  color: var(--pa-auth-ink) !important;
  border-color: #b8cdd5 !important;
  border-radius: 8px;
  background: #ffffff !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-form :is(.form-control, .form-select):focus {
  border-color: var(--pa-auth-teal) !important;
  box-shadow: 0 0 0 0.22rem rgba(8, 127, 117, 0.14) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
  --pa-auth-message-accent: #087f75;
  width: min(76rem, calc(100vw - 2rem)) !important;
  max-width: 76rem !important;
  min-height: clamp(28rem, 56svh, 38rem);
  margin: clamp(1.25rem, 5vw, 6rem) auto !important;
  padding: clamp(3rem, 7vw, 7rem) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--pa-auth-line) !important;
  border-radius: 8px;
  color: var(--pa-auth-ink);
  background:
    radial-gradient(circle at 88% 18%, rgba(100, 220, 212, 0.28), transparent 21rem),
    linear-gradient(rgba(8, 127, 140, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 127, 140, 0.035) 1px, transparent 1px),
    linear-gradient(145deg, #ffffff, #f4fbfd) !important;
  background-size: auto, 56px 56px, 56px 56px, auto;
  box-shadow: 0 2rem 5rem rgba(16, 72, 82, 0.12) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::before,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::before {
  top: clamp(2rem, 5vw, 5rem);
  right: clamp(2rem, 6vw, 6rem);
  width: clamp(8rem, 17vw, 16rem);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--pa-auth-message-accent) 22%, transparent);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1.75rem rgba(255, 255, 255, 0.45),
    inset 0 0 0 1.8rem color-mix(in srgb, var(--pa-auth-message-accent) 12%, transparent);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::after {
  left: clamp(1.25rem, 3vw, 3rem);
  top: clamp(3rem, 7vw, 7rem);
  bottom: clamp(3rem, 7vw, 7rem);
  width: 0.28rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--pa-auth-message-accent), var(--pa-auth-aqua));
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message--warning,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message--denied {
  --pa-auth-message-accent: #087f8c;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message :is(.pa-eyebrow, h1, p, .alert, .pa-locked-feature, form, .d-flex, a.btn) {
  position: relative;
  z-index: 1;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message h1 {
  max-width: 15ch;
  color: var(--pa-auth-ink) !important;
  font-size: clamp(2.7rem, 4.4vw, 5rem);
  line-height: 0.98;
  letter-spacing: -0.052em;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message > p {
  max-width: 62ch;
  color: var(--pa-auth-copy) !important;
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.75;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .btn {
  min-height: 3rem;
}

/*
 * Standalone account-status pages do not sit inside .pa-auth-shell, so they
 * need their own light-theme action and supporting-content guards.
 */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .btn-outline-primary {
  color: var(--pa-auth-teal) !important;
  border-color: var(--pa-auth-teal) !important;
  background: #ffffff !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .btn-outline-primary:is(:hover, :focus-visible) {
  color: #ffffff !important;
  border-color: var(--pa-auth-teal) !important;
  background: var(--pa-auth-teal) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .pa-locked-feature {
  color: var(--pa-auth-copy) !important;
  border-color: var(--pa-auth-line) !important;
  background: var(--pa-auth-ice) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .pa-locked-feature > i {
  color: var(--pa-auth-teal) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .pa-locked-feature strong {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .pa-locked-feature span {
  color: var(--pa-auth-copy) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-links a {
  color: var(--pa-auth-teal) !important;
  font-weight: 750;
  text-decoration-color: rgba(8, 127, 117, 0.4);
  text-underline-offset: 0.18em;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-links a:is(:hover, :focus-visible) {
  color: #066d66 !important;
  text-decoration-color: currentColor;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message--error {
  --pa-auth-message-accent: #0f8f83;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-error-reference {
  width: fit-content;
  max-width: 100%;
  padding: 0.8rem 1rem;
  color: var(--pa-auth-copy);
  border: 1px solid var(--pa-auth-line);
  border-radius: 8px;
  background: var(--pa-auth-ice);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-error-reference code {
  color: var(--pa-auth-ink);
  overflow-wrap: anywhere;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-error-guidance {
  position: relative;
  z-index: 1;
  max-width: 62rem;
  color: var(--pa-auth-copy);
  border-top: 1px solid var(--pa-auth-line);
  padding-top: 1.25rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-error-guidance summary {
  color: var(--pa-auth-teal);
  font-weight: 800;
  cursor: pointer;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-error-guidance p {
  max-width: 72ch;
  margin: 0.85rem 0 0;
  color: var(--pa-auth-copy) !important;
  line-height: 1.65;
}

@media (min-width: 2200px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation {
    width: min(calc(100% - var(--pa-gutter)), var(--pa-rail-wide)) !important;
    max-width: var(--pa-rail-wide) !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation > .row,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation :is(.pa-auth-panel, .pa-auth-card) {
    min-height: 46rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
    max-width: 82rem !important;
  }
}

@media (max-width: 991.98px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation {
    width: min(calc(100% - var(--pa-gutter)), var(--pa-rail-wide)) !important;
    max-width: var(--pa-rail-wide) !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation > .row {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel {
    min-height: 21rem;
    padding: clamp(2.25rem, 7vw, 4rem);
    border-right: 0;
    border-bottom: 1px solid var(--pa-auth-line);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel::before {
    top: 2rem;
    right: 2rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card {
    min-height: 0;
    padding: clamp(2.25rem, 7vw, 4rem);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
    width: min(48rem, calc(100vw - 2rem)) !important;
    max-width: 48rem !important;
  }
}

@media (max-width: 575.98px) {
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation {
    width: min(calc(100% - var(--pa-gutter)), var(--pa-rail-wide)) !important;
    max-width: var(--pa-rail-wide) !important;
    margin: 0 auto !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation > .row,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
    border-inline: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card {
    padding: 2.25rem 1rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel {
    min-height: 18rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-panel h1,
  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message h1 {
    font-size: clamp(2.35rem, 12vw, 3.35rem);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message {
    min-height: calc(100svh - 5.5rem);
    padding: 3rem 1rem 3rem 1.5rem !important;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::before {
    top: 2rem;
    right: -3rem;
    width: 10rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message::after {
    left: 0.75rem;
    top: 3rem;
    bottom: 3rem;
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .d-flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
  }

  html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-message-shell.pa-auth-message .d-flex .btn {
    width: 100%;
  }
}
/* AUTH CONTINUATION TEXT CONTRAST FIX */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card :is(h1, h2, h3, strong, label, .form-label, .form-check-label) {
  color: var(--pa-auth-ink) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card :is(p, small, .form-text, .text-secondary) {
  color: var(--pa-auth-copy) !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .pa-auth-card :is(.text-danger, .validation-summary-errors) {
  color: #b42318 !important;
}
/* AUTH CONTINUATION FLOATING LABEL FIX */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .form-floating > .form-control::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation .form-floating > .form-control:focus::placeholder {
  color: var(--pa-auth-muted) !important;
  opacity: 0.72 !important;
}

/* EXTERNAL AUTH TRUST + FLOATING FIELD CONTRACT — 2026-07-26 */
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .pa-auth-card .alert-success {
  --bs-alert-color: #edf8fb;
  --bs-alert-bg: #102a30;
  --bs-alert-border-color: #0f8f83;
  color: #edf8fb !important;
  border-color: #0f8f83 !important;
  background: #102a30 !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .pa-auth-card .alert-success strong {
  color: #ffffff !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .pa-auth-card .alert-success span {
  color: #edf8fb !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .pa-auth-card .alert-success > i {
  color: #64dcd4 !important;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > .form-control {
  min-height: 3.75rem;
  padding: 1.6rem 0.9rem 0.45rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > label {
  color: #617486 !important;
  padding: 1rem 0.9rem;
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > .form-control:focus ~ label,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #617486 !important;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > .form-control:focus ~ label::after,
html body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-shell.pa-auth-continuation--external .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background-color: #ffffff !important;
}

/* Persisted-dark Identity guard: Identity is intentionally always light. */
html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace) {
  color-scheme: light !important;
  color: #122233 !important;
  background:
    radial-gradient(circle at 90% 5rem, rgba(100, 220, 212, 0.18), transparent 28rem),
    radial-gradient(circle at 8% 42rem, rgba(8, 127, 140, 0.09), transparent 34rem),
    linear-gradient(180deg, #fbfdfe 0%, #f4fbfd 36rem, #edf8fb 100%) !important;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace)
  :is(.pa-site-header, .ecosystem-nav .pa-site-nav) {
  color: #122233 !important;
  border-bottom-color: #d9e9ef !important;
  background: rgba(251, 253, 254, 0.98) !important;
  box-shadow: 0 10px 30px rgba(16, 72, 82, 0.08) !important;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace)
  :is(.pa-auth-frame, .pa-auth-frame--editorial) {
  color: #122233 !important;
  border-color: #d9e9ef !important;
  border-radius: 8px;
  background: #fbfdfe !important;
  box-shadow:
    0 0 0 1px rgba(16, 72, 82, 0.04),
    0 1.5rem 4rem -1.5rem rgba(16, 72, 82, 0.28) !important;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-frame--editorial .pa-auth-story {
  color: #122233 !important;
  background: #f4fbfd !important;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-frame--editorial .pa-auth-form-panel {
  color: #122233 !important;
  border-color: #d9e9ef !important;
  background:
    radial-gradient(circle at 96% 3%, rgba(100, 220, 212, 0.13), transparent 18rem),
    linear-gradient(155deg, #ffffff, #fbfdfe) !important;
}

html[data-pa-theme="dark"] body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-trust {
  color: #263746 !important;
  border-color: #d9e9ef !important;
  background: linear-gradient(135deg, #e8f8fa, #f4fbfd) !important;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  html[data-pa-theme="dark"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
    .pa-auth-frame--editorial {
    border-inline: 0;
    border-radius: 0;
    box-shadow: none !important;
  }
}

/* Focused Light Identity authority. Persisted-dark Identity remains governed
   by its existing always-light compatibility block above; this closure only
   removes composited paint from the matrix's explicit Light preference. */
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) {
  background: #f4fbfd !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial,
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-form-panel {
  background: #fbfdfe !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial .pa-auth-story,
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content,
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption {
  background: #f4fbfd !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__content {
  padding: 1.25rem;
  border-radius: 8px;
  isolation: isolate;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption {
  padding: 0.55rem 0.75rem;
  color: #263746 !important;
  text-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust {
  background: #e8f8fa !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-trust-links a,
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-frame--editorial :is(
  .pa-auth-options,
  .pa-auth-switch,
  .pa-auth-minor-link,
  .pa-auth-recovery-note,
  .pa-auth-policy
) a:not(.btn) {
  color: #066d78 !important;
}

/* Editorial captions sit over bounded media. Their individual text runs own
   the same opaque Light paper, including the display face's glyph overhang. */
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace) .pa-auth-story__media figcaption > :is(span, strong) {
  padding-block: 0.125rem;
  color: #263746 !important;
  background: #f4fbfd !important;
  background-image: none !important;
  text-shadow: none !important;
}

/* Registration keeps its approved Light photograph at native geometry. The
   decorative wash is a media-only sibling instead of a pseudo-element, so it
   cannot make unrelated document text indeterminate to contrast tooling. */
html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story {
  height: auto;
  min-height: 0;
  padding: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-items: stretch;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__media {
  position: relative;
  z-index: 0;
  inset: auto;
  min-height: 0;
  overflow: hidden;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__media::after {
  content: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__veil {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(244, 251, 253, 0.04) 0%, rgba(244, 251, 253, 0.16) 34%, rgba(244, 251, 253, 0.92) 78%, #f4fbfd 100%),
    linear-gradient(90deg, rgba(244, 251, 253, 0.95) 0%, rgba(244, 251, 253, 0.66) 43%, rgba(244, 251, 253, 0.08) 78%);
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__media > img[data-pa-theme-media="content"] {
  position: relative;
  z-index: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: 68% center;
  opacity: 1;
  filter: none;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__media figcaption {
  z-index: 2;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: clamp(2rem, 3vw, 3.25rem);
  align-self: stretch;
  border-radius: 0;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__content > h1 {
  padding-block: 0.625rem;
  background: #f4fbfd !important;
  background-image: none !important;
  line-height: 1.08;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register .pa-auth-story__content > p:not(.pa-auth-story__proof) {
  background: #f4fbfd !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
  .pa-auth-composition--register #create-account-heading {
  padding-block: 0.5rem;
  background: #fbfdfe !important;
  background-image: none !important;
  line-height: 1.08;
}

@media (max-width: 575.98px) {
  html[data-pa-theme="light"] body.pa-body.pa-family-auth:not(.pa-protected-workspace)
    .pa-auth-composition--register .pa-auth-story__content {
    padding: 1.25rem;
  }
}

/* External registration is a Light continuation surface. Keep its decorative
   geometry outside the live copy and give policy text a deterministic paper. */
html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external > .row,
html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .pa-auth-panel {
  background: #f4fbfd !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external :is(.pa-auth-card, .pa-auth-form, form, .pa-auth-policy) {
  background: #fbfdfe !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external :is(.pa-auth-panel, .pa-auth-card, .pa-auth-form, .pa-auth-policy)::before,
html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external :is(.pa-auth-panel, .pa-auth-card, .pa-auth-form, .pa-auth-policy)::after {
  content: none !important;
  display: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .pa-auth-panel > :is(.pa-eyebrow, h1, p) {
  position: relative !important;
  z-index: 2 !important;
  background: #f4fbfd !important;
  background-image: none !important;
  text-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .pa-auth-form :is(h2, p, strong, label, small, a, .form-text) {
  position: relative !important;
  z-index: 2 !important;
  background-color: #fbfdfe !important;
  background-image: none !important;
  text-shadow: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating > label::after {
  content: none !important;
  display: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .pa-auth-policy a {
  color: #066d78 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 0.1em !important;
  text-underline-offset: 0.16em !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external #external-login-title {
  padding-block: 0.2rem !important;
  line-height: 1.18 !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .alert-success strong {
  color: #ffffff !important;
  background: #102a30 !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating {
  display: grid !important;
  gap: 0.4rem !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating > label {
  position: static !important;
  z-index: auto !important;
  order: -1 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #40586a !important;
  line-height: 1.35 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating > label::before,
html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating > label::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-shell.pa-auth-continuation--external .form-floating > :is(.form-control, .form-select) {
  position: static !important;
  min-height: 3rem !important;
  padding: 0.75rem 0.9rem !important;
}
html[data-pa-theme="light"] body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content #sign-in-heading {
  padding-block: 0.5rem !important;
  line-height: 1.2 !important;
}

/* Restore the owner's July 26 faded photo composition on these two pages only.
   The wash is an explicit decorative sibling so global pseudo-element resets
   cannot erase it. Forms, recovery pages and authentication behavior are unchanged. */
html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content :is(.pa-auth-composition--login, .pa-auth-composition--register) .pa-auth-story.pa-auth-story--original {
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(2rem, 3vw, 3.25rem) !important;
  display: flex !important;
  align-items: end !important;
  grid-template-rows: none !important;
  background: #f4fbfd !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original > .pa-auth-story__media {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original .pa-auth-story__media::after {
  content: none !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original .pa-auth-story__media > img[data-pa-theme-media="content"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(0.94) contrast(1.01) brightness(1.02) !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original .pa-auth-story__veil {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(244, 251, 253, 0.04) 0%, rgba(244, 251, 253, 0.16) 34%, rgba(244, 251, 253, 0.92) 78%, #f4fbfd 100%),
    linear-gradient(90deg, rgba(244, 251, 253, 0.95) 0%, rgba(244, 251, 253, 0.66) 43%, rgba(244, 251, 253, 0.08) 78%) !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original > .pa-auth-story__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(52rem, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: auto !important;
  border-radius: 0 !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original :is(.pa-auth-story__content, .pa-auth-story__content *, figcaption, figcaption *) {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original :is(h1, .pa-auth-story__heading) {
  color: #122233 !important;
  padding: 0 !important;
  max-width: 11ch !important;
  font-size: clamp(2.55rem, 3.7vw, 4.15rem) !important;
  line-height: 1.08 !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original :is(p, p strong, figcaption, figcaption strong) {
  color: #263746 !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original :is(.pa-eyebrow, figcaption span) {
  color: #066d78 !important;
}

html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
  #main-content#main-content .pa-auth-story--original figcaption {
  z-index: 2 !important;
  padding: 0 !important;
}

/* Closed registration can be shorter than the normal form. Keep the original
   photo caption above the story copy even when that short state sets the rail. */
@media (min-width: 992px) {
  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content .pa-auth-composition--register .pa-auth-story.pa-auth-story--original {
    padding-top: calc(clamp(2rem, 3vw, 3.25rem) + 3.5rem) !important;
  }
}

@media (max-width: 991.98px) {
  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content :is(.pa-auth-composition--login, .pa-auth-composition--register) .pa-auth-story.pa-auth-story--original {
    height: 12rem !important;
    min-height: 12rem !important;
    padding: 1.75rem 2rem !important;
  }

  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content .pa-auth-story--original :is(h1, .pa-auth-story__heading) {
    max-width: 16ch !important;
    font-size: clamp(2.1rem, 6vw, 3rem) !important;
  }
}

@media (max-width: 575.98px) {
  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content :is(.pa-auth-composition--login, .pa-auth-composition--register) .pa-auth-story.pa-auth-story--original {
    height: 9rem !important;
    min-height: 9rem !important;
    padding: 1.25rem 1rem !important;
  }

  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content .pa-auth-story--original .pa-auth-story__media > img[data-pa-theme-media="content"] {
    object-position: 72% center !important;
  }

  html body.pa-body.pa-family-auth.pa-identity-page:not(.pa-protected-workspace)
    #main-content#main-content .pa-auth-story--original :is(h1, .pa-auth-story__heading) {
    font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
  }
}