#quiz .quiz-page{max-width:940px}#quiz .page-title{font-size:25px;margin:14px 0 8px}#quiz .question-batch-card{border:1px solid #c8dbea;border-radius:16px;padding:17px 20px 15px;background:white;margin:18px 0;min-width:0}#quiz .question-batch-card legend{font-family:Arial,Helvetica,sans-serif;font-size:19px;line-height:1.42;font-weight:900;color:#0f3554;max-width:100%;padding:0 4px;letter-spacing:.002em}#quiz legend span{font-size:12px;display:block;color:#527893;letter-spacing:.06em}#quiz .likert-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:3px}#quiz .likert-option{position:relative;min-width:44px;min-height:68px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:8px 3px;cursor:pointer;border:1px solid #dce7ef;border-radius:12px;background:#f9fbfd;font-weight:650;font-size:14px}#quiz .likert-option input{position:absolute;width:100%;height:100%;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2}#quiz .likert-dot{width:20px;height:20px;border-radius:100%;border:2px solid #7691a9;background:#fff}#quiz .likert-option:has(input:checked){border-color:#1264b5;background:#e7f1fd;color:#0d427e;font-weight:700}#quiz input:checked+.likert-dot{background:#1264b5;border-color:#1264b5;box-shadow:inset 0 0 0 4px white}#quiz .likert-option:has(input:focus-visible){outline:3px solid #e6a215;outline-offset:2px}#quiz .quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 28px}#quiz .quiz-nav button{min-height:48px;width:auto;font-size:15px}#batch-status{font-size:13px;color:#416780}#quiz .unanswered{border:2px solid #c46b0e}#quiz-error{background:#fff4df;color:#683b04;border-radius:8px;padding:10px}#quiz .progress{height:8px}
@media(max-width:520px){#quiz .page{padding-left:12px;padding-right:12px}#quiz .page-title{font-size:20px}#quiz .question-batch-card{padding:10px 8px 12px;margin:14px 0}#quiz .question-batch-card legend{font-size:17px;font-weight:900;line-height:1.38}#quiz .likert-scale{gap:4px}#quiz .likert-option{font-size:12px;min-height:78px;padding:8px 2px;line-height:1.2}#quiz .quiz-nav{flex-wrap:wrap}#quiz .quiz-nav button{font-size:13px;padding:10px}#batch-status{font-size:12px}}

/* Keep navigation from covering the question heading on small screens. */
@media(max-width:760px){body[data-screen="quiz"] .topbar{position:static}body[data-screen="quiz"] .top-actions{display:none}body[data-screen="quiz"] .top-inner{padding-top:10px;padding-bottom:10px}}