.quiz .lead{font-size:18px;color:#4a5568}
.quiz .note{font-size:14px;color:#5b6475}
.quiz h2{margin:0;color:var(--navy)}
.quiz-card{display:grid;gap:14px;margin:18px 0}
.quiz-progress{display:grid;gap:6px;font-size:13px;color:#5b6475}
.quiz-progress .bar{height:8px;border-radius:999px;background:#e6f4f3;overflow:hidden}
.quiz-progress .bar i{display:block;height:100%;width:0;background:var(--cyan);transition:width .25s}
.quiz-options{display:grid;gap:10px}
.quiz-options button{font:inherit;text-align:left;border:1px solid #d8e2e5;border-radius:14px;padding:13px 16px;background:white;color:var(--ink);cursor:pointer}
.quiz-options button:hover,.quiz-options button:focus-visible{border-color:var(--cyan);background:#f4fbfb;outline:none}
.quiz .linkbtn{background:none;border:0;padding:0;font:inherit;color:#0c7778;text-decoration:underline;cursor:pointer;justify-self:start}
.quiz [hidden]{display:none!important}
.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.quiz .sim-list{display:grid;gap:10px;margin-top:12px}
.quiz .sim-item{display:grid;gap:4px;border:1px solid #d6ecec;border-radius:16px;padding:12px 16px;background:white}
.quiz .sim-item .name{font-weight:700;color:var(--navy)}
.quiz .sim-item .bonus{color:#0c7778;font-weight:700}
.quiz .sim-item .meta{font-size:13px;color:#5b6475}
.quiz .sim-item a{color:#0c7778;font-weight:700}
.quiz .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#cbd5e1}
.quiz .dot.facile{background:#16a34a}.quiz .dot.media{background:#f59e0b}.quiz .dot.difficile{background:#dc2626}