.lessonScene{border:1px solid var(--border,#dce6e0);background:var(--surface,#f4f8f4);border-radius:20px;margin:28px 0;padding:clamp(16px,3vw,28px)}.lessonScene h3{margin:0 0 18px}.lessonScene>svg{width:100%;height:auto;display:block}.lessonScene ol{padding-left:24px;line-height:1.7}.lessonScene li{padding:5px 0}.lessonScene small{line-height:1.6;display:block}.lessonScene a{color:inherit;text-decoration:underline}[data-theme=dark] .lessonScene{color:#eef5f0;background:#172c24;border-color:#345044}.lessonPage{--ink:#17231e;--green:#216c50;--lime:#d9f15d;--coral:#ff755c;--line:#dde2dc;--muted:#68756e;min-height:100vh;color:var(--ink);background:#f3f4ef}.lessonTop{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 26px;display:grid;position:sticky;top:0}.lessonTop>a{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.lessonTop>a svg{width:18px}.lessonBrand{align-items:center;gap:9px;font-weight:900;display:flex}.lessonBrand i{background:var(--lime);border-radius:50%;place-items:center;width:31px;height:31px;font:italic 800 17px Georgia;display:grid}.lessonTop select{border:1px solid var(--line);background:#fff;border-radius:8px;justify-self:end;padding:9px 12px;font-weight:750}.lessonProgress{z-index:20;background:#dfe4de;height:5px;position:sticky;top:70px}.lessonProgress i{background:var(--green);height:100%;display:block}.lessonWrap{flex-direction:column;width:min(1120px,100% - 32px);margin:auto;padding:55px 0 70px;display:flex}.lessonHeading{order:0}.audioSummary{order:1}.reading{order:2}.lessonQuiz{order:3}.lessonNav{order:4}.lessonHeading{text-align:center;max-width:820px;margin-bottom:28px;margin-left:auto;margin-right:auto}.lessonHeading>span,.sectionLabel{letter-spacing:.13em;color:var(--green);font-size:12px;font-weight:900}.lessonHeading h1{margin:14px 0;font:700 clamp(34px,6vw,52px)/1.05 Georgia}.lessonHeading p{color:var(--muted);max-width:650px;margin:0 auto 10px;font-size:17px;line-height:1.6}.lessonHeading small{color:#87928c}.videoCard,.audioSummary,.reading,.lessonQuiz{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:22px;overflow:hidden;box-shadow:0 12px 35px #18372b0b}.audioSummary{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);align-items:center;gap:24px;width:min(820px,100%);margin-left:auto;margin-right:auto;padding:22px;display:grid}.audioSummaryIntro{align-items:center;gap:14px;display:flex}.audioSummaryIntro>i{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.audioSummaryIntro>i svg{width:23px}.audioSummaryIntro span{color:var(--green);letter-spacing:.1em;font-size:12px;font-weight:900}.audioSummaryIntro h2{margin:4px 0;font:700 22px Georgia}.audioSummaryIntro p{color:var(--muted);margin:0;font-size:14px}.audioPlayer{background:#edf4ef;border-radius:13px;grid-template-columns:46px minmax(0,1fr) 90px;align-items:center;gap:12px;padding:13px;display:grid}.audioPlay{background:var(--ink);color:#fff;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.audioPlay svg{width:19px}.audioTrack{gap:4px;min-width:0;display:grid}.audioTrack input{width:100%;accent-color:var(--green)}.audioTrack span{color:var(--muted);font-size:12px}.audioVolume{align-items:center;gap:5px;display:flex}.audioVolume svg{flex:none;width:16px}.audioVolume input{width:66px;accent-color:var(--green)}.videoCard>header{justify-content:space-between;align-items:center;height:48px;padding:0 18px;font-size:12px;display:flex}.videoCard>header span{letter-spacing:.1em;align-items:center;gap:7px;font-weight:900;display:flex}.videoCard>header svg{width:16px;color:var(--coral)}.videoStage{aspect-ratio:16/9;isolation:isolate;background:#14281f;min-height:440px;position:relative;overflow:hidden}.lessonFrame{background:radial-gradient(circle at 85% 15%,#d9f15d22 0 14%,#0000 15%),linear-gradient(135deg,#17382b,#10251c);place-items:center;padding:clamp(28px,6vw,76px);display:grid}.lessonFrame.frame1{background:linear-gradient(135deg,#1c4535,#10251c)}.lessonFrame.frame2{background:linear-gradient(135deg,#16392f,#172b24)}.lessonFrameContent{text-align:center;color:#fff;width:min(760px,100%)}.lessonFrameContent>span{color:var(--lime);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:900;display:block}.lessonFrameContent h2{margin:0 0 20px;font:700 clamp(26px,4vw,46px)/1.08 Georgia}.lessonFrameContent p{text-wrap:balance;margin:0;font-size:clamp(18px,2.3vw,27px);font-weight:650;line-height:1.45}.lessonFrameContent small{color:#dce8e2;border:1px solid #ffffff42;border-radius:999px;margin-top:18px;padding:6px 10px;font-size:12px;display:inline-block}.lessonFrameProgress{gap:7px;width:min(420px,100% - 48px);display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.lessonFrameProgress i{background:#ffffff38;border-radius:99px;flex:1;height:4px}.lessonFrameProgress i.active{background:var(--lime)}.videoBackdrop{position:absolute;inset:0;overflow:hidden}.sunGlow{background:#ffe77b;border-radius:50%;width:62px;height:62px;position:absolute;top:32px;right:9%;box-shadow:0 0 42px #fff0a0aa}.cloud{background:#f7fcffcc;border-radius:999px;width:110px;height:28px;position:absolute;box-shadow:27px -15px 0 -2px #f7fcffcc,55px -5px 0 -8px #f7fcffcc}.cloudOne{top:62px;left:12%}.cloudTwo{opacity:.7;top:105px;right:30%;transform:scale(.72)}.tree{background:#356b46;border:5px solid #294f38;border-radius:50% 50% 35% 35%;width:44px;height:88px;position:absolute;bottom:128px;box-shadow:inset 10px 0 #4d8458}.tree:after{content:"";z-index:-1;background:#684c35;width:8px;height:42px;position:absolute;top:70px;left:16px}.treeOne{left:5%}.treeTwo{transform-origin:bottom;right:7%;transform:scale(.78)}.lampPost{background:#364842;border-radius:7px;width:7px;height:128px;position:absolute;bottom:94px}.lampPost:before{content:"";background:#364842;border-radius:8px;width:43px;height:8px;position:absolute;top:-4px;left:-2px}.lampPost:after{content:"";background:#fff2a8;border-radius:4px;width:15px;height:9px;position:absolute;top:3px;left:29px;box-shadow:0 6px 18px #fff2a8}.lampOne{left:18%}.lampTwo{transform-origin:bottom;right:17%;transform:scale(.8)}.roadArt{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(90deg,#46504e,#68726f 48%,#46504e);height:270px;position:absolute;bottom:-70px;left:9%;right:9%;box-shadow:0 -6px #aab5a6}.roadLine{filter:drop-shadow(1px 1px #424b48);border-left:7px dashed #fff0b4;height:100%;position:absolute;left:49%}.roadEdge{background:#f7f4e8;width:5px;height:112%;position:absolute;top:0}.roadEdgeLeft{transform-origin:top;left:25%;transform:rotate(17deg)}.roadEdgeRight{transform-origin:top;right:25%;transform:rotate(-17deg)}.otherCar{background:#2f6e9f;border:3px solid #183a51;border-radius:10px 10px 7px 7px;width:35px;height:53px;position:absolute;top:24%;left:56%;box-shadow:0 5px 7px #17231e42}.otherCar span{background:#c6e0e8;border-radius:4px;position:absolute;inset:8px 5px 23px}.videoCar{background:linear-gradient(90deg, #d95141, var(--coral) 48%, #d95141);z-index:3;border:4px solid #fff;border-radius:20px 20px 14px 14px;place-items:center;width:70px;height:90px;font:900 21px Georgia;display:grid;position:absolute;top:55%;left:39%;transform:translateY(-50%);box-shadow:0 12px 18px #14251d55}.videoCar b{z-index:2;position:relative}.carGlass{background:linear-gradient(135deg,#d6eff4,#7aa7b2);border:2px solid #315461;border-radius:9px 9px 4px 4px;height:24px;position:absolute;top:9px;left:11px;right:11px}.carLight{background:#fff5b6;border-radius:50%;width:11px;height:7px;position:absolute;bottom:7px;box-shadow:0 2px 10px #fff5b6}.carLightLeft{left:9px}.carLightRight{right:9px}.carWheel{background:#17201e;border-radius:4px;width:8px;height:21px;position:absolute;bottom:14px}.carWheelLeft{left:-7px}.carWheelRight{right:-7px}.trafficSign{z-index:3;background:linear-gradient(#fff,#f0f2ed);border:8px solid #df4d42;border-radius:50%;place-items:center;width:72px;height:72px;font:900 25px Georgia;display:grid;position:absolute;top:18%;right:19%;box-shadow:0 8px 18px #17231e33,inset 0 0 0 2px #fff}.trafficSign span{z-index:2;position:relative}.trafficSign i{z-index:-1;background:linear-gradient(90deg,#45514d,#7f8a85,#45514d);border-radius:5px;width:9px;height:145px;position:absolute;top:62px;left:29px}.scene1 .videoCar{transition:left 10s;left:53%}.scene2 .trafficSign{background:var(--lime);border-color:#fff}.scene3 .videoCar{left:30%}.scene4 .trafficSign{transform:rotate(-4deg)scale(1.08)}.area-driver.videoStage{background:linear-gradient(#8da6c8 0%,#d4dfec 50%,#718678 50%,#465e51 100%)}.area-eco.videoStage{background:linear-gradient(#74c8c0 0%,#c8ece4 50%,#5f9a62 50%,#3f754b 100%)}.area-vehicle.videoStage{background:linear-gradient(#94abb7 0%,#dde6e9 50%,#747f7b 50%,#4d5954 100%)}.area-safety.videoStage{background:linear-gradient(#789fca 0%,#d4e1ed 50%,#789071 50%,#4a654a 100%)}.scene1 .otherCar{left:47%;transform:translateY(18px)}.scene2 .otherCar{opacity:.65;left:61%}.scene3 .otherCar{left:42%;transform:scale(.82)}.scene4 .otherCar{left:52%;transform:translateY(-10px)}.lessonScene-intersection .roadArt:before,.lessonScene-crossing .roadArt:before,.lessonScene-cycle .roadArt:before,.lessonScene-rail .roadArt:before{content:"";z-index:1;background:#58625f;border-block:4px solid #f5f3e8;height:42px;position:absolute;top:35%;left:4%;right:4%}.lessonScene-crossing .roadArt:before{background:repeating-linear-gradient(90deg,#f8f7ef 0 20px,#59635f 20px 38px);height:58px}.lessonScene-cycle .roadArt:before{background:#75807b;border-block:5px dashed #f8f3df;height:32px}.lessonScene-roundabout .roadArt:before{content:"";z-index:1;background:#6f9867;border:30px solid #59635f;border-radius:50%;width:112px;height:112px;position:absolute;top:21%;left:50%;transform:translate(-50%);box-shadow:0 0 0 5px #f7f4e8}.lessonScene-rail .roadArt:before{background:repeating-linear-gradient(90deg,#4a352b 0 9px,#d9d3c4 9px 16px);border-color:#2e2925;height:50px}.lessonScene-signal .trafficSign{color:#fff;background:#17231e;border-color:#263632;border-radius:13px}.lessonScene-sign .trafficSign,.lessonScene-parking .trafficSign,.lessonScene-speed .trafficSign{color:#17382a}.lessonScene-phone .trafficSign{color:#fff;background:#263632;border-color:#1b2422;border-radius:14px;transform:rotate(8deg)}.lessonScene-tyre .trafficSign{color:#17231e;border:13px solid #1c2522;box-shadow:inset 0 0 0 4px #737f7a,0 8px 18px #17231e33}.lessonScene-trailer .otherCar{background:#caa66d;border-radius:5px;width:74px}.lessonScene-emergency .otherCar{background:linear-gradient(#f7f7f2 0 62%,#267bcb 62%);box-shadow:0 -7px 12px #3c8fe7aa}.lessonScene-night.videoStage{background:linear-gradient(#101a31 0%,#33465a 50%,#354b3d 50%,#1d2d26 100%)}.lessonScene-night .sunGlow{background:#f5edc4;box-shadow:0 0 32px #eef2ff88}.lessonScene-night .cloud{opacity:.2}.lessonScene-night .videoCar{box-shadow:0 -18px 45px #fff3a988,0 12px 18px #07110d88}.lessonScene-winter.videoStage{background:linear-gradient(#b8cede 0%,#eef5f7 50%,#d8e2e5 50%,#aebdc1 100%)}.lessonScene-winter .videoBackdrop:after{content:"✦  ·  ✦   ·   ✦  ·  ✦   ·  ✦";color:#fff;letter-spacing:24px;text-align:center;text-shadow:0 50px #fff,0 100px #fff;font-size:26px;position:absolute;inset:50px 0 auto}.lessonScene-weather.videoStage{background:linear-gradient(#647f91 0%,#b1c3ca 50%,#60776b 50%,#40544a 100%)}.lessonScene-weather .videoBackdrop:after{content:"";background:repeating-linear-gradient(105deg,#0000 0 20px,#dff3ff99 21px 23px,#0000 24px 38px);position:absolute;inset:0}.lessonScene-driver .roadArt,.lessonScene-vehicle .roadArt{box-shadow:inset 0 -58px #1b2422,0 -6px #aab5a6}.lessonScene-charging .trafficSign{color:#2878b8;border-color:#2878b8}.lessonScene-eco .trafficSign{color:#287247;background:#e5f4df;border-color:#358b5b}.lessonScene-city .videoBackdrop{opacity:.75;background:linear-gradient(90deg,#546d72 0 12%,#0000 12% 84%,#667a7e 84%)}.lessonScene-wildlife .otherCar{background:#7d5c3d;border-radius:50% 50% 8px 8px}.lessonScene-overtake .otherCar{top:31%;left:43%}.sceneTopic{z-index:2;background:linear-gradient(90deg,#101914d9,#1019148f 72%,#0000);border-radius:9px;gap:3px;width:min(70%,560px);padding:11px 14px;display:grid;position:absolute;top:18px;left:18px}.sceneTopic small{color:var(--lime);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:900}.sceneTopic strong{color:#fff;font:700 18px/1.25 Georgia}.sceneTopic span{color:#e4ece7;font-size:12px}.caption{color:#fff;text-align:center;background:#101914e8;border-radius:10px;gap:4px;width:min(88%,680px);padding:12px 16px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.caption small{color:var(--lime);letter-spacing:.12em;font-size:12px}.caption strong{font-size:14px;line-height:1.4}.videoControls{background:#fff;align-items:center;gap:13px;min-height:68px;padding:0 18px;display:flex}.videoControls button{background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.videoControls svg{width:18px}.videoControls .playMain{background:var(--ink);color:#fff;border-radius:50%}.videoControls .captionsButton{color:#34483f;letter-spacing:.03em;border:1px solid #c7d0cb;border-radius:8px;width:42px;font-size:12px;font-weight:900}.videoControls .captionsButton.active{background:var(--green);border-color:var(--green);color:#fff}.subtitleLanguage{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.subtitleLanguage select{max-width:112px;height:34px;color:var(--ink);background:#f7faf8;border:1px solid #c7d0cb;border-radius:8px;padding:0 25px 0 9px;font-size:12px;font-weight:800}.expandButton{background:#eef2ef!important;border-radius:8px!important}.videoCard.videoExpanded{z-index:1000;background:#101914;border:0;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.videoCard.videoExpanded>header{color:#fff;background:#101914;flex:none}.videoCard.videoExpanded .videoStage{aspect-ratio:auto;flex:1;min-height:0}.videoCard.videoExpanded .videoControls{background:#fff;flex:none}.reading,.lessonQuiz,.lessonNav{width:min(820px,100%);margin-left:auto;margin-right:auto}.videoControls input{accent-color:var(--green);flex:1}.reading,.lessonQuiz{padding:34px}.sectionLabel{align-items:center;gap:7px;display:flex}.sectionLabel svg{width:17px}.reading h2,.lessonQuiz h2{font:700 28px/1.25 Georgia}.lessonQuiz .trafficQuestionVisual{border:1px solid var(--line);background:#fff;border-radius:18px;margin:0 0 18px;overflow:hidden}.audioError{color:#a32720;padding:0 18px 14px;font-size:14px;font-weight:700}.lessonQuiz .trafficQuestionVisual>svg{width:100%;height:auto;display:block}.lessonQuiz .trafficQuestionVisual figcaption{gap:4px;padding:12px 14px;font-size:.88rem;display:grid}.lessonQuiz .trafficQuestionVisual figcaption span{color:var(--muted)}.readingText p{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.8}.readingText p:first-child{color:var(--ink);font-size:16px}.keyBox{background:#edf4ef;border-radius:13px;margin-top:26px;padding:23px}.keyBox h3{margin-top:0;font:700 20px Georgia}.keyBox>div{grid-template-columns:29px 1fr;align-items:start;gap:10px;margin:13px 0;line-height:1.55;display:grid}.keyBox i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;font-weight:900;display:grid}.quizMeta{color:var(--muted);justify-content:space-between;margin-top:22px;font-size:12px;display:flex}.lessonAnswers{gap:10px;display:grid}.lessonAnswers button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:12px;min-height:62px;padding:10px 14px;font-weight:700;display:flex}.lessonAnswers button>i{background:#eef0ed;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.lessonAnswers button>svg{width:18px;margin-left:auto}.lessonAnswers button.correct{background:#edf5c7;border-color:#a9be45}.lessonAnswers button.wrong{background:#ffe3dd;border-color:#dd7864}.lessonAnswers button.muted{opacity:.55}.quizFeedback{border-radius:11px;margin-top:15px;padding:17px}.quizFeedback.good{background:#edf5c7}.quizFeedback.bad{background:#ffe7e1}.quizFeedback p{font-size:13px;line-height:1.5}.quizFeedback button{background:var(--ink);color:#fff;border:0;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:11px 15px;font-weight:800;display:flex}.quizFeedback button svg{width:16px}.complete{text-align:center;padding:25px 0}.complete>svg{background:var(--lime);border-radius:50%;width:60px;height:60px;padding:15px}.complete h2{font-size:32px}.complete>div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.complete button,.complete a{border:1px solid var(--ink);color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:12px 16px;font-weight:800;text-decoration:none;display:flex}.complete a{background:var(--green);color:#fff;border-color:var(--green)}.complete svg{width:16px}.lessonNav{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lessonNav a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:7px;padding:15px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.lessonNav a:last-child{text-align:right;justify-content:flex-end}.lessonNav svg{flex:none;width:17px}[dir=rtl] .lessonTop>a svg,[dir=rtl] .lessonNav svg,[dir=rtl] .quizFeedback button svg,[dir=rtl] .complete a svg{transform:rotate(180deg)}[dir=rtl] .lessonAnswers button>svg,[dir=rtl] .quizFeedback button{margin-left:0;margin-right:auto}@media (width<=620px){.audioSummary{grid-template-columns:1fr;gap:17px;padding:18px}.audioPlayer{grid-template-columns:46px minmax(0,1fr)}.audioVolume{display:none}.lessonTop{grid-template-columns:auto 1fr auto;padding:0 12px}.lessonTop>a{font-size:0}.lessonTop>a svg{width:22px}.lessonBrand{justify-self:center}.lessonBrand i{display:none}.lessonTop select{max-width:112px}.lessonWrap{padding-top:32px}.videoStage{aspect-ratio:16/10;min-height:0}.videoControls{flex-wrap:wrap;gap:8px;height:auto;min-height:66px;padding:9px 12px}.videoControls .timeline{flex-basis:100%;order:10}.subtitleLanguage{margin-left:auto}.subtitleLanguage>span,.volumeControl{display:none}.caption strong{font-size:12px}.sceneTopic{width:min(76%,320px);padding:9px 11px;top:12px;left:12px}.sceneTopic strong{font-size:14px}.sceneTopic small,.sceneTopic span{font-size:12px}.reading,.lessonQuiz{padding:24px 18px}.reading h2,.lessonQuiz h2{font-size:24px}.lessonNav{grid-template-columns:1fr}.complete>div{flex-direction:column}.complete button,.complete a{justify-content:center}}.sourceNote{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:22px;padding-top:18px;font-size:12px;display:flex}.sourceNote>svg{width:17px;color:var(--green)}.sourceNote a{color:var(--green);text-underline-offset:3px;font-weight:800}html[data-theme=dark] .lessonPage{--ink:#edf2f7;--line:#45566d;--muted:#bbc8d8;background:#0e1420}html[data-theme=dark] :is(.lessonTop,.audioSummary,.reading,.keyBox,.lessonQuiz,.sourceNote,.lessonQuiz .trafficQuestionVisual){color:#edf2f7;background:#182331;border-color:#45566d}html[data-theme=dark] .audioPlayer{background:#223149}html[data-theme=dark] .lessonTop select{color:#edf2f7;background:#223149;border-color:#3a4b43}html[data-theme=dark] .subtitleLanguage select{color:#edf2f7;background:#223149;border-color:#4b6258}html[data-theme=dark] .videoControls .captionsButton{color:#d7e3dd;border-color:#4b6258}html[data-theme=dark] .videoControls .captionsButton.active{color:#102119;background:#63c69a}html[data-theme=dark] .expandButton{color:#edf2f7;background:#263a31!important}html[data-theme=dark] .lessonAnswers button,html[data-theme=dark] :is(.lessonNav a,.quizFeedback,.reading section,.complete){color:#edf2f7;background:#223149;border-color:#52657c}html[data-theme=dark] :is(.videoControls,.caption){color:#edf2f7;background:#111927}.lessonQuestionTools{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.quizFeedback small{color:inherit;opacity:.85;margin-top:6px;display:block}.lessonHeading,.reading,.lessonQuiz,.audioSummaryIntro,.lessonNav a{overflow-wrap:anywhere;min-width:0}.lessonAnswers button>i{flex:0 0 34px}.audioTrack input{min-height:44px;margin:0}.lessonTop>a{min-width:44px;min-height:44px}.lessonTop select{min-height:44px}html[data-theme=dark] :is(.audioPlay,.quizFeedback button){color:#17231e;background:#d9f15d}@media (width>=621px) and (width<=860px){.audioSummary{grid-template-columns:minmax(0,1fr)}}.readingText h3{color:var(--ink);margin:28px 0 16px;font:700 22px/1.4 Georgia,serif}