/* Explanations stay visible before each task. */
.lesson-reading{background:#fff1ce;border:2px solid #c69448;border-left:7px solid #b97a35;border-radius:13px;padding:26px 27px;margin:23px 0 30px;scroll-margin-top:24px;color:#354335}
.reading-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.1px;font-weight:bold;color:#84501f;margin-bottom:12px}
.reading-label>span{font-size:24px;line-height:1}
.lesson-reading h3{font:normal 26px/1.3 Georgia,serif;letter-spacing:-.4px;margin:0 0 18px;color:#3c482f}
.lesson-reading>p{font-size:18px;line-height:1.85;margin:0 0 17px;max-width:70ch;color:#354335}
.lesson-reading strong{font-weight:bold;color:#30462c;background:#f5dfaa;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.reading-takeaway{border-top:1px solid #d1b37a;padding-top:15px;margin-top:21px}
.reading-takeaway>b{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#805221}
.reading-takeaway p{font-size:17px;line-height:1.75;font-weight:bold;margin:5px 0 0;color:#3c4d31}
.quiz-zone{margin:24px 0 12px;padding-top:7px}
.quiz-heading{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.quiz-heading .eyebrow{font-size:10px;letter-spacing:1px}
.back-to-reading{font-size:13px;color:#7c5129}
.quiz-zone .question-meta{font-size:11px;padding:13px 0}
.question-context{background:#eef1e4;border-left:4px solid #8a9c66;border-radius:8px;padding:17px 19px;margin:12px 0 4px}
.question-context>b{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#56683e}
.question-context>p{font-size:18px;line-height:1.8;color:#354335;margin:6px 0 0}
.quiz-zone .question-scene h3{font-size:20px;line-height:1.6}
.quiz-zone .question-scene>.device-svg{width:130px;height:105px}
.selection-instruction{font-size:15px;font-weight:bold;color:var(--green);background:#edf0df;padding:12px 15px;border-radius:8px;margin-bottom:16px}
.quiz-zone .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quiz-zone .choices:has(>.choice:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
.quiz-zone .choice{position:relative;text-align:left;padding:17px 18px 17px 42px;min-height:91px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-width:2px;background:#faf9f1}
.quiz-zone .choice b{font-size:16px;line-height:1.7;font-weight:normal}
.quiz-zone .choice .device-svg{max-width:95px;height:70px;margin:0 0 8px}
.quiz-zone .choice.selected{border-color:#798d53;background:#ecf0de}
.quiz-zone .choice.correct{border-color:#526d3f;background:#e5ecd4}
.quiz-zone .choice:disabled{opacity:1}
.choice-mark{position:absolute;left:14px;top:18px;border:1px solid #aeb79c;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--green);background:#fffdf7}
.multi-choices .choice-mark{border-radius:4px}
.selected .choice-mark{background:var(--green);color:white;border-color:var(--green)}
.quiz-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:19px 0 0}
.quiz-actions .primary{font-size:14px}
.quiz-actions .text-button{font-size:12px}
.quiz-zone .answer-feedback{font-size:16px;line-height:1.8;padding:20px;margin-top:19px}
.quiz-zone .answer-feedback>b{font-size:16px}
.quiz-zone .answer-feedback>span{font-size:14px}
.quiz-zone .answer-feedback.retry{border:2px solid #d6a26b}
.quiz-zone .question-nav{margin-top:19px}
.quiz-zone .question-nav .secondary{font-size:13px;padding:10px 14px}
.ordered-answer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:2px dashed #bcc49c;border-radius:10px;padding:15px;min-height:88px;margin:0 0 17px;background:#f3f4e8}
.ordered-answer>p{font-size:15px;margin:0;color:var(--muted)}
.order-step{display:flex;gap:8px;align-items:center;background:#fff8e7;border:1px solid #c7ac73;border-radius:8px;padding:9px 12px;font-size:14px;max-width:100%;text-align:left}
.order-step>span{display:flex;align-items:center;justify-content:center;background:var(--green);color:white;border-radius:50%;width:22px;height:22px;font-size:11px;flex-shrink:0}
.route-arrow{color:#7d8b60}
.device-reference{margin-top:20px}
.device-reference>h3{font-size:25px;margin-bottom:10px;color:var(--green)}
.device-reference>p{font-size:17px;line-height:1.8;color:#44503b;margin-bottom:21px}
.device-reference .device-card b{font-size:13px}
.device-reference .device-card>span{font-size:11px}
.device-detail{background:#fff8e6;border:1px solid #dcc99e;border-radius:9px;padding:17px 19px;margin:17px 0}
.device-detail>b,.information-route>b{display:block;color:#775022;font-size:14px;letter-spacing:.3px;margin-bottom:7px}
.device-detail>p{font-size:18px;line-height:1.85;margin:0;color:#354335}
.comparison{background:#eaf0dd;border-color:#bac89d}
.comparison>b{color:#455e32}
.information-route{border-top:1px solid #d1b37a;padding-top:16px;margin-top:20px}
.information-route>p{font-size:17px;font-weight:bold;line-height:1.8;color:#3c4d31;margin:0;overflow-wrap:anywhere}
.lesson-reading>p.device-example{color:#566247;margin-bottom:13px}
.lesson-reading>p.comparison-line{background:#eaf0dd;border-radius:8px;padding:12px 14px;font-size:17px;line-height:1.75;margin-bottom:13px}
.reading-more{border-top:1px solid #d1b37a;margin-top:17px;padding-top:13px}
.reading-more>summary{cursor:pointer;color:#775022;font-size:15px;font-weight:bold;min-height:32px;padding:4px 0}
.reading-more>summary:focus-visible{outline:2px solid #78915c;outline-offset:4px;border-radius:3px}
.reading-extra{padding-top:12px}
.reading-extra>p{font-size:18px;line-height:1.85;margin:0 0 15px;color:#354335}
.drawing-requirements{font-size:15px;line-height:1.8;background:#e9eddc;border-radius:10px;padding:15px;margin:0 0 19px}
.drawing-footer{align-items:flex-start}
.drawing-footer p{font-size:14px;line-height:1.8}
.drawing-help{font-size:12px}
.labels-title{font-size:17px}
.component>span{font-size:11px}
.activity-bottom{font-size:13px}
@media(max-width:1020px){.lesson-reading{padding:23px 20px}.lesson-reading>p{font-size:18px}.quiz-zone .choice{padding-left:38px;padding-right:12px}.quiz-zone .choice b{font-size:15px}}
@media(max-width:760px){.lesson-reading{padding:23px 22px}.quiz-zone .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){
 .lesson-reading{padding:21px 17px;margin-top:20px;border-left-width:5px;border-radius:11px}
 .lesson-reading>p{font-size:17px;line-height:1.85;margin-bottom:17px}
 .lesson-reading h3{font-size:24px;line-height:1.35}
 .device-reference>p{font-size:16px}
 .device-reference .device-card b{font-size:12px}
 .device-reference .device-card>span{font-size:10px}
 .device-detail{padding:15px 14px}
 .device-detail>p{font-size:17px;line-height:1.85}
 .information-route>p{font-size:16px}
 .reading-extra>p{font-size:17px}
 .lesson-reading>p.comparison-line{font-size:17px;padding:11px 12px}
 .reading-label{font-size:10px;letter-spacing:.7px;align-items:flex-start}
 .reading-label>span{font-size:22px}
 .reading-takeaway p{font-size:16px;line-height:1.8}
 .quiz-zone .question-scene h3{font-size:18px}
 .question-context{padding:15px}
 .question-context>p{font-size:17px}
 .quiz-zone .question-scene>.device-svg{width:85px;height:85px}
 .quiz-zone .choices{grid-template-columns:1fr}
 .quiz-zone .choices:has(>.choice:nth-child(3)){grid-template-columns:1fr}
 .quiz-zone .choices:has(>.choice:nth-child(3)) .choice{padding:15px 15px 15px 43px}
 .quiz-zone .choice{padding:15px 15px 15px 43px;min-height:77px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
 .quiz-zone .choice b{font-size:16px;line-height:1.75}
 .quiz-zone .choices .choice>.device-svg{width:65px;height:55px;margin:0;flex-shrink:0}
 .quiz-zone .answer-feedback{font-size:16px;padding:17px}
 .quiz-zone .answer-feedback>b{font-size:16px}
 .selection-instruction{font-size:14px;line-height:1.8}
 .quiz-actions{align-items:flex-start;gap:12px;flex-direction:column}
 .quiz-actions .primary{align-self:flex-end;font-size:14px}
 .quiz-zone .question-nav .secondary{font-size:11px;padding:9px 11px}
 .quiz-heading .eyebrow{font-size:9px}
 .component>span{font-size:10px}
 .drawing-requirements{font-size:14px}
 .drawing-footer p{font-size:14px}
 .hero-actions .primary{font-size:11px;gap:10px}
}