/* 綜合測驗：獨立於凍結基準的 css/app.css */
.navtabs{flex-wrap:wrap}
.examdots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.examdots button{width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);background:#fff;padding:0;font-size:0;box-shadow:0 3px 0 var(--ink)}
.examdots button.done{background:var(--green)}
.examdots button.current{outline:4px solid var(--yellow);outline-offset:2px}
.qcard .opt.picked:not(:disabled),.qcard .chip.picked:not(:disabled){background:var(--blue)}
.examnav{max-width:640px;margin:18px auto 0;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.examnav .btn{flex:1 1 120px}
.examsummary{max-width:640px;margin:22px auto 0;padding:14px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.examsummary b{display:block;font-size:1.5rem}
.examsummary b.small{font-size:.9rem;padding-top:.45rem}
.examsummary span{font-size:.85rem;opacity:.7}
.examhistory{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.examrow{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}
.examrow b{font-size:1.3rem;margin-right:12px}
.examtime{font-size:.85rem;opacity:.65}
.examunits{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 6px}
.examreview{max-width:640px;margin:22px auto 0}
.reviewitem{border:3px solid var(--ink);border-radius:16px;padding:12px 14px;margin-bottom:12px;background:#fff}
.reviewitem.ok{background:#d6f5dd}
.reviewitem.bad{background:#fff0d6}
.reviewitem.blank{background:#eceff4}
.reviewhead{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.reviewhead em{font-size:.85rem;opacity:.7;font-style:normal}
.reviewq{font-size:1.15rem;margin-bottom:4px;word-break:break-word}
.reviewmuted{opacity:.7}
.reviewexp summary{cursor:pointer;font-weight:700;margin-top:6px}
@media (max-width:575px){.examsummary{grid-template-columns:repeat(2,1fr)}}