.crumbs{font-size:14px;color:var(--muted);margin-bottom:12px}.crumbs a{color:var(--muted)}
.quiz{max-width:720px}.quiz-card{margin-bottom:16px}
.quiz-progress{margin-bottom:14px}.quiz-bar{height:6px;background:var(--surface);border-radius:999px;overflow:hidden}.quiz-bar i{display:block;height:100%;width:0;background:var(--violet);border-radius:999px;transition:width .25s}
.quiz-progress p{margin:6px 0 0;font-size:14px}
.quiz-fs{border:0;margin:0;padding:0;min-width:0}.quiz-fs legend{font:700 21px/1.3 var(--display);padding:0;margin-bottom:6px;color:var(--ink)}.quiz-fs legend:focus{outline:0}
.quiz-options{display:grid;gap:10px;margin-top:12px}
.quiz-opt{position:relative;display:block;margin:0;font-weight:500}
.quiz-opt input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;left:0;top:0}
.quiz-opt span{display:block;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .15s,background .15s}
.quiz-opt:hover span{border-color:#9db4f0}
.quiz-opt input:checked+span{border-color:var(--violet);background:var(--violet-s)}
.quiz-opt input:focus-visible+span{outline:3px solid var(--violet);outline-offset:2px}
.quiz-nav{margin-top:18px;justify-content:space-between}.quiz-nav .btn[disabled]{opacity:.5;cursor:not-allowed}
.quiz-level{display:inline-block;font:800 24px/1.2 var(--display);padding:8px 18px;border-radius:999px;margin:6px 0 12px}
.quiz-level.ok{background:var(--ok-s);color:#0a5a3e}.quiz-level.warn{background:var(--warn-s);color:#6b4d00}.quiz-level.bad{background:var(--bad-s);color:#8f2621}
.quiz-note{background:var(--surface);border-radius:var(--r-s);padding:12px 14px;font-size:14px;margin-top:14px}
#quiz-result:focus{outline:0}
@media(max-width:520px){.quiz-card{padding:16px}.quiz-fs legend{font-size:19px}.quiz-nav .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.quiz-bar i{transition:none}}