@import url('./activity.css?v=6eaf5be39fea');
@import url('./library.css?v=6eaf5be39fea');
@import url('./ox-activity.css?v=6eaf5be39fea');
@import url('./select.css?v=6eaf5be39fea');
/* Quiz interaction surfaces consume the existing brand; independent 2D art is decorative. */
[data-quiz-app],.mq-editor[data-ml-theme=quiz],.mq-editor-dialog{--ml-quiz:#6258d6;--ml-brand:var(--ml-quiz);--ml-brand-text:#5147b8;--ml-tint:#f0efff}
.mq-icon{display:inline-block;flex:none;width:20px;height:20px;overflow:visible;vertical-align:middle}
.mq-icon-link{font:var(--ml-type-control);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#505b70;text-decoration:none;overflow-wrap:anywhere;transition:background-color .16s ease,border-color .16s ease,transform .12s ease}
.mq-icon-link>.mq-icon{width:20px;height:20px}
.mq-icon-link>span{min-width:0}
.mq-icon-link:hover{background:#f0f3f8;border-color:transparent}
.mq-icon-link:active{background:#e7edf5;transform:translateY(1px)}
.mq-icon-link:focus-visible{outline:3px solid var(--ml-brand-text);outline-offset:3px}
.mq-question-type-indicator{display:inline-flex;align-items:center;gap:8px}
.mq-question-type-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px}
.mq-question-type-icon>.mq-icon{width:100%;height:100%}
.mq-question-type-icon-choice{color:#247653}
.mq-question-type-icon-short{color:#276598}
.mq-question-type-icon-essay{color:#b53e76}
.mq-question-type-icon-pairs{color:#976217}
.mq-question-type-icon-order{color:#16847c}
.mq-icon-ox{display:inline-flex;align-items:center;justify-content:center;gap:1px;font-size:15px;font-weight:700;line-height:1}
.mq-icon-ox>span:first-child{color:#2375cf}
.mq-icon-ox>span:last-child{color:#c63643}
.quiz-participant .platform-layout{display:block;min-height:calc(100dvh - 64px)}
.quiz-participant .platform-header>.quiz-workspace-tools{display:flex;margin-left:auto}
.quiz-participant .quiz-participant-footer{padding:20px 24px;background:#fff;color:var(--ml-muted);border-top:1px solid #e7e5ef}
.quiz-participant-footer .footer-links{justify-content:center}
.mq-page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.mq-page-title h1{font:var(--ml-type-page);margin:0;overflow-wrap:anywhere}
.mq-page-title a:not(.mq-button),.mq-play-heading a{color:var(--ml-brand-text);text-underline-offset:4px;font-size:14px}
.mq-button{font:var(--ml-type-control);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 16px;border:1px solid transparent;border-radius:14px;background:var(--ml-brand);color:var(--ml-on-brand);text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,filter .16s ease,transform .12s ease}
.mq-button.secondary{background:var(--ml-white);border-color:#dcd8e5;color:var(--ml-ink)}
.mq-button:hover:not(:disabled){filter:brightness(.96)}
.mq-button.secondary:hover:not(:disabled){background:#f6f5fc;border-color:#cfc9e1;filter:none}
.mq-button:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}
.mq-button>.mq-icon{width:20px;height:20px}
.mq-button>span{min-width:0}
.mq-button:disabled{opacity:.5;cursor:default}
.mq-button:focus-visible,.mq-order-button:focus-visible,.mq-card-link:focus-visible,.mq-grade-attempt>summary:focus-visible{outline:3px solid var(--ml-brand-text);outline-offset:3px}
.mq-device-note,.mq-answer-note{color:var(--ml-muted);font-size:14px;line-height:1.6;margin:12px 0 20px}
.mq-device-note{padding:12px 16px;border:1px solid #e8e3f0;border-radius:8px;background:var(--ml-tint)}
.mq-search{display:flex;gap:12px;margin-bottom:24px}
.mq-search input{flex:1;min-width:0;min-height:48px;padding:12px 16px;border:1px solid #d7d3de;border-radius:8px;background:#fff;font:400 16px/1.5 var(--ml-font)}
.mq-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:16px}
.mq-filters label{display:grid;gap:8px;font-size:14px;font-weight:600}
.mq-filters select{width:100%;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #d7d3de;border-radius:8px;background:#fff;color:var(--ml-ink);font:400 16px/1.5 var(--ml-font)}
.mq-filters select:disabled{background:#f5f3f7;color:#706879}
.mq-active-filters{display:flex;align-items:flex-start;gap:16px;margin:0 0 16px}
.mq-active-filters[hidden]{display:none}
.mq-active-filters>div{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.mq-active-filters button{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #d7d3de;border-radius:8px;background:#f7f5fa;color:var(--ml-ink);font:500 14px/1.4 var(--ml-font);cursor:pointer}
.mq-active-filters button span{overflow-wrap:anywhere;text-align:left}
.mq-active-filters button svg{flex:none}
.mq-active-filters button>.mq-icon{width:16px;height:16px}
.mq-active-filters>[data-reset-filters]{flex:none;margin-left:auto;background:#fff}
.mq-active-filters button:hover{background:#eee9f5}
.mq-active-filters button:focus-visible{outline:3px solid var(--ml-brand-text);outline-offset:2px}
.mq-search input::placeholder{color:#706879}
.mq-library-status{font-size:14px;font-weight:500;line-height:1.4;color:var(--ml-muted);min-height:24px;margin-bottom:16px}
.mq-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mq-quiz-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e2e6ee;border-radius:14px;overflow:hidden;background:#fff}
.mq-card-link{display:block;flex:1;min-width:0;color:var(--ml-ink);text-decoration:none}
.mq-card-cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:#f4f6fa}
.mq-card-cover>img{width:144px;height:112px;max-width:65%;object-fit:contain}
.mq-card-cover>span{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:#fff;font-size:13px}
.mq-card-cover>span>.mq-icon{width:14px;height:14px}
.mq-card-copy{padding:16px 16px 20px}
.mq-card-copy h2{font:var(--ml-type-card);margin:8px 0;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mq-card-copy p{margin:0;font-size:14px;line-height:1.6;color:var(--ml-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mq-card-copy .mq-card-meta{font-size:13px;font-weight:500;line-height:1.4;color:#5a667b}
.mq-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding:12px 16px;border-top:1px solid #eeeaf2}
.mq-card-actions a{font-size:14px;font-weight:500;line-height:1.4;color:var(--ml-brand-text);text-underline-offset:3px;min-height:44px;display:flex;align-items:center}
.mq-status-pill{margin-right:auto;font-size:12px;font-weight:500;line-height:1.4;padding:4px 8px;background:#f2f2f2;color:#626262;border-radius:4px}
.mq-status-pill.published{background:var(--ml-tint);color:var(--ml-brand-text)}
.mq-state{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:32px 16px;box-sizing:border-box}
.mq-state h2{margin:0;font:500 20px/1.4 var(--ml-font)}
.mq-state p{margin:0 0 12px;max-width:420px;font-size:15px;line-height:1.6;color:var(--ml-muted)}
.mq-alert{margin:16px 0;padding:12px 16px;border:1px solid #e4b7b7;border-radius:8px;color:#843333;background:#fff4f4;font-size:14px;line-height:1.6}
.mq-answer-validation{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto 12px;padding:8px 14px 8px 10px;border:1px solid #efbecd;border-radius:24px;background:#fff0f5;color:#86364d;font-size:14px;line-height:1.5;text-align:left}
.mq-answer-validation img{display:block;flex:none;width:32px;height:32px;object-fit:contain}
.mq-answer-validation span{min-width:0;overflow-wrap:anywhere}
.mq-play-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:14px}
.mq-play-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;max-width:1120px;margin:0 auto}
.mq-play-shell-summary{max-width:820px;margin-inline:auto}
.mq-play-layout-summary{grid-template-columns:minmax(0,1fr)}
.mq-trail{min-width:0;background:#fff;border:1px solid #e2e6ee;border-radius:14px;padding:20px}
.mq-trail-title{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.mq-trail-title h2{font:700 16px/1.4 var(--ml-font);margin:0}
.mq-trail ol{list-style:none;margin:0;padding:0;display:grid;gap:16px;max-height:50dvh;overflow:auto}
.mq-trail li{display:flex;align-items:center;gap:12px;color:#756c83;font-size:14px}
.mq-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #cec4dd;background:#fff;color:#756c83;flex:none}
.mq-trail li.current{color:var(--ml-brand-text);font-weight:700}
.mq-trail li.current .mq-step-number{background:var(--ml-brand);color:#fff;border-color:var(--ml-brand)}
.mq-trail li.answered .mq-step-number{background:#eaf7ef;border-color:#c0dfcc;color:#207650}
.mq-step-number>.mq-icon{width:16px;height:16px}
.mq-play-card{padding:32px;border:1px solid #dfdbe7;border-radius:16px;background:#fff;min-height:520px;box-sizing:border-box}
.mq-play-card>h1,.mq-play-card>[data-session-waiting]>h1{font:700 24px/1.4 var(--ml-font);margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}
/* Intro title and completion emphasis are branded; record/modal headings are UI. */
.mq-play-card>h1,.mq-play-card>[data-session-waiting]>h1,.mq-play-card .mq-result-heading h1{font-family:var(--ml-font-heading,var(--ml-font))}
.mq-play-intro-art{display:block;margin:0 auto 24px}
.mq-question-meta{font-size:14px;color:var(--ml-brand-text);margin:0 0 12px;font-weight:600}
.mq-answer-options{border:0;padding:0;margin:0 0 24px;display:grid;gap:12px}
.mq-answer-option{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border:1px solid #d9d4e1;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:1.6;cursor:pointer}
.mq-answer-option:has(input:checked){border-color:var(--ml-brand);background:var(--ml-tint)}
.mq-answer-option input{width:20px;height:20px;flex:none;accent-color:var(--ml-brand)}
.mq-written-answer{display:grid;gap:12px;font-size:15px;font-weight:600;margin-bottom:24px}
.mq-written-answer input,.mq-written-answer textarea,.mq-pair-answers select,.mq-grade-fields input,.mq-grade-fields textarea{width:100%;min-height:48px;box-sizing:border-box;padding:12px;border:1px solid #d9d4e1;border-radius:8px;background:#fff;color:var(--ml-ink);font:400 16px/1.6 var(--ml-font)}
.mq-written-answer textarea,.mq-grade-fields textarea{resize:vertical}
.mq-written-answer :focus-visible,.mq-pair-answers select:focus-visible,.mq-filters select:focus-visible,.mq-search input:focus-visible,.mq-grade-fields :focus-visible{outline:3px solid var(--ml-brand-text);outline-offset:2px}
.mq-pair-answers{display:grid;gap:16px;margin-bottom:24px}
.mq-pair-answers label{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;font-size:16px;line-height:1.5}
.mq-order-answers{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.mq-order-answers li{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 16px;border:1px solid #d9d4e1;border-radius:8px;font-size:16px;line-height:1.5}
.mq-order-answers li>div{display:flex;flex:none;gap:8px}
.mq-order-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9d4e1;border-radius:8px;background:#fff;color:var(--ml-brand-text);font-size:20px;cursor:pointer}
.mq-hint{margin-bottom:24px;font-size:14px;color:var(--ml-muted)}
.mq-hint summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid #e4e3f1;border-radius:14px;background:#f6f5ff;color:var(--ml-brand-text);font-weight:700;line-height:1.5;list-style:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .12s ease}
.mq-hint summary::-webkit-details-marker{display:none}
.mq-hint summary:hover{background:#eeecff;border-color:#d4cff5}
.mq-hint summary:active{background:#e7e3ff;transform:translateY(1px)}
.mq-hint summary:focus-visible{outline:3px solid var(--ml-brand-text);outline-offset:3px}
.mq-hint-icon,.mq-hint-caret{display:flex;align-items:center;justify-content:center;flex:none}
.mq-hint-icon>.mq-icon{width:20px;height:20px}
.mq-hint-caret>.mq-icon{width:16px;height:16px}
.mq-hint-caret{transition:transform .16s ease}
.mq-hint[open] .mq-hint-caret{transform:rotate(180deg)}
.mq-hint-content{padding-top:12px}
.mq-hint p{white-space:pre-wrap;line-height:1.7}
.mq-feedback{padding:24px;margin:24px 0;border-radius:12px;background:var(--ml-tint);border:1px solid #dfd5ed}
.mq-feedback h2{font:500 20px/1.4 var(--ml-font);margin:0 0 12px}
.mq-feedback p{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.mq-feedback.correct{background:#edf7f1;border-color:#ccdfd2;color:#24573b}
.mq-feedback.incorrect{background:#fff4ec;border-color:#ebd6c4;color:#743f23}
.mq-feedback.pending{background:#f5f3fa;border-color:#dfd5ed;color:#504060}
.mq-feedback-heading{display:flex;align-items:center;gap:10px}
.mq-feedback-heading>.mq-icon{flex:none;width:26px;height:26px}
.mq-revealed-answer{margin-top:16px;padding:16px;border-radius:10px;background:#ffffffb3;color:#282633}
.mq-revealed-answer h3,.mq-feedback-explanation h3{font-size:13px;line-height:1.5;font-weight:700;margin:0 0 10px;color:#676373}
.mq-revealed-answer .mq-reveal-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;line-height:1.6;overflow-wrap:anywhere}
.mq-reveal-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;font-size:18px;font-weight:500}
.mq-reveal-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7d3e0;border-radius:8px;background:#fff;font-size:13px;font-weight:700;color:#6753b2}
.mq-reveal-content{min-width:0;overflow-wrap:anywhere}
.mq-feedback .mq-reveal-content p{margin:0;font-size:inherit;line-height:inherit}
.mq-reveal-row+.mq-reveal-row{padding-top:10px;border-top:1px solid #e4e0eb}
.mq-reveal-ox-token{font:700 52px/1.2 var(--ml-font);text-align:center}
.mq-reveal-ox-token[data-ox=o]{color:#2375cf}
.mq-reveal-ox-token[data-ox=x]{color:#c63643}
.mq-reveal-short-text{font-size:20px;font-weight:700}
.mq-reveal-pairs .mq-reveal-row{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
.mq-reveal-connector{display:flex;align-items:center;justify-content:center;color:#817b92}
.mq-feedback-explanation{margin-top:18px;color:#484352}
.mq-feedback-explanation h3{margin-bottom:6px}
.mq-feedback .mq-feedback-explanation p,.mq-feedback .mq-feedback-note{margin:0;font-size:15px;line-height:1.7}
.mq-feedback .mq-feedback-note{color:#484352}
@media(forced-colors:active){.mq-answer-validation{background:Canvas;color:CanvasText;border-color:CanvasText}.mq-revealed-answer,.mq-reveal-number{background:Canvas;color:CanvasText}.mq-reveal-ox-token[data-ox],.mq-reveal-connector,.mq-feedback-explanation,.mq-feedback .mq-feedback-note{color:CanvasText}}
.mq-play-card [hidden]{display:none}
.mq-result-score{text-align:center;font-size:18px;margin:16px 0 24px}
.mq-result-score strong{font-size:32px;color:var(--ml-brand-text)}
.mq-result-summary{display:grid;gap:0;border-top:1px solid #e5e0ea;margin-bottom:24px}
.mq-result-summary>div{display:grid;grid-template-columns:56px 1fr 56px;gap:12px;padding:12px;border-bottom:1px solid #e5e0ea;font-size:14px}
.mq-result-summary>div>span:last-child{text-align:right}
.mq-teacher-feedback{margin:28px 0}
.mq-teacher-feedback h2{font:500 18px/1.5 var(--ml-font);margin:0 0 16px}
.mq-teacher-feedback h3{font-size:14px;line-height:1.6;margin:0 0 6px}
.mq-teacher-feedback p{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.mq-teacher-feedback>div+div{margin-top:20px}
.mq-attempt-round{display:block;font-size:13px;font-weight:500;color:var(--ml-muted);line-height:1.6;margin-top:4px}
.mq-action-row{display:flex;gap:12px;flex-wrap:wrap}
.mq-table-scroll{overflow:auto}
/* The report owns its matrix, filters and answer panels in one place. */
.mq-results-page{--mq-report-border:#e2e6ee;--mq-report-muted:#697287;--mq-report-font:var(--ml-font);font-family:var(--mq-report-font);color:#252c3d}
.mq-results-page :is(.mq-button,.mq-icon-link,.mq-results-select,.mq-results-filters input,.mq-results-filters select,.mq-results-summary-group-head h3,.mq-result-question-type){font-family:var(--mq-report-font)}
.mq-results-page .mq-table-scroll{position:relative}
.mq-results-head{align-items:center;gap:20px;margin:0 0 24px}
.mq-results-head>div{min-width:0}.mq-results-head h1{font:var(--ml-type-title);margin:12px 0 0;overflow-wrap:anywhere}
.mq-results-head>.mq-button{flex:none;min-height:44px;font-size:14px}
.mq-results-panel{overflow:hidden;border:1px solid var(--mq-report-border);border-radius:16px;background:#fff}
.mq-results-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px;margin:0;border-bottom:1px solid var(--mq-report-border)}
.mq-results-filters .mq-search,.mq-results-status-filter{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #dce2eb;border-radius:12px;background:#fff;color:var(--mq-report-muted)}
.mq-results-filters .mq-search{flex:1;min-width:180px;max-width:340px;padding:0 12px}
.mq-results-filters .mq-search>.mq-icon,.mq-results-status-filter>.mq-icon{flex:none;width:18px;height:18px}
.mq-results-filters input,.mq-results-filters select{min-height:42px;margin:0;border:0;background:transparent;color:#30384a;font:500 14px/1.5 var(--ml-font)}
.mq-results-filters input{width:100%;min-width:0;padding:10px 0}.mq-results-filters input::placeholder{color:#7b8496}
.mq-results-status-filter{padding:0 12px}.mq-results-filters select{padding:8px 24px 8px 0}
.mq-results-filters [data-results-count]{margin:0 0 0 auto;color:var(--mq-report-muted);font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}
.mq-results-filters :is(input,select):focus-visible{outline:2px solid #625de0;outline-offset:3px;border-radius:5px}
.mq-results-filters .mq-search:has(input:focus){outline:3px solid #625de0;outline-offset:2px}
.mq-results-filters .mq-search input:focus-visible{outline:none;border-radius:0}
.mq-results-table{border-collapse:separate;border-spacing:0;width:100%;min-width:420px;text-align:left;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.mq-results-table th,.mq-results-table td{padding:14px 16px;border-bottom:1px solid var(--mq-report-border)}
.mq-results-table thead{background:#f6f8fc;color:#667087}.mq-results-table th{font-weight:600}
.mq-results-table tbody tr:last-child :is(th,td){border-bottom:0}
.mq-results-matrix{min-width:580px}.mq-results-matrix :is(th,td){white-space:nowrap}
.mq-results-matrix :is(th,td):is(:nth-child(2),:nth-child(3)){text-align:right}
.mq-results-matrix tbody>tr>th{padding:6px 14px;background:#fff}
.mq-results-matrix :is(thead,tbody)>tr>th:first-child{position:sticky;left:0;z-index:1;min-width:158px;border-right:1px solid var(--mq-report-border)}
.mq-results-matrix thead>tr>th:first-child{z-index:2;background:#f6f8fc}
.mq-results-select{position:relative;display:block;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;color:#334060;text-align:left;font:600 14px/1.5 var(--ml-font);cursor:pointer}
.mq-results-select:hover{color:#5c56cf;text-decoration:underline;text-underline-offset:4px}
.mq-results-select:focus-visible{outline:3px solid #625de0;outline-offset:3px;border-radius:4px}
.mq-results-select:disabled{cursor:wait;opacity:.55}.mq-results-publication{display:block;font-size:11px;font-weight:500;color:var(--mq-report-muted);margin-top:3px}
.mq-results-matrix tr.is-selected .mq-results-select{color:#5c56cf}
.mq-results-completed{display:block;color:#288064;font-size:11px;margin-top:3px}.mq-results-grading{font-size:12px;color:#697287}
.mq-results-matrix .mq-results-question-cell{text-align:center;min-width:56px;padding:12px 10px;border-left:1px solid #edf0f5;color:#9aa3b3}
.mq-results-question-cell>.mq-icon{display:inline-block;vertical-align:middle;width:20px;height:20px}
.mq-results-question-cell[data-result-matrix-status=correct]{background:#e9f8ef;color:#15805d}
.mq-results-question-cell[data-result-matrix-status=incorrect]{background:#fff0f2;color:#d44662}
.mq-results-question-cell[data-result-matrix-status=pending]{background:#eff5ff;color:#3c73c5}
.mq-results-question-cell[data-result-matrix-status=graded]{background:#f4f0ff;color:#7160c9}
.mq-results-question-cell:is([data-result-matrix-status=unavailable],[data-result-matrix-status=not_in_publication]){background:#f6f7fa}
.mq-results-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 20px;border-top:1px solid var(--mq-report-border)}
.mq-results-pagination .mq-button{min-height:44px;padding:8px 14px;font-size:13px}.mq-results-pagination .mq-icon{width:16px;height:16px}
.mq-results-pagination .mq-answer-note{font-size:13px;margin:0}
.mq-results-question-summary{margin:20px 0 32px;border:1px solid var(--mq-report-border);border-radius:16px;background:#fff}
.mq-results-question-summary>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 20px;list-style:none;cursor:pointer;font-size:15px;font-weight:600}
.mq-results-question-summary>summary::-webkit-details-marker{display:none}
.mq-results-question-summary>summary>.mq-icon{width:18px;height:18px;color:#7168d6;flex:none}.mq-results-question-summary>summary>.mq-icon:last-child{margin-left:auto}
.mq-results-question-summary[open]>summary>.mq-icon:last-child{transform:rotate(180deg)}
.mq-results-scope{margin-left:auto;font-size:12px;font-weight:400;color:#737d91}
.mq-results-question-summary>summary:focus-visible{outline:3px solid #625de0;outline-offset:3px;border-radius:4px}
.mq-results-summary-content{border-top:1px solid var(--mq-report-border)}
.mq-results-summary-note{margin:16px 20px 20px;color:#737d91;font-size:12px;line-height:1.6}
.mq-results-summary-group+.mq-results-summary-group{margin-top:24px}
.mq-results-summary-group-head{display:flex;align-items:center;gap:12px;padding:0 20px 12px}
.mq-results-summary-group-head h3{font:600 14px/1.5 var(--ml-font);margin:0;color:#30384a}
.mq-results-summary-group-head>span{font-size:12px;font-weight:400;color:#737d91}
.mq-results-question-summary .mq-results-table :is(th,td):nth-child(n+3){text-align:right;white-space:nowrap}
.mq-results-question-summary .mq-results-table th:first-child{width:64px;min-width:64px;text-align:center;white-space:nowrap}
.mq-results-summary-prompt{max-width:420px;min-width:240px;overflow-wrap:anywhere;font-weight:400}
.mq-results-summary-prompt :is(p,ul,ol){margin:0}
.mq-results-question-summary .mq-results-table thead{font-size:12px;font-weight:500}
.mq-result-participant{margin:28px 0 0}
.mq-result-participant-head{padding:22px 24px;margin-bottom:20px;border:1px solid var(--mq-report-border);border-radius:20px;background:#fff}
.mq-result-participant-heading{margin-bottom:20px}
.mq-result-participant h2{font:700 22px/1.4 var(--ml-font);margin:0;overflow-wrap:anywhere}
.mq-result-participant h2:focus{outline:0}.mq-result-participant h2:focus-visible{outline:3px solid #625de0;outline-offset:4px;border-radius:4px}
.mq-result-participant-heading .mq-answer-note{margin:4px 0 0;font-size:12px;color:var(--mq-report-muted)}
.mq-result-participant-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding-top:20px;border-top:1px solid var(--mq-report-border)}
.mq-result-participant-stats>div{padding-right:20px}
.mq-result-participant-stats>div+div{padding-left:24px;border-left:1px solid var(--mq-report-border)}
.mq-result-participant-stats dt{color:var(--mq-report-muted);font-size:12px;font-weight:500}
.mq-result-participant-stats dd{margin:8px 0 0;font-size:24px;line-height:1.35;font-weight:600;color:#30384a;font-variant-numeric:tabular-nums}
.mq-result-participant-stats dd>span{margin-left:6px;font-size:12px;font-weight:400;color:var(--mq-report-muted)}
.mq-result-question-list{display:grid;gap:16px}
.mq-result-question{padding:24px;border:1px solid var(--mq-report-border);border-radius:20px;background:#fff}
.mq-result-question:has([data-answer-status=correct]){border-color:#a9dec5}
.mq-result-question:has([data-answer-status=incorrect]){border-color:#efbbc5}
.mq-result-question-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px}
.mq-result-question-heading h3{display:flex;align-items:center;gap:10px;font:600 16px/1.4 var(--ml-font);margin:0}
.mq-result-question-type{padding:4px 8px;border:1px solid #e6e9f0;border-radius:7px;background:#f6f8fc;color:#697287;font:500 11px/1.4 var(--ml-font)}
.mq-result-answer-status{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;background:#f2f4f8;color:#697287;font-size:12px;font-weight:600;line-height:1.5}
.mq-result-answer-status>.mq-icon{width:15px;height:15px;flex:none}
.mq-result-answer-status[data-answer-status=correct]{background:#e8f8ef;color:#237a55}
.mq-result-answer-status[data-answer-status=incorrect]{background:#fff0f2;color:#bc3654}
.mq-result-answer-status[data-answer-status=pending]{background:#eff5ff;color:#356ab8}
.mq-result-answer-status[data-answer-status=graded]{background:#f4f0ff;color:#6957bc}
.mq-result-prompt{margin:20px 0;font-family:var(--ml-font);font-size:18px;font-weight:700;line-height:1.65;overflow-wrap:anywhere}.mq-result-prompt p{margin:0}
.mq-result-answer,.mq-result-correct-answer,.mq-result-feedback{padding:16px;margin:12px 0 0;background:#f6f8fc;border-radius:12px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.mq-result-correct-answer{background:#edf9f2}.mq-result-feedback{background:#fff8e7}
.mq-result-participant :is(.mq-result-answer,.mq-result-correct-answer,.mq-result-feedback) h4{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:12px;font-weight:600;color:#68738a}
.mq-result-participant :is(.mq-result-answer,.mq-result-correct-answer,.mq-result-feedback) h4>.mq-icon{width:16px;height:16px;flex:none}
.mq-result-participant .mq-result-correct-answer h4{color:#287853}.mq-result-participant .mq-result-feedback h4{color:#9b7620}
.mq-result-participant .mq-student-response{background:transparent;padding:0;margin:0;font-size:15px}
.mq-result-answer-items{padding-left:20px;margin:0}.mq-result-answer-items li+li{margin-top:8px}
.mq-result-answer-pairs{list-style:none;padding-left:0}
.mq-result-answer-pairs li{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:start;gap:12px}
.mq-result-answer-pairs li>div{min-width:0;overflow-wrap:anywhere}
.mq-result-answer-pairs .mq-result-connector{display:flex;align-items:center;justify-content:center;min-height:24px;color:#687386}
.mq-result-answer-pairs .mq-result-connector>.mq-icon{width:18px;height:18px;flex:none}

.mq-result-question .mq-answer-note{margin:12px 0 0;font-size:12px}
.mq-results-page>.mq-state,.mq-results-panel [data-results-participants]>.mq-state{margin:0;padding:32px 20px}
@media(max-width:760px){.mq-results-head>.mq-button{padding:10px 12px}.mq-results-filters{padding:16px;gap:10px}.mq-results-filters .mq-search{max-width:none}.mq-results-filters [data-results-count]{width:100%;margin:0}.mq-results-panel,.mq-result-participant-head,.mq-result-question{border-radius:16px}.mq-result-participant-head,.mq-result-question{padding:18px}.mq-result-participant h2{font-size:20px}.mq-result-prompt{font-size:16px}.mq-result-participant-stats dd{font-size:21px}.mq-results-question-summary>summary{padding:0 16px}.mq-results-summary-note{margin-left:16px;margin-right:16px}.mq-results-summary-group-head{padding-left:16px;padding-right:16px}}
@media(max-width:480px){.mq-results-head{align-items:flex-start}.mq-results-filters .mq-search{flex-basis:100%}.mq-results-status-filter{width:100%}.mq-results-status-filter select{width:100%}.mq-results-pagination{justify-content:center;padding:12px}.mq-result-participant-stats>div{padding-right:12px}.mq-result-participant-stats>div+div{padding-left:16px}.mq-result-participant-stats dd{font-size:19px}.mq-result-question-heading{align-items:flex-start}.mq-result-answer-status{font-size:11px}}
@media(forced-colors:active){.mq-results-panel,.mq-results-question-summary,.mq-result-participant-head,.mq-result-question,.mq-results-filters,.mq-results-pagination,.mq-results-filters .mq-search,.mq-results-status-filter{border-color:CanvasText;background:Canvas;color:CanvasText}.mq-results-page :is(.mq-results-question-cell,.mq-result-answer-status,.mq-result-participant-stats>div,.mq-result-answer,.mq-result-correct-answer,.mq-result-feedback){background:Canvas;color:CanvasText;box-shadow:none}.mq-results-page :is(.mq-results-select,.mq-result-participant-stats dt,.mq-result-participant-stats dd,.mq-results-table thead,.mq-result-question-type,.mq-results-grading,.mq-results-publication,.mq-results-scope){color:CanvasText}.mq-results-page :is(.mq-results-select,.mq-result-participant h2,.mq-results-question-summary>summary):focus-visible{outline-color:Highlight}.mq-results-matrix tr.is-selected .mq-results-select{color:Highlight}}
.mq-grade-list{display:grid;gap:16px;margin-top:32px}
.mq-grade-attempt{border:1px solid #dfdbe7;border-radius:12px;background:#fff}
.mq-grade-attempt summary{padding:16px;cursor:pointer;min-height:44px;box-sizing:border-box;font-weight:600}
.mq-grade-attempt form{padding:0 24px 24px}
.mq-grade-attempt fieldset{border:0;border-top:1px solid #e5e0ea;margin:16px 0;padding:16px 0}
.mq-grade-attempt legend{font-weight:600;font-size:16px;padding:0 0 12px}
.mq-student-response{white-space:pre-wrap;padding:16px;background:#f7f5fa;border-radius:8px;font-size:16px;line-height:1.7}
.mq-grade-fields{display:grid;gap:16px}
.mq-grade-fields label{display:grid;gap:8px;font-size:14px}
.mq-grade-fields input{width:120px}
@media(max-width:1100px){.mq-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-play-layout{gap:24px}.mq-play-layout:not(.mq-play-layout-summary){grid-template-columns:160px minmax(0,1fr)}.mq-trail{padding:16px}}
@media(max-width:768px){.mq-play-layout,.mq-play-layout:not(.mq-play-layout-summary){grid-template-columns:minmax(0,1fr)}.mq-trail{padding:12px 16px}.mq-trail-title{display:none}.mq-trail ol{display:flex;gap:12px;overflow:auto;max-height:none}.mq-trail li{flex:none}.mq-trail li>span:not(.mq-step-number){display:none}.mq-play-card{min-height:420px;padding:24px}.mq-page-title{gap:16px}.mq-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mq-filters label:last-child{grid-column:1/-1}.mq-filters select{width:100%}.mq-active-filters{flex-wrap:wrap;gap:8px}}
@media(max-width:480px){.mq-quiz-grid{grid-template-columns:1fr}.mq-page-title{align-items:flex-start;flex-wrap:wrap}.mq-page-title .mq-button{margin-left:auto}.mq-play-card{padding:20px 16px}.mq-play-card>h1,.mq-play-card>[data-session-waiting]>h1{font-size:20px}.mq-answer-option{padding:12px}.mq-pair-answers label{grid-template-columns:1fr}.mq-grade-attempt form{padding:0 16px 16px}.mq-action-row>.mq-button{flex:1}.mq-search{gap:8px}}
@media(prefers-reduced-motion:reduce){.mq-button,.mq-icon-link,.mq-hint summary,.mq-hint-caret{transition:none}.mq-button:active:not(:disabled),.mq-icon-link:active,.mq-hint summary:active{transform:none}}
@media(forced-colors:active){.mq-button,.mq-button.secondary,.mq-icon-link,.mq-hint summary{background:ButtonFace;color:ButtonText;border-color:ButtonText}.mq-button:disabled{color:GrayText;opacity:1}.mq-button:focus-visible,.mq-icon-link:focus-visible,.mq-hint summary:focus-visible{outline-color:Highlight}}
.mq-rich-prompt{font-family:var(--ml-font);font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.4;margin:16px 0 24px;overflow-wrap:anywhere}.mq-rich-prompt p{margin:0}.mq-play-card :is(img[data-quiz-asset],.mq-content-image){max-width:100%;max-height:420px;width:auto;object-fit:contain}.mq-play-card math{max-width:100%;overflow:auto}.mq-play-card blockquote{margin:8px 0;padding-left:12px;border-left:1px solid #61616f}.mq-play-card mark{background:#fff0a6;color:#332d14}.mq-answer-option[data-ox=o]>span{color:#15803d}.mq-answer-option[data-ox=x]>span{color:#c63643}.mq-pair-reference{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}.mq-pair-reference li{display:flex;gap:12px;align-items:start}.mq-pair-reference li>strong{flex:none}.mq-pair-reference li>div{min-width:0;flex:1}.mq-hint iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;margin-top:12px}
.mq-math-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dedee5;border-radius:12px;padding:24px;color:#222230;background:#fff;box-shadow:0 16px 40px #15152026;font:16px/1.5 var(--ml-font,system-ui)}.mq-math-dialog::backdrop{background:#16162255}.mq-math-dialog h2{font:var(--ml-type-section);margin:0 0 20px}.mq-math-field{min-height:56px}.mq-math-field math-field{display:block;min-height:56px;border:1px solid #b7b7c1;border-radius:8px;padding:8px;font-size:22px;--selection-background-color:#ede5ff;--caret-color:#5b49b2}.mq-math-dialog>p{min-height:24px;font-size:14px;margin:12px 0;color:#61616f}.mq-math-dialog>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.mq-math-dialog button{min-height:44px;border:1px solid #dedee5;border-radius:8px;padding:8px 20px;background:#fff;color:#292933;font:600 14px/1.4 var(--ml-font,system-ui);cursor:pointer}.mq-math-dialog>div:last-child>button:last-child{background:var(--ml-brand,#6d5bc7);border-color:var(--ml-brand,#6d5bc7);color:#fff}.mq-math-dialog button:disabled{opacity:.5;cursor:not-allowed}.mq-math-dialog :is(button,math-field):focus-visible{outline:3px solid #5b49b2;outline-offset:3px}.mq-math-keyboard{position:relative;min-height:0;--keyboard-zindex:4;--keyboard-padding-top:8px;--keyboard-toolbar-font-size:14px;--keycap-font-size:20px;--keycap-height:44px}.mq-math{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle}.mq-math[tabindex]{cursor:pointer}.mq-math[tabindex]:focus-visible{outline:2px solid #5b49b2;outline-offset:3px}
.mq-math-keyboard>.ML__keyboard{height:var(--_keyboard-height)}
@media(max-width:480px){.mq-math-dialog{padding:16px}.mq-math-keyboard{--keycap-font-size:16px;--keycap-height:40px}}

/* Answer content retains the same semantic colors as the authoring controls. */
.mq-student-response[data-ox=o]{color:#15803d;font-weight:700}
.mq-student-response[data-ox=x]{color:#c63643;font-weight:700}
.mq-result-connector>.mq-icon{width:16px;height:16px}
.mq-results-head button>.mq-icon{width:16px;height:16px}

.mq-activity-glyph>.mq-icon{width:100%;height:100%}

/* Content images open as a contained learning diagram, without decorative chrome. */
.mq-content-image[role=button]{cursor:zoom-in;border-radius:4px}
.mq-content-image[role=button]:focus-visible{outline:3px solid #315e96;outline-offset:4px}
.mq-image-dialog{box-sizing:border-box;position:fixed;width:max-content;max-width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:56px 24px 24px;border:1px solid #e0e5ee;border-radius:16px;background:#fff;box-shadow:0 12px 48px #17243b24;overflow:auto;color:#243247}
.mq-image-dialog::backdrop{background:#18223666}
.mq-image-dialog>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 112px);object-fit:contain;margin:auto}
.mq-image-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:10px;background:#f3f6fa;color:#46556b;cursor:pointer}
.mq-image-close:hover{background:#e8eef5}
.mq-image-close:focus-visible{outline:3px solid #315e96;outline-offset:2px}
body:has(>.mq-image-dialog[open]){overflow:hidden}
@media(max-width:700px){.mq-image-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:56px 12px 16px;border-radius:12px}.mq-image-dialog>img{max-height:calc(100dvh - 104px)}}

/* Native MathML fractions are read-only and inherit the surrounding typography. */
.mq-fraction{font-size:1.08em;vertical-align:middle;overflow:visible}