/* Original Studens quiz layout, isolated from article, card and global form rules. */
.nq-dialog{--nq-accent:var(--subject-pale,#93c5fd);--nq-rgb:var(--subject-rgb,59,130,246);position:fixed;inset:0;width:min(600px,calc(100vw - 32px));max-width:600px;max-height:calc(100dvh - 48px);height:fit-content;margin:auto;padding:0;overflow:hidden;color:#cbd5e1;background:rgba(15,23,42,.98);border:1px solid rgba(var(--nq-rgb),.25);border-radius:24px;box-shadow:0 20px 60px #0008;font:400 14px/1.6 Inter,system-ui,sans-serif;text-align:left;box-sizing:border-box}
.nq-dialog::backdrop{background:rgba(3,3,8,.85);backdrop-filter:blur(8px)}
.nq-dialog[open]{display:flex;flex-direction:column}
.nq-dialog *{box-sizing:border-box}.nq-dialog [hidden]{display:none!important}
.nq-dialog h2,.nq-dialog h3,.nq-dialog p,.nq-dialog dl,.nq-dialog dd{margin:0}
.nq-dialog button,.nq-dialog input,.nq-dialog select,.nq-dialog textarea{font:inherit}
.nq-dialog button{cursor:pointer}.nq-dialog button:disabled{cursor:default;opacity:.6}
.nq-dialog :focus-visible{outline:2px solid var(--nq-accent);outline-offset:3px}
.nq-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 30px 18px;flex:none}
.nq-title{font:600 17px/1.4 Syne,Inter,sans-serif;color:#f1f5f9;overflow-wrap:anywhere;outline:none}
.nq-close{color:#94a3b8;background:none;border:0;font-size:28px!important;line-height:1;width:36px;height:36px;margin:-8px -8px 0 0;flex:none;border-radius:10px}
.nq-close:hover{color:#fff;background:rgba(var(--nq-rgb),.1)}
.nq-body{padding:0 30px 8px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#334155 transparent}
.nq-progress{display:flex;gap:4px;margin:0 30px 18px;flex:none}.nq-progress:empty{display:none}
.nq-dot{height:3px;flex:1;border-radius:2px;background:rgba(148,163,184,.15)}.nq-dot.done{background:var(--nq-accent)}.nq-dot.current{background:#60a5fa}
.nq-intro{font-size:14px;color:#94a3b8;margin-bottom:8px!important}.nq-muted,.nq-help{color:#94a3b8;font-size:13px}.nq-help{margin:8px 0 12px!important}
.nq-level-grid{display:grid;gap:14px;margin-top:16px}
.nq-level-card{display:block;width:100%;background:rgba(30,41,59,.4);border:1px solid rgba(59,130,246,.15);border-radius:16px;padding:18px 20px;color:#cbd5e1;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s;min-width:0}
.nq-level-card:hover{background:rgba(30,41,59,.7);border-color:rgba(var(--nq-rgb),.5);box-shadow:0 4px 16px rgba(var(--nq-rgb),.12)}
.nq-level-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-bottom:6px}
.nq-level-name{display:block;font:600 16px/1.4 Syne,Inter,sans-serif;color:var(--nq-accent);overflow-wrap:anywhere}.nq-level-name.basique{color:var(--nq-accent)}.nq-level-name.intermediaire{color:#60a5fa}.nq-level-name.avance{color:#fbbf24}
.nq-level-card.intermediaire:hover{border-color:#3b82f666}.nq-level-card.avance:hover{border-color:#f59e0b66}
.nq-level-meta{font-size:11px;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}.nq-level-desc{display:block;font-size:13px;font-weight:300;line-height:1.6;color:#94a3b8}.nq-chapter .nq-level-desc{margin-top:6px}
.nq-shuffle{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(var(--nq-rgb),.06);border:1px solid rgba(var(--nq-rgb),.2);border-radius:14px;margin:16px 0 4px;cursor:pointer}.nq-shuffle input{accent-color:var(--nq-accent);width:18px;height:18px;flex:none;margin:3px 0}.nq-shuffle strong{display:block;color:#f1f5f9;font:500 14px/1.5 Syne,Inter,sans-serif}.nq-shuffle .nq-level-desc{font-size:11px;margin-top:4px}
.nq-question-num{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}.nq-question{font:500 17px/1.5 Syne,Inter,sans-serif;color:#f1f5f9;margin:0 0 20px!important;overflow-wrap:anywhere}.nq-scenario{padding:14px;margin-bottom:16px;border:1px solid #3b82f633;border-radius:12px;background:#3b82f60d;font-size:13px;line-height:1.65}
.nq-option{display:block;width:100%;padding:14px 18px;margin-bottom:10px;background:rgba(30,41,59,.4);border:1px solid rgba(59,130,246,.15);border-radius:12px;color:#cbd5e1;font-size:14px!important;font-weight:300;text-align:left;line-height:1.6;transition:background .2s,border-color .2s;overflow-wrap:anywhere}
.nq-option:hover:not(:disabled),.nq-option[aria-pressed=true]{background:rgba(59,130,246,.1);border-color:#3b82f680;color:#f1f5f9}.nq-option.correct{background:rgba(var(--nq-rgb),.13);border-color:rgba(var(--nq-rgb),.55);color:var(--nq-accent);opacity:1!important}.nq-option.wrong{background:#ef44441f;border-color:#ef444480;color:#fca5a5;opacity:1!important}
.nq-explanation{background:#3b82f60f;border:1px solid #3b82f633;border-radius:12px;padding:14px 18px;margin-top:16px;color:#b5c2d6;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.nq-verdict{display:block;font-weight:500;margin-bottom:6px!important}.nq-verdict.ok{color:var(--nq-accent)}.nq-verdict.ko{color:#fca5a5}.nq-correct-answer{color:#e2e8f0;margin:8px 0!important;white-space:pre-line}
.nq-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:20px 30px 28px;flex:none}.nq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 18px;border-radius:999px;background:#3b82f61f;border:1px solid #3b82f64d;color:#93c5fd;font-size:13px!important;text-align:center;line-height:1.4;transition:background .2s,box-shadow .2s}.nq-btn:hover{background:#3b82f633;border-color:#3b82f680;box-shadow:0 4px 16px #3b82f633}.nq-btn-secondary{margin-right:auto;background:transparent;color:#94a3b8}
.nq-answer-input,.nq-select{display:block;width:100%;min-width:0;padding:12px;border:1px solid #3b82f64d;border-radius:10px;background:#080f1f;color:#e2e8f0;font-size:16px!important}.nq-answer-input{resize:vertical}.nq-select-row{display:block;margin:12px 0}.nq-select-row>span{display:block;font-size:13px;margin-bottom:5px}.nq-select{white-space:normal}
.nq-result{text-align:center;padding:8px 0;line-height:1.65}.nq-result-score{font:700 48px/1 Syne,Inter,sans-serif;color:var(--nq-accent);margin-bottom:12px}.nq-result-score span{font-size:24px;font-weight:300;color:#64748b}.nq-result-score.low{color:#fca5a5}.nq-result>p:last-child{margin-top:18px}.nq-result-status{display:inline-block;padding:8px 16px;margin-top:16px;border-radius:999px;font:700 13px/1.4 Syne,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nq-result-status.pass{border:1px solid rgba(var(--nq-rgb),.4);background:rgba(var(--nq-rgb),.12);color:var(--nq-accent)}.nq-result-status.fail{background:#ef44441f;border:1px solid #ef444466;color:#fca5a5}.nq-bar{height:6px;background:#94a3b826;border-radius:3px;overflow:hidden;margin-top:18px}.nq-bar span{height:100%;display:block;background:var(--nq-accent)}.nq-bar span.fail{background:#ef4444}.nq-threshold{text-align:right;color:#94a3b8;font-size:11px;margin-top:5px}
.nq-reviews{margin-top:20px}.nq-review{border:1px solid #3b82f633;border-radius:12px;padding:12px 14px;margin-top:12px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.nq-review summary{cursor:pointer;color:#e2e8f0}.nq-review[open] summary{margin-bottom:12px}.nq-review dt{font-weight:600;color:var(--nq-accent);margin-top:10px}.nq-review dd{color:#b5c2d6}
@media(max-width:600px){.nq-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:20px}.nq-header{padding:20px 20px 14px}.nq-body{padding:0 20px 6px}.nq-progress{margin:0 20px 16px}.nq-actions{padding:16px 20px 20px}.nq-level-card{padding:16px}.nq-actions .nq-btn{flex:1 1 140px;margin-right:0}.nq-title{font-size:16px}.nq-shuffle{padding:12px}.nq-question{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nq-dialog *{transition:none!important}}

/* Match the original pill switch without changing the native checkbox semantics. */
.nq-shuffle input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:20px;border-radius:999px;border:1px solid #475569;background:#334155;cursor:pointer;transition:background .15s}
.nq-shuffle input::before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#f1f5f9;transition:transform .15s}
.nq-shuffle input:checked{background:rgba(var(--nq-rgb),.85);border-color:rgba(var(--nq-rgb),.9)}
.nq-shuffle input:checked::before{transform:translateX(16px)}
@media(prefers-reduced-motion:reduce){.nq-shuffle input::before{transition:none}}

/* Keep the result and corrections visible before continuing to the subject offer. */
.nq-offer{margin-top:20px;padding:18px;border:1px solid rgba(var(--nq-rgb),.3);border-radius:16px;background:rgba(var(--nq-rgb),.06);text-align:center}
.nq-offer h3{font:600 18px/1.4 Syne,Inter,sans-serif;color:#f1f5f9;margin-bottom:8px}
.nq-offer-link{width:100%;margin-top:14px;text-decoration:none;color:var(--nq-accent);border-color:rgba(var(--nq-rgb),.45);background:rgba(var(--nq-rgb),.12);white-space:normal;overflow-wrap:anywhere}
.nq-offer-link:hover{background:rgba(var(--nq-rgb),.2);box-shadow:0 0 22px rgba(var(--nq-rgb),.25)}
.nq-offer-note{font-size:11px;color:#94a3b8;margin-top:10px!important}

/* Soften the boundary with the fixed actions; fully visible at the scroll edge. */
.nq-body[data-scroll-fade="bottom"]{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%)}
.nq-body[data-scroll-fade="top"]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 100%)}
.nq-body[data-scroll-fade="both"]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}
