.quiz-home,.quiz-shell { max-width:1160px; margin:0 auto; padding:38px 28px 74px; }
.quiz-eyebrow { margin:0 0 8px; color:#3d8087; font-size:11px; font-weight:800; }
.quiz-home-head { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:28px; }
.quiz-home-head h1,.quiz-session-head h1 { margin:0; font-size:30px; line-height:1.25; }
.quiz-home-head p:last-child { margin:8px 0 0; color:#687777; font-size:13px; }
.quiz-home-total { min-width:125px; text-align:right; }
.quiz-home-total strong { display:block; color:#1f606b; font-size:31px; line-height:1; }
.quiz-home-total strong span { color:#9aa8aa; font-size:16px; }
.quiz-home-total small { color:#849193; font-size:11px; }
.quiz-unit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; align-items:start; }
.quiz-unit-card { --quiz-accent:#27867e; padding:21px 22px 10px; border:1px solid #dfe9e8; border-top:4px solid var(--quiz-accent); border-radius:8px; background:#fff; box-shadow:0 7px 22px rgba(37,77,82,.045); min-width:0; }
.quiz-unit-2,.quiz-unit-5 { --quiz-accent:#3f73b3; }.quiz-unit-3,.quiz-unit-6 { --quiz-accent:#c2724c; }
.quiz-unit-head { display:flex; justify-content:space-between; color:var(--quiz-accent); font-size:11px; font-weight:800; }
.quiz-unit-card h2 { margin:8px 0 14px; font-size:18px; line-height:1.35; }
.quiz-unit-track,.quiz-progress-track { height:5px; border-radius:3px; background:#e9eff0; overflow:hidden; }
.quiz-unit-track span,.quiz-progress-track span { display:block; height:100%; background:var(--quiz-accent,#27867e); }
.quiz-group-list { margin-top:10px; }
.quiz-group-row { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:70px; border-top:1px solid #edf1f0; }
.quiz-group-row:first-child { border-top:0; }
.quiz-group-info { min-width:0; }.quiz-group-info small,.quiz-group-info strong { display:block; }.quiz-group-info small { color:#8a9899; font-size:10px; }.quiz-group-info strong { margin-top:4px; font-size:13px; line-height:1.4; }
.quiz-group-action { flex:0 0 auto; display:flex; align-items:center; gap:9px; }.quiz-group-action a { color:#267789; font-size:11px; font-weight:700; white-space:nowrap; }.quiz-group-action form { margin:0; }
.quiz-group-action button { min-height:31px; padding:0 11px; border:1px solid #bcd9d7; border-radius:6px; background:#eaf5f2; color:#256e68; font-size:11px; font-weight:700; white-space:nowrap; }
.quiz-group-action button:hover { background:#d9efe9; }
.quiz-back { display:inline-block; margin-bottom:18px; color:#478086; font-size:12px; font-weight:700; }
.quiz-session-head { display:flex; justify-content:space-between; align-items:end; gap:20px; padding:0 0 22px; }
.quiz-session-meta { display:flex; align-items:center; gap:18px; flex:0 0 auto; }.quiz-session-meta span { color:#78888b; font-size:12px; }.quiz-session-meta strong { min-width:74px; color:#a75c34; font-size:25px; font-variant-numeric:tabular-nums; text-align:right; }
.quiz-session-meta strong.is-urgent { color:#c0393b; }
.quiz-progress-track { --quiz-accent:#27867e; height:6px; margin-bottom:24px; }.quiz-progress-track span { width:10%; transition:width .2s; }
.quiz-session-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:22px; align-items:start; }
.quiz-question-surface { min-width:0; min-height:435px; padding:27px 30px 20px; border:1px solid #dae6e5; border-radius:8px; background:#fff; }
.quiz-question[hidden] { display:none; }.quiz-question-label { display:flex; justify-content:space-between; gap:15px; color:#698386; font-size:11px; font-weight:700; }
.quiz-question h2 { max-width:650px; min-height:66px; margin:19px 0 25px; font-size:21px; line-height:1.5; overflow-wrap:anywhere; }
.quiz-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.quiz-option { display:flex; align-items:center; gap:11px; min-width:0; min-height:74px; padding:11px 14px; border:1px solid #d7e3e2; border-radius:7px; background:#fbfdfc; cursor:pointer; font-size:13px; line-height:1.4; transition:transform .15s,border-color .15s,background .15s; }
.quiz-option:hover { transform:translateY(-2px); border-color:#79bab2; }.quiz-option.selected,.quiz-option:has(input:checked) { border-color:#27867e; background:#eaf5f2; box-shadow:inset 0 0 0 1px #27867e; }
.quiz-option input { position:absolute; opacity:0; width:1px; height:1px; }.quiz-option:focus-within { outline:2px solid #2b8199; outline-offset:2px; }
.quiz-option-letter { flex:0 0 29px; width:29px; height:29px; display:grid; place-items:center; border-radius:6px; background:#e6eeee; color:#4b7377; font-size:12px; font-weight:800; }.quiz-option.selected .quiz-option-letter { background:#27867e; color:#fff; }
.quiz-fill-label { display:block; margin:6px 0 8px; color:#526f73; font-size:12px; font-weight:700; }.quiz-fill { display:block; width:min(100%,520px); min-height:55px; padding:10px 15px; border:2px solid #b6d1d0; border-radius:7px; background:#fbfdfd; color:#253a3e; outline:0; font-size:17px; }.quiz-fill:focus { border-color:#27867e; box-shadow:0 0 0 3px #d8f0ea; }
.quiz-question-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:34px; padding-top:19px; border-top:1px solid #edf1f0; }.quiz-question-actions p { color:#849293; font-size:11px; text-align:center; }
.quiz-primary,.quiz-secondary,.quiz-submit { min-height:39px; padding:0 16px; border-radius:6px; font-size:12px; font-weight:700; }.quiz-primary,.quiz-submit { border:1px solid #267d78; background:#267d78; color:#fff; }.quiz-primary:hover,.quiz-submit:hover { background:#176a67; }.quiz-secondary { border:1px solid #ccdedd; background:#fff; color:#486e72; }.quiz-secondary:disabled { opacity:.4; cursor:not-allowed; }
.quiz-error { margin-top:10px; color:#b34238; font-size:12px; }.quiz-side,.quiz-ai-panel { padding:22px; border:1px solid #dce7e6; border-radius:8px; background:#fff; }.quiz-side { position:sticky; top:95px; }.quiz-side > strong { color:#267d78; font-size:25px; }.quiz-side > p:not(.quiz-eyebrow) { margin:5px 0 18px; color:#819091; font-size:11px; line-height:1.5; }
.quiz-number-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.quiz-number-grid button { width:100%; aspect-ratio:1; border:1px solid #d6e3e1; border-radius:6px; background:#f7faf9; color:#668082; font-size:12px; }.quiz-number-grid button.answered { background:#dff1eb; border-color:#93c9b7; color:#226b62; font-weight:800; }.quiz-number-grid button.current { outline:2px solid #2a7f8b; outline-offset:1px; }.quiz-submit { width:100%; margin-top:18px; }
.quiz-score { display:flex; align-items:baseline; gap:5px; color:#217c75; }.quiz-score strong { font-size:45px; line-height:1; }.quiz-score span { color:#809090; font-size:12px; }.quiz-result-meta { display:flex; flex-wrap:wrap; gap:9px 22px; margin:-5px 0 23px; color:#708484; font-size:12px; }.quiz-review-list { display:grid; gap:12px; }.quiz-review-item { padding:20px 23px; border:1px solid #dfe8e6; border-left:4px solid #c78455; border-radius:8px; background:#fff; }.quiz-review-item.is-right { border-left-color:#2a9b78; }.quiz-review-heading { display:flex; justify-content:space-between; gap:12px; color:#829193; font-size:11px; }.quiz-review-heading strong { color:#ac633d; }.quiz-review-item.is-right .quiz-review-heading strong { color:#258467; }.quiz-review-item h2 { margin:10px 0 15px; font-size:15px; line-height:1.5; }.quiz-review-item p { display:flex; gap:15px; margin:7px 0 0; font-size:12px; }.quiz-review-item p span { flex:0 0 65px; color:#899699; }.quiz-review-item p b { font-weight:600; overflow-wrap:anywhere; }
.quiz-ai-panel { position:sticky; top:95px; border-color:#c8dded; background:#f7fbfe; }.quiz-ai-panel-head { display:flex; align-items:center; gap:11px; padding-bottom:17px; border-bottom:1px solid #d8e7f0; }.quiz-ai-panel-head > span { width:35px; height:35px; display:grid; place-items:center; border-radius:7px; background:#2d75aa; color:#fff; font-size:11px; font-weight:800; }.quiz-ai-panel h2 { margin:0; font-size:17px; }.quiz-ai-panel .quiz-eyebrow { margin-bottom:0; color:#5488a8; }.quiz-ai-panel p,.quiz-ai-panel li { color:#506877; font-size:12px; line-height:1.7; }.quiz-ai-panel h3 { margin:17px 0 5px; font-size:12px; }.quiz-ai-panel ul { margin:5px 0; padding-left:18px; }.quiz-ai-panel .quiz-secondary { margin-top:12px; }.quiz-ai-note { margin-top:18px; padding-top:12px; border-top:1px solid #d8e7f0; color:#8a9ba4; font-size:10px; }
.quiz-admin-panel { box-shadow:none; }.quiz-admin-table th { vertical-align:bottom; min-width:130px; }.quiz-admin-table th:first-child { min-width:100px; }.quiz-admin-table th span,.quiz-admin-table th a,.quiz-admin-table td small { display:block; }.quiz-admin-table th a { margin-top:4px; color:#2563eb; font-size:10px; font-weight:400; letter-spacing:0; text-transform:none; }.quiz-admin-table td small { margin-top:4px; color:#9ca3af; }.quiz-admin-result { color:#167850; font-size:11px; font-weight:700; }.quiz-admin-empty { color:#9ca3af; }.quiz-admin-ai { padding:12px; border-radius:6px; background:#eff6ff; color:#48657a; font-size:12px; }.quiz-admin-answer { padding:15px 0; border-top:1px solid #e5e7eb; }.quiz-admin-answer:first-of-type { border-top:0; }.quiz-admin-answer > div { display:flex; justify-content:space-between; color:#6b7280; font-size:11px; }.quiz-admin-answer b.right { color:#168250; }.quiz-admin-answer b.wrong { color:#b45309; }.quiz-admin-answer h3 { margin:6px 0; font-size:13px; }.quiz-admin-answer p { margin:4px 0; color:#4b5563; font-size:12px; }.quiz-edit-error { padding:10px; border-radius:5px; background:#fef2f2; color:#b91c1c; font-size:12px; }
@media (max-width:850px) { .quiz-session-layout { grid-template-columns:1fr; }.quiz-side,.quiz-ai-panel { position:static; }.quiz-unit-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .quiz-home,.quiz-shell { padding:25px 18px 55px; }.quiz-home-head { align-items:start; }.quiz-home-head h1,.quiz-session-head h1 { font-size:25px; }.quiz-home-total strong { font-size:25px; }.quiz-unit-card { padding:17px 15px 5px; }.quiz-group-row { gap:8px; }.quiz-group-action { flex-direction:column; gap:4px; align-items:flex-end; }.quiz-session-head { align-items:start; }.quiz-session-meta { flex-direction:column; align-items:flex-end; gap:2px; }.quiz-session-meta strong { font-size:20px; }.quiz-question-surface { padding:20px 17px 16px; min-height:0; }.quiz-question h2 { min-height:0; font-size:18px; }.quiz-options { grid-template-columns:1fr; }.quiz-option { min-height:58px; }.quiz-question-actions { flex-wrap:wrap; }.quiz-question-actions p { order:3; width:100%; margin:0; }.quiz-review-item { padding:16px; } }