/* Next-key-question results view. Every class is nq- prefixed so it can sit inside the checkup page. */
.nq{--nq-navy:#1B3A5C;--nq-coral:#E85C3C;--nq-coral-dk:#D14E30;--nq-gray:#8A8F96;--nq-muted:#5E6B7A;--nq-blue:#4A90C4;--nq-blue-deep:#2E6DA4;--nq-wash:#F4F8FB;--nq-line:#E3E3E3;color:var(--nq-navy);text-align:left}
.nq button{font-family:inherit;cursor:pointer;color:inherit}
.nq button:focus-visible,.nq a:focus-visible{outline:3px solid var(--nq-blue);outline-offset:2px}

/* score vs. spend */
.nq-diag{margin-top:34px;padding-top:26px;border-top:1px solid var(--nq-line)}
.nq-sh{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;text-align:center;margin-bottom:4px}
.nq-ss{font-size:12.5px;color:var(--nq-gray);font-style:italic;text-align:center;margin:0 auto 16px;max-width:560px;line-height:1.5}
.nq-diag svg{display:block;width:100%;height:auto}
.nq-seatline{text-align:center;font-size:14.5px;line-height:1.55;font-weight:700;max-width:500px;margin:12px auto 0}
.nq-tot{text-align:center;font-size:12.5px;color:var(--nq-gray);margin-top:8px;line-height:1.6}
.nq-tot a{color:var(--nq-blue-deep);font-weight:700;white-space:nowrap}

/* the next key question */
.nq-next{background:var(--nq-navy);color:#fff;border-radius:16px;padding:32px 30px 30px;margin-top:40px;box-shadow:0 16px 36px rgba(27,58,92,.28);border-top:5px solid var(--nq-coral)}
.nq-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#A8CCE4;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nq-rl{color:#C7D3E0;border:1px solid rgba(199,211,224,.45);border-radius:4px;padding:2px 7px;letter-spacing:.14em;font-size:10px}
.nq-next h2{font-size:clamp(32px,6.6vw,48px);line-height:1.06;letter-spacing:-.5px;text-wrap:balance;margin:14px 0 16px;color:#fff;font-weight:700}
.nq-next p{font-size:15.5px;line-height:1.6;max-width:54ch;color:#C7D3E0;margin:0}
.nq-caution{margin-top:12px;font-size:13.5px;font-style:italic;color:#F6C679}
.nq-caution button{background:none;border:none;color:#fff;text-decoration:underline;font-size:13.5px;font-style:italic;font-weight:700;padding:0}
.nq-actions{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin-top:22px}
.nq-cta{display:inline-block;font-weight:700;font-size:13.5px;letter-spacing:1px;text-transform:uppercase;background:var(--nq-coral);color:#fff!important;border-radius:8px;padding:13px 22px;text-decoration:none;transition:background .15s}
.nq-cta:hover{background:var(--nq-coral-dk)}
.nq-how{margin-top:22px;padding-top:18px;border-top:1px solid rgba(199,211,224,.22)}
.nq-how .k{font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#A8CCE4;margin-bottom:12px}
.nq-how ol{list-style:none;counter-reset:nq;display:grid;gap:10px;margin:0;padding:0}
.nq-how li{counter-increment:nq;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14.5px;line-height:1.5;color:#C7D3E0}
.nq-how li::before{content:counter(nq);width:22px;height:22px;border-radius:50%;border:1.5px solid #A8CCE4;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.nq-how li b{color:#fff}
.nq-btn{display:inline-block;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;background:#fff;color:#1B3A5C!important;border:1.5px solid #fff;border-radius:8px;padding:12px 20px;text-decoration:none;transition:background .15s}
.nq-btn:hover{background:#DCEAF5;border-color:#DCEAF5}
.nq-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.nq-btn.ghost:hover{background:rgba(255,255,255,.08)}
.nq-link{font-size:14px;font-weight:700;color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.nq-link:hover{color:#A8CCE4!important}
.nq-back{display:block;margin-top:14px;background:none;border:none;font-size:12.5px;color:#A8CCE4;text-decoration:underline;padding:0}

/* the seat */
.nq-seat{margin-top:38px}
.nq-seat-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.nq-seat-h h3{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--nq-blue-deep);margin:0}
.nq-hint{font-size:13px;font-style:italic;color:var(--nq-gray)}
.nq-stack{display:grid;grid-template-columns:22px 1fr;gap:0 12px}
.nq-axis{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 0;font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--nq-gray)}
.nq-axis .f{color:var(--nq-coral)}
.nq-axis .ln{flex:1;width:2px;margin:6px 0;background:linear-gradient(var(--nq-coral),#E6E6E6)}
.nq-axis span{writing-mode:vertical-rl;transform:rotate(180deg)}
.nq-layers{display:flex;flex-direction:column;gap:8px}
.nq-layer{border:1px solid var(--nq-line);border-radius:10px;background:#fff;overflow:hidden}
.nq-layer.here{border-color:var(--nq-navy);box-shadow:0 0 0 1px var(--nq-navy)}
.nq-lh{display:grid;grid-template-columns:10px 1fr auto;align-items:stretch;width:100%;background:none;border:none;text-align:left;padding:0}
.nq-lh .sw{background:var(--c)}
.nq-lh .tx{padding:13px 14px 12px}
.nq-lh .nm{font-size:16px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nq-here{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--nq-coral);color:#fff;border-radius:4px;padding:3px 6px}
.nq-lh .vw{display:block;font-size:12.5px;font-style:italic;color:var(--nq-gray);margin-top:2px}
.nq-lh .rt{display:flex;align-items:center;gap:12px;padding:0 14px}
.nq-cnt{font-size:12px;color:var(--nq-gray);white-space:nowrap}
.nq-cnt.ok{color:#5E7A3A;font-weight:700}
.nq-chev{width:9px;height:9px;border-right:2px solid var(--nq-gray);border-bottom:2px solid var(--nq-gray);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.nq-layer.open .nq-chev{transform:rotate(-135deg);margin-top:4px}
.nq-lh:hover .nm{color:var(--nq-blue-deep)}
.nq-qs{display:none;border-top:1px solid var(--nq-line);padding:4px 0 6px}
.nq-layer.open .nq-qs{display:block}
.nq-sub{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--nq-gray);padding:10px 16px 2px 24px}
.nq-q{display:grid;grid-template-columns:4px 1fr auto;gap:12px;align-items:center;width:100%;background:none;border:none;text-align:left;padding:9px 16px 9px 20px;font-size:14.5px;line-height:1.4}
.nq-q .bar{align-self:stretch;border-radius:2px;background:var(--c)}
.nq-q:hover .qt{color:var(--nq-blue-deep);text-decoration:underline}
.nq-q.cur{background:var(--nq-wash)}
.nq-q.cur .qt{font-weight:700}
.nq-st{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.nq-st.ok{color:#5E7A3A}
.nq-st.now{color:var(--nq-coral)}
.nq-st.wait{color:var(--nq-gray);font-weight:400;font-style:italic;letter-spacing:0;text-transform:none;font-size:12px}
.nq-below{margin-top:12px;font-size:13px;color:var(--nq-muted);line-height:1.5;padding-left:34px}
.nq-below a{color:var(--nq-blue-deep)}
@media (max-width:520px){
  .nq-next{padding:24px 20px 22px}
  .nq-lh .vw{display:none}
  .nq-below{padding-left:0}
}
