/* Runtime-only corrections; reference tokens and component design stay in aq.css. */
body{margin:0;background:#EFF1EE}
body.aq-modal-open{overflow:hidden}
.aq [hidden]{display:none!important}
.aq .aq-btn-primary{color:var(--on-accent)}
.aq .aq-btn-primary.is-unavailable{color:var(--ink-3)}
.aq-toast{white-space:normal;width:max-content}
.aq-todo{overflow-wrap:anywhere}
.aq-sheet-head{flex-wrap:wrap}
.aq-sheet-body{min-height:0}
.aq-credit a,.aq-email-link{color:var(--ink);text-decoration:underline;text-underline-offset:.18em;overflow-wrap:anywhere}
.aq-email{min-width:0}
.aq-email-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.aq-print-row,.aq-print-outcome{break-inside:avoid}
/* Keep the italic title and its overhangs inside the left intro column. */
.aq-intro-lead{container-type:inline-size;container-name:aq-intro-title;min-width:0;gap:2rem}
.aq-h1{
  font-size:min(clamp(1.5rem,15.5cqi,6.5rem),17cqi);
  line-height:1.08;
  padding-inline:.025em;
  padding-bottom:.12em;
}
.aq-h1 em{white-space:nowrap;hyphens:none}
/* Fit the entire outcome inside its own column, including italic overhangs. */
.aq-result-head{container-type:inline-size;container-name:aq-outcome;min-width:0}
.aq-status-word{
  font-size:clamp(2rem,26cqi,8.5rem);
  line-height:1.12;
  padding-inline:.04em;
  white-space:nowrap;
  animation-name:aqStatusReveal;
}
@keyframes aqStatusReveal{
  from{opacity:0;transform:translateY(.12em)}
  to{opacity:1;transform:none}
}
.aq-ans-side{flex-wrap:wrap}
@media (max-width:28em){
  .aq-tabs{flex:1;flex-wrap:wrap;overflow:visible;border-radius:var(--r-m)}
  .aq-sheet-head{align-items:flex-start}
}
@media print{
  body{background:#fff}
  #aq-live,noscript{display:none!important}
}
