/* Certified Commercial PPC Practitioner — v3.2.0 */
:root{--qa:#3a4fc4;}
.nq-wrapper{font-family:'Poppins',sans-serif;max-width:820px;margin:0 auto;box-sizing:border-box;/* overflow-x removed — was clipping second context/track card */}
.nq-wrapper *{box-sizing:inherit;}
.nq-screen{animation:nqFade .22s ease;}
@keyframes nqFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* Global word wrap */
.nq-opt-txt,.nq-q-text,.nq-rv-q,.nq-rank-txt,.nq-scenario-intro,.nq-fb-exp,.nq-rv-exp,
.nq-ctx-desc,.nq-ctx-ul li,.nq-track-sub,.nq-cap-lv-desc,.nq-res-desc,.nq-hint,.nq-gap-item strong{
	word-break:break-word;overflow-wrap:anywhere;
}
canvas{max-width:100%!important;height:auto!important;display:block;}

/* Buttons */
.nq-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:9px;font-family:'Poppins',sans-serif;font-size:.9em;font-weight:600;cursor:pointer;text-decoration:none!important;border:none;transition:opacity .15s,transform .12s;line-height:1.35;white-space:normal;word-break:break-word;}
.nq-btn:active{transform:scale(.97);}
.nq-primary{background:var(--qa)!important;color:#fff!important;}.nq-primary:hover{opacity:.85;}
.nq-ghost{background:#fff!important;color:#555!important;border:1.5px solid #d0d5dd!important;}.nq-ghost:hover{border-color:var(--qa)!important;color:var(--qa)!important;}
.nq-ghost-sm{padding:8px 15px;font-size:.82em;}
.nq-xl{padding:14px 28px;font-size:.95em;width:100%;margin-top:8px;}
.nq-link-btn{background:none;border:none;color:var(--qa);font-family:'Poppins',sans-serif;font-size:.85em;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;}

/* ── INTRO ───────────────────────────────────────────────── */
.nq-intro{text-align:center;padding:44px 16px 36px;}
.nq-intro-badge{display:inline-block;padding:5px 16px;border-radius:999px;background:#0a1a3a;color:#f0e8d0;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;}
.nq-h1{margin:0 0 6px!important;font-size:clamp(1.6em,5vw,2.4em)!important;font-weight:800!important;line-height:1.15!important;color:#0a1a3a!important;word-break:break-word;}
.nq-h1-sub{display:block;color:var(--qa);}
.nq-lead{margin:0 0 28px!important;color:#555;line-height:1.75;max-width:600px;margin-left:auto!important;margin-right:auto!important;font-size:.97em!important;}
/* Certification tier display on intro */
.nq-cert-tiers{display:flex;justify-content:center;gap:10px;margin-bottom:22px;flex-wrap:wrap;}
.nq-tier{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 18px;border-radius:11px;min-width:110px;}
.nq-tier-pro{background:#0a3d2b;}.nq-tier-prac{background:#1a2f6e;}.nq-tier-assoc{background:#5a1a7a;}
.nq-tier-lbl{font-size:.65em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.6);}
.nq-tier-name{font-size:.88em;font-weight:700;color:#fff;}
.nq-tier-pct{font-size:.7em;color:rgba(255,255,255,.5);font-weight:600;}
.nq-type-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;}
.nq-type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1.5px solid #e0e3e8;border-radius:999px;font-size:.72em;font-weight:600;color:#777;}
.nq-intro-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;color:#bbb;font-size:.74em;margin-bottom:22px;}
.nq-sep{color:#e0e3e8;}
/* Continue card */
.nq-continue-card{background:#f8f9fb;border:1.5px solid #e0e3e8;border-radius:12px;padding:15px;margin-bottom:14px;text-align:left;}
.nq-continue-inner{display:flex;align-items:flex-start;gap:11px;margin-bottom:11px;}
.nq-continue-icon{font-size:1.3em;flex-shrink:0;margin-top:2px;}
.nq-continue-text{flex:1;min-width:0;}
.nq-continue-text strong{display:block;font-size:.88em;font-weight:700;color:#1a1a1a;margin-bottom:2px;}
.nq-continue-text span{font-size:.76em;color:#888;word-break:break-word;}
.nq-continue-btns{display:flex;gap:9px;flex-wrap:wrap;}
.nq-continue-btns .nq-btn{flex:1;min-width:100px;margin-top:0;}

/* ── CONTEXT ─────────────────────────────────────────────── */
.nq-context-screen,.nq-track-screen{padding:20px 0;}
.nq-step-header{margin-bottom:20px;}
.nq-step-badge{display:inline-block;padding:3px 12px;background:#eef2ff;color:var(--qa);border-radius:999px;font-size:.68em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;}
.nq-step-header h2{margin:0 0 5px!important;font-size:clamp(1.1em,4vw,1.5em)!important;font-weight:700!important;word-break:break-word;}
.nq-step-header p{margin:0!important;color:#666;font-size:.87em!important;line-height:1.55!important;}
.nq-context-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;}
.nq-ctx-card{-webkit-appearance:none;appearance:none;background:#fff!important;border:2px solid #e0e3e8!important;border-radius:13px!important;padding:18px!important;text-align:left;cursor:pointer;transition:.15s;font-family:'Poppins',sans-serif;position:relative;width:100%;}
.nq-ctx-card:hover{border-color:var(--qa)!important;background:#f8f9ff!important;}
.nq-ctx-card.is-sel{border-color:var(--qa)!important;background:#f0f3ff!important;box-shadow:0 0 0 3px rgba(58,79,196,.1)!important;}
.nq-ctx-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.nq-ctx-icon{font-size:1.5em;flex-shrink:0;}
.nq-ctx-title{font-weight:700;font-size:.93em;color:#1a1a1a;flex:1;word-break:break-word;}
.nq-ctx-check{color:var(--qa);font-weight:800;}
.nq-ctx-desc{margin:0 0 9px!important;font-size:.79em!important;color:#555!important;line-height:1.6!important;}
.nq-ctx-ul{margin:0!important;padding-left:15px!important;list-style:disc;}
.nq-ctx-ul li{font-size:.75em;color:#777;margin-bottom:2px;}
.nq-context-note{margin:0!important;font-size:.73em!important;color:#bbb!important;text-align:center;}
.nq-ctx-pill{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;color:var(--qa);padding:2px 9px;border-radius:999px;font-size:.83em;font-weight:700;}

/* ── TRACK ───────────────────────────────────────────────── */
.nq-track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:16px;}
.nq-track-btn{-webkit-appearance:none;appearance:none;background:#fff!important;border:1.5px solid #e0e3e8!important;border-radius:11px!important;padding:16px 14px!important;text-align:left;cursor:pointer;transition:.15s;font-family:'Poppins',sans-serif;display:flex;flex-direction:column;gap:4px;position:relative;}
.nq-track-btn:hover{border-color:var(--qa)!important;background:#f8f9ff!important;}
.nq-track-btn.is-sel{border-color:var(--qa)!important;background:#f0f3ff!important;}
.nq-track-icon{font-size:1.3em;margin-bottom:2px;}
.nq-track-lbl{font-weight:700;font-size:.92em;color:#1a1a1a;word-break:break-word;}
.nq-track-sub{font-size:.71em;color:#999;line-height:1.4;word-break:break-word;}
.nq-track-chk{position:absolute;top:12px;right:12px;color:var(--qa);font-weight:800;}
.nq-track-ready{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;background:#f8f9fb;border-radius:10px;border:1px solid #e8eaed;}
.nq-ready-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#f0faf5;border:1.5px solid #a8d5be;border-radius:999px;font-size:.77em;font-weight:700;color:#2e7d5e;white-space:nowrap;}
.nq-track-ready .nq-btn{flex-shrink:0;margin:0!important;}
.nq-track-prompt{margin:10px 0 0!important;color:#bbb;font-size:.81em!important;text-align:center;}

/* ── QUESTION ─────────────────────────────────────────────── */
.nq-top-bar{margin-bottom:12px;}
.nq-prog-track{height:5px;background:#e8eaed;border-radius:999px;margin-bottom:10px;overflow:hidden;}
.nq-prog-fill{height:100%;background:var(--qa);border-radius:999px;transition:width .4s ease;}
.nq-prog-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.nq-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1;min-width:0;}
.nq-cat-badge{display:inline-block;padding:3px 9px;border-radius:999px;color:#fff;font-size:.66em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}
.nq-type-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border:1px solid #e0e3e8;border-radius:999px;font-size:.66em;font-weight:600;color:#777;background:#f8f9fb;white-space:nowrap;}
.nq-type-lbl{display:inline;}
.nq-diff-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.66em;font-weight:700;white-space:nowrap;}
.nq-diff-1{background:#f0faf5;color:#2e7d5e;}.nq-diff-2{background:#eef2ff;color:var(--qa);}.nq-diff-3{background:#fdf4ff;color:#7c3aed;}
.nq-diff-badge em{font-style:normal;}
.nq-right-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.nq-q-count{font-size:.73em;color:#ccc;font-weight:600;white-space:nowrap;}
.nq-save-btn{-webkit-appearance:none;appearance:none;background:none;border:1.5px solid #e0e3e8;border-radius:7px;padding:4px 7px;font-size:.88em;cursor:pointer;color:#aaa;transition:.15s;line-height:1;}
.nq-save-btn:hover{border-color:var(--qa);color:var(--qa);}
.nq-toast{background:#0a3d2b;color:#fff;border-radius:8px;padding:7px 14px;font-size:.77em;font-weight:700;text-align:center;margin-bottom:10px;animation:nqToastIn .2s ease;}
@keyframes nqToastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.nq-streak{display:inline-flex;align-items:center;gap:5px;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:999px;padding:4px 12px;font-size:.75em;font-weight:700;color:#92400e;margin-bottom:8px;}
.nq-q-card{background:#fff;border:1px solid #e8eaed;border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden;}
.nq-q-text{margin:0 0 18px!important;font-size:1em!important;font-weight:600!important;line-height:1.65!important;color:#1a1a1a!important;}
.nq-hint{margin:0 0 11px!important;font-size:.76em!important;color:#999!important;font-style:italic!important;}
/* Scenario */
.nq-scenario{margin-bottom:20px;padding:15px;background:#f8f9fb;border-radius:11px;border-left:4px solid var(--qa);}
.nq-scenario-intro{margin:0 0 11px!important;font-size:.85em!important;color:#444!important;line-height:1.65!important;}
.nq-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.nq-table-scroll-hint{display:none;font-size:.67em;color:#bbb;text-align:right;margin-bottom:3px;font-style:italic;}
.nq-table{width:100%;border-collapse:collapse;font-size:.78em;min-width:300px;}
.nq-table th{background:#1a1a1a;color:#fff;padding:7px 11px;text-align:left;font-weight:600;white-space:nowrap;}
.nq-table td{padding:7px 11px;border-bottom:1px solid #e8eaed;color:#333;word-break:break-word;}
.nq-table tr:last-child td{border-bottom:none;}
.nq-table tr:nth-child(even)td{background:#f8f9fb;}
/* Options */
.nq-opts{display:flex;flex-direction:column;gap:8px;}
.nq-opt{-webkit-appearance:none;appearance:none;display:flex;align-items:flex-start;gap:11px;background:#fff!important;border:1.5px solid #e0e3e8!important;border-radius:10px!important;padding:12px 13px!important;text-align:left;cursor:pointer;font-family:'Poppins',sans-serif;font-size:.86em;color:#333!important;transition:.14s;line-height:1.5;width:100%;min-width:0;overflow:hidden;}
.nq-opt:hover:not(:disabled){border-color:var(--qa)!important;background:#f5f7ff!important;}
.nq-opt:disabled{cursor:default;}
.nq-opt.is-correct{background:#f0faf5!important;border-color:#2e7d5e!important;color:#1a5c3a!important;}
.nq-opt.is-wrong{background:#fff0f0!important;border-color:#c0392b!important;color:#c0392b!important;}
.nq-opt.is-chosen{background:#f0f3ff!important;border-color:var(--qa)!important;}
.nq-opt.is-dim{opacity:.4;}
.nq-opt-ltr{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:6px;background:#f0f2f5;font-weight:700;font-size:.75em;color:#555;}
.nq-opt.is-correct .nq-opt-ltr{background:#2e7d5e;color:#fff;}.nq-opt.is-wrong .nq-opt-ltr{background:#c0392b;color:#fff;}.nq-opt.is-chosen .nq-opt-ltr{background:var(--qa);color:#fff;}
.nq-opt-txt{flex:1;min-width:0;word-break:break-word;overflow-wrap:anywhere;white-space:normal;}
.nq-mark{margin-left:auto;font-weight:800;flex-shrink:0;padding-left:5px;}
.nq-tick{color:#2e7d5e;}.nq-cross{color:#c0392b;}
.nq-chk{font-size:1em;flex-shrink:0;width:18px;min-width:18px;}
/* Priority */
.nq-priority{display:flex;flex-direction:column;gap:8px;}
.nq-pri-item{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1.5px solid #e0e3e8;border-radius:10px;background:#fff;transition:.14s;user-select:none;cursor:pointer;min-width:0;}
.nq-pri-item:hover:not(.is-correct):not(.is-partial):not(.is-dim){border-color:var(--qa);background:#f5f7ff;}
.nq-pri-item.is-ranked{border-color:var(--qa)!important;background:#f0f3ff!important;}
.nq-pri-item.is-correct{border-color:#2e7d5e!important;background:#f0faf5!important;}
.nq-pri-item.is-partial{border-color:#f59e0b!important;background:#fffbeb!important;}
.nq-pri-item.is-dim{opacity:.4;}
.nq-rank-n{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;min-width:27px;border-radius:7px;background:#f0f2f5;font-weight:800;font-size:.8em;color:#555;flex-shrink:0;}
.nq-pri-item.is-ranked .nq-rank-n{background:var(--qa);color:#fff;}.nq-pri-item.is-correct .nq-rank-n{background:#2e7d5e;color:#fff;}
.nq-rank-txt{flex:1;min-width:0;font-size:.86em;font-weight:500;line-height:1.45;word-break:break-word;}
.nq-rank-cor{font-size:.68em;color:#2e7d5e;font-weight:700;white-space:nowrap;flex-shrink:0;}
.nq-submit-btn{margin-top:12px;}
/* Feedback */
.nq-fb{margin-top:16px;border-radius:10px;padding:13px 16px;}
.nq-fb--ok{background:#f0faf5;border-left:4px solid #2e7d5e;}.nq-fb--part{background:#fffbeb;border-left:4px solid #f59e0b;}.nq-fb--wrong{background:#fff5f5;border-left:4px solid #c0392b;}
.nq-fb-head{font-weight:700;font-size:.82em;margin-bottom:4px;}
.nq-fb--ok .nq-fb-head{color:#2e7d5e;}.nq-fb--part .nq-fb-head{color:#92400e;}.nq-fb--wrong .nq-fb-head{color:#c0392b;}
.nq-fb-hint{font-size:.74em;color:#888;margin-bottom:4px;}
.nq-next-btn{margin-top:14px;}

/* ── CAPTURE ─────────────────────────────────────────────── */
.nq-capture{padding:8px 0 36px;}
.nq-cap-preview{display:flex;align-items:center;gap:20px;margin-bottom:22px;padding:20px;background:#f8f9fb;border-radius:13px;}
.nq-cap-right{flex:1;min-width:0;}
.nq-cert-teaser{margin-bottom:8px;}
.nq-cert-badge-sm{display:inline-flex;align-items:center;gap:6px;background:#0a1a3a;color:#f0e8d0;padding:5px 14px;border-radius:999px;font-size:.75em;font-weight:700;}
.nq-cap-lv-desc{margin:0 0 8px!important;font-size:.88em!important;color:#444!important;line-height:1.65!important;}
.nq-cap-perc{margin:0!important;font-size:.82em!important;color:#555!important;}
.nq-perc{font-size:1.3em;color:var(--qa);font-weight:800;}
.nq-cap-form{background:#fff;border:1px solid #e8eaed;border-radius:13px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.nq-cap-form h2{margin:0 0 5px!important;font-size:1.2em!important;font-weight:700!important;word-break:break-word;}
.nq-cap-form p{margin:0 0 18px!important;color:#666;line-height:1.6;font-size:.88em!important;}
.nq-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;}
.nq-input{width:100%;padding:10px 13px;border:1.5px solid #d0d5dd;border-radius:8px;font-family:'Poppins',sans-serif;font-size:.88em;background:#fff;color:#333;outline:none;transition:.14s;}
.nq-input:focus{border-color:var(--qa);box-shadow:0 0 0 3px rgba(58,79,196,.1);}
.nq-err{color:#c0392b;font-size:.79em;margin-bottom:8px;}
.nq-privacy{margin:8px 0 0!important;font-size:.71em!important;color:#bbb!important;text-align:center;}

/* ── RESULTS ─────────────────────────────────────────────── */
.nq-results{padding:8px 0 40px;}
.nq-results-hero{display:flex;align-items:flex-start;gap:20px;margin-bottom:26px;padding:22px;background:#fff;border:1px solid #e8eaed;border-radius:13px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.nq-ring-wrap{position:relative;flex-shrink:0;}.nq-ring-lg{width:150px;height:150px;}
.nq-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.nq-ring-pct{font-size:1.5em;font-weight:800;line-height:1;color:#1a1a1a;}
.nq-ring-lv{font-size:.48em;font-weight:700;color:#999;margin-top:2px;text-align:center;word-break:break-word;}
.nq-results-meta{flex:1;min-width:0;}
.nq-res-name{margin:0 0 3px!important;font-size:1.05em!important;font-weight:700!important;color:#0a1a3a!important;word-break:break-word;}
.nq-res-context{margin:0 0 8px!important;font-size:.73em!important;color:#bbb!important;font-weight:600!important;}
.nq-lv-badge{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.75em;font-weight:700;margin-bottom:8px;}
.nq-lv-professional{background:#e8f5ee;color:#0a3d2b;}
.nq-lv-practitioner{background:#eef0ff;color:#1a2f6e;}
.nq-lv-associate{background:#f5ecff;color:#5a1a7a;}
.nq-lv-developing{background:#fff7ed;color:#c2410c;}
.nq-lv-beginner{background:#fff0f0;color:#c0392b;}
.nq-res-desc{margin:0 0 7px!important;font-size:.84em!important;color:#555!important;line-height:1.65!important;}
.nq-res-stats{font-size:.73em;color:#bbb;display:flex;flex-wrap:wrap;gap:6px;}
.nq-certified-tag{color:#0a3d2b;font-weight:700;}
/* Results body */
.nq-res-body .nq-section{margin-bottom:26px;}
.nq-sec-h2{margin:0 0 14px!important;font-size:1.02em!important;font-weight:700!important;}
/* Radar */
.nq-radar-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.nq-radar-canvas-wrap{flex-shrink:0;max-width:100%;overflow:hidden;}
.nq-radar-leg{display:flex;flex-direction:column;gap:6px;min-width:0;}
.nq-leg-item{display:flex;align-items:center;gap:6px;font-size:.79em;word-break:break-word;}
.nq-leg-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
/* Category bars */
.nq-cbar-row{margin-bottom:13px;}
.nq-cbar-head{display:flex;align-items:center;gap:7px;margin-bottom:5px;flex-wrap:wrap;}
.nq-cbar-nm{font-size:.84em;font-weight:600;flex:1;min-width:0;word-break:break-word;}
.nq-cbar-st{font-size:.68em;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap;}
.nq-st-ok{background:#e8f5ee;color:#2e7d5e;}.nq-st-mid{background:#fffbeb;color:#92400e;}.nq-st-weak{background:#fff0f0;color:#c0392b;}
.nq-cbar-pct{font-size:.78em;color:#999;font-weight:700;min-width:32px;text-align:right;flex-shrink:0;}
.nq-bar-track{height:7px;background:#e8eaed;border-radius:999px;overflow:hidden;}
.nq-bar-fill{height:100%;border-radius:999px;transition:width .7s ease;}

/* ── CERTIFICATE SECTION ────────────────────────────────── */
.nq-cert-section{background:#fff;border:2px solid #0a1a3a;border-radius:14px;padding:24px;margin-bottom:28px;box-shadow:0 4px 20px rgba(10,26,58,.1);}
.nq-cert-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.nq-cert-header h2{margin:0!important;font-size:1.1em!important;font-weight:700!important;color:#0a1a3a!important;}
.nq-cert-level-badge{display:inline-flex;padding:5px 14px;border-radius:999px;font-size:.78em;font-weight:700;}
.nq-cert-level-badge.nq-lv-professional{background:#0a3d2b;color:#fff;}
.nq-cert-level-badge.nq-lv-practitioner{background:#1a2f6e;color:#fff;}
.nq-cert-level-badge.nq-lv-associate{background:#5a1a7a;color:#fff;}
/* Pass rate */
.nq-passrate{margin:0 0 16px!important;padding:10px 14px;background:#f0faf5;border-left:3px solid #2e7d5e;border-radius:0 8px 8px 0;font-size:.82em!important;color:#444!important;line-height:1.6!important;}
.nq-passrate--est{background:#fffbeb;border-left-color:#f59e0b;}
.nq-passrate--est em{color:#aaa;font-size:.9em;}
/* Certificate canvas */
.nq-cert-canvas-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;background:#FDFAF4;border:1px solid #e0d8c8;margin-bottom:14px;}
.nq-cert-canvas-wrap canvas{max-width:none!important;display:block;/* Don't constrain — cert should be full size for download */}
.nq-cert-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.nq-cert-actions .nq-btn{width:auto;}
.nq-cert-meta{margin:4px 0 0!important;font-size:.76em!important;color:#888!important;line-height:1.7!important;word-break:break-all;}
.nq-cert-loading{text-align:center;padding:20px;color:#aaa;font-size:.84em;font-style:italic;}

/* ── CTA ─────────────────────────────────────────────────── */
.nq-cta{background:linear-gradient(135deg,var(--qa),#5a6ee0);border-radius:13px;padding:24px;margin-bottom:24px;}
.nq-gaps h3{margin:0 0 11px!important;font-size:.98em!important;color:#fff!important;font-weight:700!important;}
.nq-gap-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.nq-gap-item{background:rgba(255,255,255,.12);border-left:3px solid #fff;border-radius:0 7px 7px 0;padding:8px 12px;display:flex;flex-direction:column;gap:3px;}
.nq-gap-item strong{font-size:.85em;color:#fff;}.nq-gap-item span{font-size:.73em;color:rgba(255,255,255,.7);}
.nq-cta-intro{margin:0 0 12px!important;color:rgba(255,255,255,.85)!important;font-size:.85em!important;line-height:1.6!important;}
.nq-cta-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.nq-cta-btns .nq-primary{background:#fff!important;color:var(--qa)!important;}
.nq-cta-btns .nq-ghost{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important;}

/* ── REVIEW ──────────────────────────────────────────────── */
.nq-review-toggle{text-align:center;margin-bottom:18px;}
.nq-review{display:flex;flex-direction:column;gap:13px;}
.nq-rv-item{border:1px solid #e8eaed;border-radius:11px;padding:16px;}
.nq-rv-ok{border-left:4px solid #2e7d5e;}.nq-rv-part{border-left:4px solid #f59e0b;}.nq-rv-miss{border-left:4px solid #c0392b;}
.nq-rv-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;}
.nq-rv-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#f4f6fa;border-radius:5px;font-size:.72em;font-weight:700;color:#555;flex-shrink:0;}
.nq-rv-type{font-size:.65em;color:#aaa;font-weight:600;white-space:nowrap;}
.nq-rv-mark{margin-left:auto;font-size:.75em;font-weight:700;white-space:nowrap;flex-shrink:0;}
.nq-rv-ok .nq-rv-mark{color:#2e7d5e;}.nq-rv-part .nq-rv-mark{color:#92400e;}.nq-rv-miss .nq-rv-mark{color:#c0392b;}
.nq-rv-q{margin:0 0 10px!important;font-weight:600!important;font-size:.85em!important;line-height:1.5!important;}
.nq-rv-opts{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;}
.nq-rv-opt{display:flex;align-items:flex-start;gap:8px;font-size:.79em;padding:5px 8px;border-radius:6px;color:#666;word-break:break-word;}
.nq-rv-ltr{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;background:#f0f0f0;border-radius:5px;font-size:.73em;font-weight:700;color:#555;flex-shrink:0;}
.rv-ok{background:#f0faf5;color:#2e7d5e;}.rv-ok .nq-rv-ltr{background:#2e7d5e;color:#fff;}
.rv-bad{background:#fff0f0;color:#c0392b;}.rv-bad .nq-rv-ltr{background:#c0392b;color:#fff;}
.nq-rv-pri{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;}
.nq-rv-pri-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:6px;font-size:.77em;background:#f8f9fb;gap:8px;flex-wrap:wrap;}
.nq-rv-pri-row.rv-ok{background:#f0faf5;color:#2e7d5e;}
.nq-rv-pri-row span:first-child,.nq-rv-pri-row span:last-child{font-weight:700;white-space:nowrap;font-size:.88em;flex-shrink:0;}
.nq-rv-pri-txt{flex:1;min-width:0;word-break:break-word;}
.nq-rv-exp{font-size:.79em;color:#555;line-height:1.65;padding:9px 12px;background:#fafafa;border-radius:7px;margin-top:4px;}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:600px){
	.nq-table-scroll-hint{display:block;}
	.nq-context-cards,.nq-track-grid{grid-template-columns:1fr;}
	.nq-cap-preview{flex-direction:column;align-items:center;text-align:center;}
	.nq-results-hero{flex-direction:column;align-items:center;text-align:center;}
	.nq-results-meta{text-align:center;}.nq-res-stats{justify-content:center;}
	.nq-form-row{grid-template-columns:1fr;}
	.nq-radar-wrap{flex-direction:column;align-items:flex-start;}
	.nq-cta-btns{flex-direction:column;}
	.nq-track-ready{flex-direction:column;align-items:flex-start;}
	.nq-continue-btns{flex-direction:column;}
	.nq-cert-header{flex-direction:column;align-items:flex-start;}
	.nq-cert-tiers{gap:7px;}
	.nq-tier{min-width:90px;padding:10px 12px;}
}
@media(max-width:420px){
	.nq-q-card{padding:18px 14px;}.nq-scenario{padding:13px 12px;}
	.nq-type-lbl{display:none;}.nq-diff-badge em{display:none;}
	.nq-badges{gap:4px;}
	.nq-opt-ltr{width:22px;height:22px;min-width:22px;font-size:.72em;}
	.nq-opt{padding:10px 11px!important;font-size:.84em;}
	.nq-pri-item{padding:10px 11px;}.nq-rank-cor{display:none;}
	.nq-ctx-card{padding:14px!important;}.nq-ctx-ul{display:none;}
	.nq-cert-section{padding:16px;}
}
@media(max-width:360px){
	.nq-h1{font-size:1.4em!important;}
	.nq-intro{padding:28px 12px 28px;}
	.nq-q-card{padding:14px 12px;}
	.nq-ring-lg{width:120px;height:120px;}
	.nq-tier-name{font-size:.78em;}
}

/* ── SAVE BAR — always visible in question footer ───────── */
.nq-save-bar{
	display:flex;align-items:center;justify-content:space-between;
	gap:12px;flex-wrap:wrap;
	margin-top:12px;
	padding:11px 16px;
	background:#f8f9fb;border:1px solid #e8eaed;border-radius:10px;
}
.nq-save-bar-meta{font-size:.76em;color:#aaa;font-weight:500;word-break:break-word;}
.nq-save-bar-btn{
	font-size:.82em!important;padding:8px 16px!important;
	border-color:#3a4fc4!important;color:#3a4fc4!important;
	flex-shrink:0;white-space:nowrap;
}
.nq-save-bar-btn:hover{background:#eef2ff!important;}
@media(max-width:420px){
	.nq-save-bar{flex-direction:column;align-items:flex-start;}
	.nq-save-bar-btn{width:100%!important;justify-content:center;}
}

/* ── DIRECTORY SECTION ───────────────────────────────────── */
.nq-dir-section{
	background:#fff;border:1.5px solid #e0e3e8;border-radius:13px;
	padding:24px;margin-bottom:24px;
}
.nq-dir-header{margin-bottom:18px;}
.nq-dir-header h2{margin:0 0 6px!important;font-size:1.05em!important;font-weight:700!important;}
.nq-dir-header p{margin:0!important;font-size:.84em!important;color:#666!important;line-height:1.6!important;word-break:break-word;}
.nq-dir-form .nq-form-row{margin-bottom:12px;}
.nq-dir-verify-row{
	display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;
}
.nq-dir-status{font-size:.8em;font-weight:600;}
.nq-dir-ok{color:#2e7d5e;}
.nq-dir-err{color:#c0392b;}
.nq-dir-note{
	margin:10px 0 0!important;font-size:.74em!important;color:#bbb!important;line-height:1.55!important;
}
.nq-dir-success{
	display:flex;align-items:flex-start;gap:14px;
	background:#f0faf5;border-radius:10px;padding:16px;
}
.nq-dir-ok-icon{font-size:1.4em;color:#2e7d5e;flex-shrink:0;margin-top:2px;}
.nq-dir-success strong{display:block;font-size:.92em;font-weight:700;color:#1a5c3a;margin-bottom:4px;}
.nq-dir-success p{margin:0!important;font-size:.83em!important;color:#2e7d5e!important;}
@media(max-width:500px){
	.nq-dir-verify-row{flex-direction:column;align-items:flex-start;}
	.nq-dir-section{padding:16px;}
}
/* LAYOUT PATCH v3.3.2 — fixes theme CSS conflicts */

/*
 * Card-buttons (ctx-card, track-btn) must stay as flex-column so their
 * internal icon/label/sub-text stack vertically. Using display:block would
 * flatten everything onto one line. display:flex + flex-direction:column
 * preserves the vertical layout AND fills the grid cell width.
 */
.nq-wrapper .nq-ctx-card {
	display:flex !important;
	flex-direction:row !important;
	align-items:flex-start !important;
	width:100% !important;
	box-sizing:border-box !important;
	text-align:left !important;
	float:none !important;
}
.nq-wrapper .nq-track-btn {
	display:flex !important;
	flex-direction:column !important;
	align-items:flex-start !important;
	gap:4px !important;
	text-align:left !important;
	float:none !important;
	position:relative !important;
	/* width controlled by grid cell / inline style - NOT forced here */
}

/* Context card grid — 2 columns, collapses to 1 below 500px */
.nq-context-cards {
	display:flex !important;
	flex-direction:column !important;
	gap:12px !important;
	width:100% !important;
	box-sizing:border-box !important;
}

/*
 * Track grid — always 2 columns max.
 * B2B has 3 track buttons (no Shopping), B2C has 4.
 * 2-col grid gives a clean 2-row layout for both cases.
 * auto-fit was making 3 items go 3-wide which was too narrow.
 */
.nq-track-grid {
	display:flex !important;
	flex-direction:row !important;
	flex-wrap:wrap !important;
	gap:12px !important;
	width:100% !important;
	box-sizing:border-box !important;
}

/* Wrapper itself should fill available width */
.nq-wrapper {
	width:100% !important;
	max-width:820px !important;
}

/* Options list — theme sometimes sets ul/ol inside button to weird things */
.nq-wrapper .nq-ctx-ul {
	display:block !important;
	list-style:disc !important;
	padding-left:16px !important;
	margin:0 !important;
}
.nq-wrapper .nq-ctx-ul li {
	display:list-item !important;
	font-size:.75em;
	color:#777;
	margin-bottom:2px;
}

/* Buttons row in track-ready / continue-btns — prevent theme flex collapse */
.nq-track-ready {
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
	flex-wrap:wrap !important;
}
.nq-continue-btns {
	display:flex !important;
	gap:9px !important;
	flex-wrap:wrap !important;
}

/* Save bar always two-column layout */
.nq-save-bar {
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:12px !important;
	flex-wrap:wrap !important;
}

/* Results hero flex */
.nq-results-hero {
	display:flex !important;
	align-items:flex-start !important;
	gap:20px !important;
	flex-wrap:wrap !important;
}

/* Cert actions — always row on wide, column on narrow */
.nq-cert-actions {
	display:flex !important;
	flex-direction:row !important;
	flex-wrap:wrap !important;
	gap:10px !important;
	align-items:center !important;
}
.nq-cert-actions .nq-btn {
	width:auto !important;
	flex:0 0 auto !important;
	margin-top:0 !important;
}
.nq-cert-meta {
	width:100%;
}

/* Responsive: below 560px collapse to single column */
@media(max-width:560px){
	.nq-context-cards { grid-template-columns:1fr !important; }
	.nq-track-grid    { grid-template-columns:1fr !important; }
	.nq-cert-actions  { flex-direction:column !important; }
	.nq-results-hero  { flex-direction:column !important; align-items:center !important; }
	.nq-cap-preview   { flex-direction:column !important; align-items:center !important; }
}