.quiz-shell{max-width:900px;margin:0 auto;padding:48px 24px 64px}
.quiz-shell h1{font-size:clamp(30px,4vw,44px);line-height:1.35}
.quiz-shell h2{font-size:clamp(24px,3vw,32px);line-height:1.6}
.quiz-shell p{max-width:46rem}
.quiz-shell fieldset{border:0;padding:0;margin:0}
.quiz-shell legend{padding:0;width:100%;font-size:clamp(23px,3vw,30px);font-weight:700;line-height:1.6;margin-bottom:24px}
.quiz-options{display:grid;gap:12px}
.quiz-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fffdf7;border:1px solid #8c9d8a;border-radius:8px;cursor:pointer}
.quiz-option:has(input:checked){background:#e4eddc;border-color:#245c48;box-shadow:inset 0 0 0 1px #245c48}
.quiz-option input{width:20px;height:20px;flex-shrink:0;accent-color:#245c48}
.quiz-controls{display:flex;flex-wrap:wrap;gap:14px;margin-block:28px}
.quiz-controls button{min-height:48px}
.quiz-progress{color:#4e635b;font-weight:600}
.quiz-cards{display:grid;gap:24px;margin-top:24px}
.quiz-card{min-width:0;padding:32px}
.quiz-card h3{font-size:30px;color:#fff7de}
.quiz-card h4{font-size:18px;color:#d7e3c9}
.quiz-card .document-verdict p{white-space:pre-line}
.quiz-export figure{margin:24px 0}
.quiz-export img{display:block;max-width:100%;height:auto;width:420px;margin-bottom:16px}
.quiz-shell textarea{width:100%;min-height:100px;overflow-wrap:anywhere}
.quiz-context{padding:18px;background:#e8eddf;border-left:3px solid #245c48}
.quiz-navigation{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:800px){.quiz-header{flex-wrap:wrap}.quiz-navigation{width:100%;font-size:14px}}
@media(max-width:480px){.quiz-shell{padding:32px 16px}.quiz-card{padding:22px}.quiz-card h3{font-size:26px}.quiz-controls{gap:12px}.quiz-controls button{flex:1 1 auto}}

.quiz-reading{display:flex;gap:12px;flex-wrap:wrap}