.mq-qpalette{margin:14px 0 18px;padding:14px;border:1px solid #d7e5ee;border-radius:18px;background:#fbfdff;box-shadow:0 6px 18px rgba(23,54,88,.05)}
.mq-qpalette-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.mq-qpalette-head strong{font-size:15px;color:#173658}
.mq-qpalette-head span{font-size:12px;color:#5f768a}
.mq-qpalette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:10px}
.mq-qpalette-btn{appearance:none;border:2px solid #a9bfd1;background:#fff;color:#14334e;border-radius:16px;min-height:54px;padding:8px 6px;font-weight:800;font-size:20px;line-height:1;cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;box-shadow:0 1px 0 rgba(14,28,42,.02)}
.mq-qpalette-btn:hover{border-color:#4a82a8;background:#f7fbff}
.mq-qpalette-btn:focus-visible{outline:3px solid #18a1c3;outline-offset:2px}
.mq-qpalette-btn.current{background:#3b4b86;color:#fff;border-color:#3b4b86;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.mq-qpalette-btn.answered:not(.current){background:#ecf8fb;border-color:#1b8ea5;color:#135b70}
.mq-qpalette-btn.unanswered:not(.current){background:#fff;color:#16354e}
.mq-qpalette-btn.correct{background:#edf9f2;border-color:#249064;color:#176548}
.mq-qpalette-btn.incorrect{background:#fff1ef;border-color:#d36b6b;color:#8b3f3f}
.mq-qpalette-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#60778a}
.mq-qpalette-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-1px;margin-left:5px;border:1px solid #bdd0dd;background:#fff}
.mq-qpalette-legend .c-current i{background:#3b4b86;border-color:#3b4b86}
.mq-qpalette-legend .c-answered i{background:#ecf8fb;border-color:#1b8ea5}
.mq-qpalette-legend .c-correct i{background:#edf9f2;border-color:#249064}
.mq-qpalette-legend .c-incorrect i{background:#fff1ef;border-color:#d36b6b}
@media (max-width:560px){.mq-qpalette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mq-qpalette-btn{min-height:50px;font-size:18px;border-radius:14px}.mq-qpalette{padding:12px}}