/* Scoped to owned spans only; inherit the existing Bonjour Nawa design. */
#view > .page.auth-page > .auth-panel > .auth-form > label > [data-nawa-auth-label="field"],
#view > .page.auth-page > .auth-panel > .auth-form > small > [data-nawa-auth-label="hint"] {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
  font-family: inherit;
  color: inherit;
  line-height: 1.6;
  text-align: start;
}
#view > .page.auth-page > .auth-panel > .auth-form > label > [data-nawa-auth-label="field"] {
  font-size: .92em;
  font-weight: inherit;
}
#view > .page.auth-page > .auth-panel > .auth-form > small > [data-nawa-auth-label="hint"] {
  margin-block-start: .2em;
  font-size: 1em;
}

/* Only the three owned civic spans; preserve native gate and button styling. */
#view > section.page.exam-wrap > article.card.auth-required > h1.page-title > [data-nawa-auth-label="civic-title"],
#view > section.page.exam-wrap > article.card.auth-required > div.hero-actions > button[data-auth-mode] > [data-nawa-auth-label="civic-action"] {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: 1.5;
  text-align: start;
}
#view > section.page.exam-wrap > article.card.auth-required > h1.page-title > [data-nawa-auth-label="civic-title"] {
  margin-block-start: .25em;
  font-size: .72em;
}
#view > section.page.exam-wrap > article.card.auth-required > div.hero-actions > button[data-auth-mode] > [data-nawa-auth-label="civic-action"] {
  margin-block-start: .2em;
  font-size: .95em;
  text-align: center;
}