/* Only the archived N4 quiz opts in to these controls. */
#main-container:has(.n4l-quiz){overflow-x:clip;overflow-y:visible}
.n4l-quiz [hidden]{display:none!important}
.n4l-quiz .n4l-quick-tools{position:sticky;top:60px;z-index:20;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 3px 5px #00000008}
.n4l-quiz .n4l-progress-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;font:13px/1.5 Arial,"Noto Sans",sans-serif}
.n4l-quiz .n4l-progress-count{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.n4l-quiz progress{width:140px;height:6px;appearance:none;border:0;border-radius:4px;background:#e0eae6;overflow:hidden}
.n4l-quiz progress::-webkit-progress-bar{background:#e0eae6}
.n4l-quiz progress::-webkit-progress-value{background:#187663}
.n4l-quiz progress::-moz-progress-bar{background:#187663}
.n4l-quiz .n4l-quick-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.n4l-quiz .n4l-quick-actions button{font-size:12px;padding:6px 10px;min-height:36px;border:1px solid #cbd8db;border-radius:2px;background:#fff;color:#173447;font-weight:600}
.n4l-quiz .n4l-quick-actions button:hover{background:#f0f6f3;border-color:#7fb1a7}
.n4l-quiz .n4l-quick-actions #n4l-submit{background:#d9534f;border-color:#d43f3a;color:#fff}
.n4l-quiz .n4l-quick-actions #n4l-submit:hover{background:#c9302c;border-color:#ac2925}
.n4l-quiz button:disabled{opacity:.5;cursor:default}
.n4l-quiz button:focus-visible{outline:3px solid #ed9f16;outline-offset:2px}
.n4l-quiz .n4l-question-jump{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cdd8d5;box-shadow:0 8px 20px #0002;padding:12px;max-height:min(55vh,340px);overflow-y:auto}
.n4l-quiz .n4l-question-jump p{font:12px/1.6 Arial,"Noto Sans",sans-serif;color:#5b6f7c;margin:0 0 9px}
.n4l-quiz .n4l-question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:6px}
.n4l-quiz .n4l-jump-button{display:flex;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:4px;background:#fff;border:1px solid #c8d2d5;border-radius:3px;color:#173447;font:13px/1.5 Arial,"Noto Sans",sans-serif}
.n4l-quiz .n4l-jump-button.is-answered{background:#edf3fb;border-color:#709acd}
.n4l-quiz .n4l-jump-button.is-correct{background:#ecf7f0;border-color:#72b995;color:#176a49}
.n4l-quiz .n4l-jump-button.is-wrong{background:#fff0ed;border-color:#da9f8c;color:#943820}
.n4l-quiz .n4l-question{scroll-margin-top:150px}
@media(max-width:700px){
 .n4l-quiz .n4l-progress-strip{flex-wrap:wrap;gap:6px;padding:7px 0}
 .n4l-quiz .n4l-progress-count{width:100%;gap:9px;justify-content:space-between}
 .n4l-quiz progress{flex:1;max-width:150px}
 .n4l-quiz .n4l-quick-actions{width:100%}
 .n4l-quiz .n4l-quick-actions button{flex:1;min-height:40px;padding:5px 6px}
 .n4l-quiz .n4l-question{scroll-margin-top:165px}
}