/* NOUN TMA Quiz 3.12.2 — System UI typography authority.
 * Public presentation only. Keeps the Quiz independent from host-theme display-font rules.
 */
:root{
  --ntq-system-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* Immersive signed-in Quiz: explicitly own typography at the final cascade layer. */
body.ntq-immersive-body,
body.ntq-immersive-body .ntq-app,
body.ntq-immersive-body .ntq-app *,
body.ntq-immersive-body .ntq-portal-bar,
body.ntq-immersive-body .ntq-portal-bar *,
body.ntq-immersive-body .Z313-plan-modal,
body.ntq-immersive-body .Z313-plan-modal *{
  font-family:var(--ntq-system-font)!important;
}

/* Public Practice landing: prevent the WordPress theme from repainting headings with its display face. */
.ntq-v32lp.ntq-v33lp-compact,
.ntq-v32lp.ntq-v33lp-compact *,
.ntq-v32lp.ntq-v33lp-compact :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,a,button,input,select,textarea,label,summary,li){
  font-family:var(--ntq-system-font)!important;
}

/* Keep generated/result-share typography aligned with the live product. */
.ntq-app :is(h1,h2,h3,h4,h5,h6,.Z-title,.Z3-label,.Z312-label,.Z3121-label){
  font-family:var(--ntq-system-font)!important;
}