html{background:var(--nq-canvas-muted)}body{min-width:0;color:var(--nq-inkwell);background:var(--nq-canvas);font-family:var(--nq-font);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}body.nq-menu-open{overflow:hidden}::selection{color:var(--nq-surface);background:var(--nq-lunar)}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.75rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4.4vw,3.7rem)}h3{font-size:clamp(1.2rem,2vw,1.6rem)}p{max-width:72ch}a{text-underline-offset:.2em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--nq-creme);outline-offset:3px}.nq-skip-link{position:fixed;left:14px;top:14px;z-index:10000;padding:.65rem 1rem;border-radius:var(--nq-radius-xs);color:var(--nq-surface);background:var(--nq-inkwell);transform:translateY(-180%);transition:transform .18s}.nq-skip-link:focus{transform:translateY(0)}.nq-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nq-muted{color:var(--nq-muted)}.nq-invert{color:var(--nq-surface)}.nq-invert .nq-muted{color:var(--nq-dark-muted)}.nq-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--nq-lunar);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nq-eyebrow::before{content:"";width:28px;height:2px;background:var(--nq-creme)}.nq-invert .nq-eyebrow{color:var(--nq-au-lait)}.nq-lede{font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.58;color:var(--nq-muted)}.nq-invert .nq-lede{color:var(--nq-dark-muted)}.nq-kicker{font-weight:800;letter-spacing:-.02em}.nq-small{font-size:.9rem}.nq-caption{font-size:.8rem;letter-spacing:.02em}.nq-rule{height:1px;border:0;background:var(--nq-line)}.nq-prose{max-width:var(--nq-reading)}.nq-prose>*+*{margin-top:1rem}.nq-prose h2,.nq-prose h3{margin-top:2.5rem}.nq-prose ul,.nq-prose ol{padding-left:1.25rem}.nq-prose li+li{margin-top:.6rem}.nq-prose a{font-weight:750}.nq-no-wrap{white-space:nowrap}


/* NAIAQ responsive hardening — 18 July 2026 */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body {
  min-width: 0;
}

h1,
h2,
h3,
h4,
p,
li,
a,
button,
label,
summary {
  overflow-wrap: break-word;
}

.nq-prose a,
.nq-prose code {
  overflow-wrap: anywhere;
}

@media (max-width: 380px) {
  h1 {
    font-size: clamp(2.2rem, 12vw, 2.65rem);
  }

  h2 {
    font-size: clamp(1.75rem, 9vw, 2.15rem);
  }
}