.course-discovery{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0;background:#edf4ff;border:1px solid #d9e6fa;border-radius:22px;padding:28px 30px;color:#274f72}.course-discovery .eyebrow{font-size:10px;color:#5c81a5}.course-discovery h2{font-size:28px;letter-spacing:-1px;margin:8px 0 10px}.course-discovery p{max-width:470px;font-size:14px;line-height:1.6;margin:0}.course-discovery .text-button{font-size:11px;margin-top:17px;color:#2d6c9f}.discovery-art{flex-shrink:0;position:relative;display:grid;place-items:center;width:100px;height:100px;border-radius:25px;background:#d6e6ff;border-bottom:7px solid #b6cff4;color:#4474b8;font-size:44px;font-weight:900;transform:rotate(-7deg)}.discovery-art span{position:absolute;top:-16px;right:-12px;color:#d79927;font-size:38px}.course-filters{display:grid;gap:10px;margin:15px 0 10px}.course-filters .field{margin:0}.course-filters input[type=search]{min-width:0;width:100%}.topic-switch{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.topic-switch input{width:18px;height:18px;accent-color:#66aa31}.course-result-count{font-size:12px;color:var(--muted);margin:14px 0}.topic-label{display:block;font-size:9px;letter-spacing:1px;font-weight:800;color:#6686aa;margin-bottom:4px}.topic-card .unit-number{color:#5379a4;background:#edf4ff}.topic-card[open]{border-color:#bed3ec}.topic-card .path-lessons{row-gap:20px}.unit-card[hidden]{display:none}.expanded-guide .eyebrow{font-size:10px}.expanded-guide .dialog-sub{margin-top:5px}.learning-goals{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.learning-goals li{background:#f0f7e8;color:#537b33;border-radius:8px;padding:7px 10px;font-size:12px}.learning-goals li::before{content:'✓ ';font-weight:900}.grammar-note{background:#f5f4fc;border:1px solid #e5e0f6;border-radius:14px;padding:18px;margin:18px 0;color:#615475}.grammar-note p{font-size:14px;line-height:1.65;margin:7px 0 0}.guide-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:2px solid #edf0e9;margin:22px 0 14px}.guide-tabs button{flex-shrink:0;background:transparent;border:0;border-bottom:3px solid transparent;padding:13px 11px;margin-bottom:-2px;font:inherit;font-size:12px;font-weight:800;color:#86907b;cursor:pointer}.guide-tabs [aria-selected=true]{color:#498a25;border-bottom-color:#67ad38}.guide-model{display:flex;align-items:start;gap:14px;padding:17px 0;border-bottom:1px solid #e8e2f0}.guide-model>div{min-width:0;flex:1}.guide-model p{font-size:19px;line-height:1.6;margin:0;overflow-wrap:anywhere}.guide-model .model-translation{font-size:13px;color:var(--muted);margin-top:5px}.model-reading{display:block;font-size:12px;line-height:1.8;color:#7c8b70}.speaker-label{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;background:#eef4fd;border-radius:8px;font-size:11px;color:#6086b1;font-weight:bold;margin-top:4px}.dialogue-line:nth-of-type(even) .speaker-label{background:#f7edf4;color:#a46b90}.guide-intro{font-size:13px;color:var(--muted);line-height:1.6}.independent-task{border:2px dashed #d6c9e6;background:#faf7fe;border-radius:15px;padding:23px;margin:20px 0}.independent-task h3{font-size:21px;margin:10px 0}.independent-task p{font-size:15px;line-height:1.7}.independent-task .fine-print{font-size:12px}.guide-subtitle{font-size:17px}.practice-checklist{font-size:14px;color:var(--muted);line-height:1.9;padding-left:20px}.question-context{font-size:17px;line-height:1.6;background:#f6f3f9;border-left:4px solid #b399d2;border-radius:0 12px 12px 0;padding:14px 18px;color:#645478}.question-prompt.reading-passage{white-space:pre-line;font-size:19px;line-height:1.75}.listening-prompt{margin:25px 0;border:2px solid #d7e9f2;border-radius:18px;background:#f5fbfe;padding:23px}.listening-controls{display:flex;align-items:center;gap:17px}.listening-play{width:64px;height:64px;flex-shrink:0;font-size:34px;border-radius:20px}.listening-controls strong{font-size:21px;color:#387694}.listening-controls p{font-size:13px;color:#7295a4;margin:5px 0}.listening-transcript{font-size:14px;color:#6b8897;margin-top:18px}.listening-transcript summary{cursor:pointer;font-size:12px;font-weight:bold}.listening-transcript p{font-size:21px;line-height:1.7;color:#416777;margin:15px 0 5px}.answer-explanation{margin-top:7px}.answer-explanation summary{cursor:pointer;font-size:12px;font-weight:bold}.answer-explanation p{font-size:13px;line-height:1.6;max-height:125px;overflow:auto;margin:7px 0 0}.lesson-footer:has(.answer-explanation[open]){align-items:start}.expanded-guide [role=tabpanel][hidden]{display:none}dialog:has(.expanded-guide){max-width:720px}.expanded-guide .fine-print{line-height:1.65}
@media(max-width:600px){.course-discovery{padding:23px}.course-discovery h2{font-size:24px}.discovery-art{width:62px;height:67px;font-size:31px;border-radius:18px}.discovery-art span{font-size:27px}.course-discovery p{font-size:13px}.learning-goals{display:grid}.guide-model{gap:10px}.guide-model p{font-size:17px}.guide-model .model-translation{font-size:12px}.guide-tabs button{padding:12px 9px;font-size:11px}.question-prompt.reading-passage{font-size:17px}.listening-prompt{padding:18px}.listening-controls{gap:11px}.listening-play{width:50px;height:53px;font-size:29px}.listening-controls strong{font-size:19px}.listening-controls p{font-size:12px}.listening-transcript p{font-size:19px}.speaker-label{width:22px;height:22px}.grammar-note{padding:15px}.grammar-note p{font-size:13px}}
@media(max-width:380px){.discovery-art{display:none}.course-discovery h2{font-size:23px}.guide-model .sound-button{min-width:30px;width:30px;height:33px}.guide-model{gap:8px}.topic-label{font-size:8px}.question-context{font-size:15px}.listening-controls strong{font-size:17px}}
.guide-tabs{overflow-y:hidden}