#content.mq-page{--mq-ink:#152433;--mq-muted:#4b6477;--mq-line:#cfdee7;--mq-accent:#08796f;--mq-tint:#edf6f4;color:var(--mq-ink)}
.mq-page [hidden]{display:none!important}
.mq-page :is(button,a,input,select,summary):focus-visible{outline:3px solid #08796f;outline-offset:3px}
.mq-page :is(h3,[id^="mq-"]){scroll-margin-top:5rem}
.mq-page :is(p,ul,ol,dl){margin:0 0 .85rem}
.mq-page :is(h2,h3,h4){margin:0 0 .7rem;line-height:1.4;font-weight:700;color:var(--mq-ink)}
.mq-page h2{font-size:clamp(1.25rem,2.4vw,1.6rem)}
.mq-nav,.mq-actions,.mq-checks,.mq-keypad,.mq-game-meta{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.mq-nav{margin:1rem 0 0}
.mq-page :is(.mq-nav a,button){box-sizing:border-box;min-height:44px;padding:.55rem .85rem;border:1px solid var(--mq-line);border-radius:.55rem;background:#fff;color:#294358;font:inherit;font-weight:700;line-height:1.35;letter-spacing:normal;text-transform:none;text-decoration:none;box-shadow:none;white-space:normal;display:inline-flex;align-items:center;justify-content:center}
.mq-page :is(.mq-nav a,button):hover{border-color:var(--mq-accent);background:var(--mq-tint)}
.mq-page button:disabled{opacity:.65;cursor:default}
.mq-page .mq-primary{background:var(--mq-accent);border-color:var(--mq-accent);color:#fff}
.mq-page .mq-primary:hover{background:#09645d}
.mq-page .mq-text-button{margin-top:.8rem;border-color:transparent;text-decoration:underline;text-underline-offset:.2em}
.mq-page .mq-panel{padding:clamp(.85rem,2.8vw,1.65rem);margin:1.25rem 0;border:1px solid var(--mq-line);border-radius:.9rem;background:#fff}
.mq-page fieldset{border:0;margin:0 0 .85rem;padding:0;min-width:0}
.mq-page legend{font-weight:700;margin-bottom:.45rem}
.mq-modes,.mq-options,.mq-settings,.mq-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.mq-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
.mq-page label{display:block;margin:0;font-weight:650}
.mq-modes label{position:relative}
.mq-modes input[type=radio]{position:absolute;inset:0 auto auto 0;width:1px;min-width:0;height:1px;opacity:0}
.mq-modes span{display:flex;min-height:44px;height:100%;align-items:center;justify-content:center;text-align:center;padding:.55rem .35rem;border:1px solid var(--mq-line);border-radius:.55rem;font-size:.92rem;line-height:1.3;cursor:pointer}
.mq-modes input:checked + span{border-color:var(--mq-accent);background:var(--mq-tint);color:#095d56;box-shadow:inset 0 0 0 1px var(--mq-accent)}
.mq-modes input:focus-visible + span{outline:3px solid var(--mq-accent);outline-offset:2px}
.mq-page :is(select,input[type="text"]){margin:.2rem 0 0;min-height:44px;height:auto;font:inherit;padding:.42rem .62rem;border:1px solid var(--mq-line);border-radius:.45rem;background:#fff;color:var(--mq-ink);width:100%}
.mq-page select{appearance:auto}
.mq-settings,.mq-settings-checks{margin:.75rem 0}
.mq-checks label{display:flex;align-items:center;gap:.42rem;min-height:44px;padding:0 .42rem}
.mq-checks input[type=checkbox]{appearance:auto;opacity:1;position:static;margin:0;width:1rem;height:1rem;accent-color:var(--mq-accent)}
.mq-message{color:var(--mq-muted);font-size:.93em;margin:.45rem 0}
.mq-message:empty{display:none}
.mq-game-meta{justify-content:space-between;font-weight:700;font-variant-numeric:tabular-nums}
.mq-page progress{width:100%;accent-color:var(--mq-accent);height:.7rem}
.mq-question-box,.mq-feedback,.mq-review-row{padding:.9rem 1rem;margin:.75rem 0;border:1px solid var(--mq-line);border-radius:.65rem}
.mq-question-box{background:var(--mq-tint)}
.mq-question-box h3{font-size:clamp(1.15rem,3vw,1.55rem);margin:0;white-space:pre-line;overflow-wrap:anywhere}
.mq-kicker{color:#176760;font-size:.9em;font-weight:700}
.mq-options{margin-bottom:.75rem}
.mq-page .mq-options button{justify-content:flex-start;gap:.55rem;overflow-wrap:anywhere}
.mq-option-number{color:var(--mq-muted);font-size:.85em}
.mq-page .mq-options button[aria-pressed=true]{background:var(--mq-tint);border-color:var(--mq-accent);box-shadow:inset 0 0 0 1px var(--mq-accent)}
.mq-page .mq-options button.mq-option-correct{background:#e8f5ed;border-color:#168348;opacity:1}
.mq-page .mq-options button.mq-option-wrong{background:#fff2f0;border-color:#a63736;opacity:1;box-shadow:none}
.mq-hint{background:#f4f7fa;padding:.65rem .85rem;border-left:3px solid var(--mq-accent)}
.mq-feedback[data-state=correct]{border-left:4px solid #17814a}
.mq-feedback[data-state=wrong]{border-left:4px solid #a63736}
.mq-keypad{margin:.45rem 0 .75rem}
.mq-keypad button{width:auto;min-width:44px}
#mq-figure{margin-top:.6rem;max-width:320px}
#mq-figure svg{display:block;width:min(100%,200px);fill:#cdece4;stroke:#0a756a;stroke-width:2.4}
.mq-bar-row{display:grid;grid-template-columns:3.2rem minmax(0,1fr) 2.8rem;gap:.55rem;align-items:center;font-variant-numeric:tabular-nums}
.mq-bar-track,.mq-bar{display:block;height:.72rem;border-radius:.25rem;background:#e1e9ef}
.mq-bar{background:#a44340}.mq-bar-1{background:#236d99}.mq-bar-2{background:#197c62}
.mq-stats>div{border:1px solid var(--mq-line);border-radius:.55rem;padding:.55rem .75rem;background:#f8fafb}
.mq-stats dt{font-size:.85rem;color:var(--mq-muted)}
.mq-stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.mq-page details{margin:.65rem 0;border-bottom:1px solid var(--mq-line);padding:0 0 .55rem}
.mq-page summary{font-weight:700;cursor:pointer;padding:.35rem 0}
.mq-page details p{margin:.4rem 0 .55rem}
.mq-chart{margin-bottom:.8rem}
#mq-breakdown .mq-bar-row{grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) 2.8rem}
.mq-filter{max-width:22rem;margin-bottom:.7rem!important}
.mq-table{overflow-x:auto}
.mq-table table{width:100%;border-collapse:collapse}
.mq-table :is(th,td){padding:.42rem .55rem;text-align:left;border-bottom:1px solid var(--mq-line)}
.mq-table .mq-product-wrong{background:#fff2f0;color:#8c2927;font-weight:750;text-decoration:underline}
.mq-review-row{overflow-wrap:anywhere}
.mq-page #mq-result-status textarea{display:block;width:100%;min-height:5rem;margin-top:.45rem}
@media(max-width:600px){.mq-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-actions>*{flex-grow:1}.mq-page .mq-panel{margin:1rem 0}.mq-page .mq-game-meta{font-size:.85rem}}
@media(max-width:340px){.mq-options,.mq-settings{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mq-page *, .mq-page *::before{transition:none!important}}