.tl-lesson{--navy:#1a2e56;--navy2:#10213f;--blue:#2756d2;--mint:#00d6a3;--bg:#f4f8fa;--text:#14213d;--muted:#65738a;--line:#dce6ef;--white:#fff;--soft:#eaf0ff;--good:#078265;--bad:#c23b4b;--shadow:0 18px 55px #1a2e561c}.tl-lesson *{box-sizing:border-box}.tl-lesson{scroll-behavior:smooth;background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,system-ui,sans-serif}.tl-lesson button,.tl-lesson a{font:inherit}.tl-lesson a{color:inherit;text-decoration:none}.tl-lesson button{color:inherit}.tl-lesson .site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f4f8faeb;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.tl-lesson .brand{letter-spacing:-1px;font-size:23px;font-weight:800}.tl-lesson .brand span{color:var(--mint)}.tl-lesson .header-actions,.tl-lesson .hero-actions{align-items:center;gap:10px;display:flex}.tl-lesson .primary,.tl-lesson .secondary,.tl-lesson .ghost{cursor:pointer;border:0;border-radius:13px;padding:13px 18px;font-weight:750}.tl-lesson .primary{background:var(--blue);color:#fff;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 9px 22px #2756d233}.tl-lesson .primary.compact{padding:10px 16px}.tl-lesson .secondary{border:1px solid var(--line);background:#fff}.tl-lesson .ghost{color:var(--navy);background:0 0}.tl-lesson main{overflow:hidden}.tl-lesson .hero,.tl-lesson .section{max-width:1180px;margin:auto;padding:84px 24px}.tl-lesson .hero{background:radial-gradient(circle at 85% 20%,#00d6a324,#0000 25rem);flex-direction:column;justify-content:center;min-height:620px;display:flex}.tl-lesson .eyebrow,.tl-lesson .section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:12px;font-weight:800}.tl-lesson .hero h1{letter-spacing:-.065em;margin:20px 0;font-size:clamp(52px,8vw,92px);line-height:.92}.tl-lesson .hero h1 em{color:var(--blue);font-style:normal}.tl-lesson .lead{color:var(--muted);max-width:720px;font-size:21px;line-height:1.6}.tl-lesson .formula,.tl-lesson .sentence{flex-wrap:wrap;align-items:center;gap:12px;margin:32px 0;font-size:clamp(25px,4vw,42px);font-weight:700;display:flex}.tl-lesson .formula span,.tl-lesson .formula b,.tl-lesson .formula mark,.tl-lesson .sentence span,.tl-lesson .sentence b,.tl-lesson .sentence mark{border-radius:15px;padding:12px 18px}.tl-lesson .formula span,.tl-lesson .sentence span{border:1px solid var(--line);background:#fff}.tl-lesson .formula b,.tl-lesson .sentence b{background:var(--blue);color:#fff}.tl-lesson .formula mark,.tl-lesson .sentence mark{background:var(--mint);color:#063a30}.tl-lesson .section{padding-top:90px;padding-bottom:90px}.tl-lesson .section h2{letter-spacing:-.045em;margin:16px 0 22px;font-size:clamp(35px,5vw,60px);line-height:1.03}.tl-lesson .section>p,.tl-lesson .split p{color:var(--muted);max-width:760px;font-size:18px;line-height:1.65}.tl-lesson .split{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;display:grid}.tl-lesson .rule-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tl-lesson .rule-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.tl-lesson .rule-grid span,.tl-lesson .rule-grid article>strong,.tl-lesson .rule-grid small{display:block}.tl-lesson .rule-grid span{color:var(--muted);min-height:38px;font-size:13px}.tl-lesson .rule-grid article>strong{color:var(--blue);margin:10px 0;font-size:35px}.tl-lesson .rule-grid small{font-weight:650}.tl-lesson .dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;max-width:none;padding-left:max(24px,50vw - 566px);padding-right:max(24px,50vw - 566px)}.tl-lesson .mint{color:var(--mint)}.tl-lesson .dark h2{max-width:780px}.tl-lesson .light-copy{color:#c8d6ed!important}.tl-lesson .builder{background:#ffffff14;border:1px solid #ffffff2e;border-radius:25px;margin-top:35px;padding:30px}.tl-lesson .sentence{margin:0 0 30px}.tl-lesson .builder-columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tl-lesson .builder label{color:#b9c9e3;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.tl-lesson .chips{flex-wrap:wrap;gap:9px;display:flex}.tl-lesson .chips button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #fff3;border-radius:11px;padding:10px 14px;font-weight:700}.tl-lesson .chips button.active{background:var(--mint);color:#063a30;border-color:var(--mint)}.tl-lesson .pattern-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tl-lesson .pattern-grid article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:24px}.tl-lesson .pattern-tag{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.tl-lesson .pattern-tag.positive{color:var(--good);background:#ddf8f0}.tl-lesson .pattern-tag.negative{color:var(--bad);background:#fff0f2}.tl-lesson .pattern-tag.question{background:var(--soft);color:var(--blue)}.tl-lesson .mini-formula{background:var(--bg);border-radius:12px;margin:18px 0;padding:13px;font-size:13px}.tl-lesson .pattern-grid p{line-height:1.9}.tl-lesson .soft{background:#e9f0ff;max-width:none;padding-left:max(24px,50vw - 566px);padding-right:max(24px,50vw - 566px)}.tl-lesson .quick-check{box-shadow:var(--shadow);background:#fff;border:1px solid #cdd9ed;border-radius:24px;max-width:760px;padding:32px}.tl-lesson .question-number{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.tl-lesson .quick-check>p{margin:18px 0;font-size:28px;font-weight:700}.tl-lesson .answer-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tl-lesson .answer-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;padding:14px;font-weight:800}.tl-lesson .answer-options button.correct{color:var(--good);background:#ddf8f0;border-color:#74ceb4}.tl-lesson .answer-options button.wrong{color:var(--bad);background:#fff0f2;border-color:#e9a9b2}.tl-lesson .feedback{border-radius:12px;margin-top:16px;padding:14px;font-weight:650;display:none}.tl-lesson .feedback.good{color:var(--good);background:#ddf8f0;display:block}.tl-lesson .feedback.bad{color:var(--bad);background:#fff0f2;display:block}.tl-lesson .situations{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.tl-lesson .situations article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.tl-lesson .situations span{font-size:28px}.tl-lesson .situations article>strong{margin:16px 0 8px;display:block}.tl-lesson .situations p{color:var(--text);font-size:17px;line-height:1.5}.tl-lesson .mistakes{gap:12px;display:grid}.tl-lesson .mistakes article{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;font-weight:700;display:grid;overflow:hidden}.tl-lesson .wrong,.tl-lesson .right{padding:20px}.tl-lesson .wrong{color:var(--bad);background:#fff5f6}.tl-lesson .right{color:var(--good);background:#e9faf5}.tl-lesson .mistakes .mistake-choice{font-weight:400;display:block}.tl-lesson .mistake-choice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.tl-lesson .mistake-choice-options button{border:2px solid var(--line);min-width:0;min-height:72px;color:var(--navy);text-align:left;font:inherit;overflow-wrap:anywhere;cursor:pointer;background:#f5f8fb;border-radius:12px;padding:20px;font-size:21px;line-height:1.5}.tl-lesson .mistake-choice-options button:hover:not(:disabled){border-color:var(--blue)}.tl-lesson .mistake-choice-options button:disabled{opacity:1;cursor:default}.tl-lesson .mistake-choice-options .is-correct{color:#07563e;background:#e9faf5;border-color:#087552}.tl-lesson .mistake-choice-options .is-incorrect{color:#912139;background:#fff0f3;border-color:#ba2948}.tl-lesson .mistake-choice-label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.tl-lesson .mistake-choice-feedback:not(:empty){padding:0 20px 20px}.tl-lesson .mistake-choice-feedback p{margin:8px 0 0;font-size:18px}@media(max-width:560px){.tl-lesson .mistake-choice-options{grid-template-columns:1fr}}.tl-lesson .summary{background:radial-gradient(circle at 90% 0,#00d6a31f,#0000 26rem)}.tl-lesson .summary-card{grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;display:grid}.tl-lesson .summary-card div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;display:block}.tl-lesson .summary-card span{color:var(--muted);margin-bottom:12px;font-weight:650;display:block}.tl-lesson .summary-card b{color:var(--blue);font-size:30px}.tl-lesson .practice{padding-bottom:120px}.tl-lesson .recommended{background:linear-gradient(125deg,var(--navy),#2c4f91);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:30px 0;padding:26px;display:flex}.tl-lesson .recommended span>*{display:block}.tl-lesson .recommended small{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.tl-lesson .recommended strong{margin:7px 0;font-size:24px}.tl-lesson .recommended em{color:#cbd8ed;font-style:normal}.tl-lesson .recommended>b{font-size:18px}.tl-lesson .practice-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tl-lesson .practice-grid a{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px}.tl-lesson .practice-grid strong,.tl-lesson .practice-grid span{display:block}.tl-lesson .practice-grid span{color:var(--blue);margin-top:12px;font-size:12px;font-weight:700}.tl-lesson footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:35px max(24px,50vw - 590px);font-size:13px;display:flex}.tl-lesson .presentation-controls{display:none}.tl-lesson.presenting{background:var(--navy2);overflow:hidden}.tl-lesson.presenting .site-header,.tl-lesson.presenting footer{display:none}.tl-lesson.presenting main{height:100vh;overflow:hidden}.tl-lesson.presenting .slide{display:none!important}.tl-lesson.presenting .slide.current{flex-direction:column;justify-content:safe center;width:100vw;max-width:none;height:100vh;margin:0;padding:7vh 8vw 100px;overflow:auto;display:flex!important}.tl-lesson.presenting .slide.current.split{display:grid!important}.tl-lesson.presenting .presentation-controls{z-index:100;color:#fff;background:#10213ff0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:22px;padding:9px 12px 9px 17px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.tl-lesson .presentation-controls button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:9px 14px}.tl-lesson .presentation-controls div{gap:6px;display:flex}.tl-lesson.presenting .hero{background:radial-gradient(circle at 85% 20%,#00d6a333,transparent 25rem),var(--bg)}.tl-lesson.presenting .section:not(.dark):not(.soft){background:var(--bg)}@media(max-width:850px){.tl-lesson .ghost{display:none}.tl-lesson .hero{min-height:auto;padding-top:55px}.tl-lesson .split,.tl-lesson .rule-grid,.tl-lesson .pattern-grid,.tl-lesson .builder-columns{grid-template-columns:1fr}.tl-lesson .situations,.tl-lesson .practice-grid{grid-template-columns:1fr 1fr}.tl-lesson .summary-card,.tl-lesson .mistakes article{grid-template-columns:1fr}}@media(max-width:560px){.tl-lesson .site-header{padding:0 15px}.tl-lesson .header-actions .primary{display:none}.tl-lesson .hero,.tl-lesson .section{padding:55px 16px}.tl-lesson .hero h1{font-size:49px}.tl-lesson .hero-actions{flex-direction:column;align-items:stretch}.tl-lesson .hero-actions>*{width:100%}.tl-lesson .formula,.tl-lesson .sentence{gap:6px;font-size:22px}.tl-lesson .formula span,.tl-lesson .formula b,.tl-lesson .formula mark,.tl-lesson .sentence span,.tl-lesson .sentence b,.tl-lesson .sentence mark{padding:9px 11px}.tl-lesson .rule-grid,.tl-lesson .situations,.tl-lesson .practice-grid,.tl-lesson .answer-options{grid-template-columns:1fr}.tl-lesson .recommended{flex-direction:column;align-items:flex-start}.tl-lesson .builder{padding:20px}.tl-lesson .section h2{font-size:36px}.tl-lesson footer{flex-direction:column;gap:10px}}.tl-lesson .formula span,.tl-lesson .sentence span{color:var(--navy)}.tl-lesson{background:var(--bg);color:var(--text);min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif}.tl-lesson .lesson-tools{height:64px;top:80px}.tl-lesson .lesson-library-link{color:var(--muted);font-size:13px}.tl-lesson .slide[hidden],.lesson-page [hidden]{display:none!important}.tl-lesson.presenting{z-index:1000;position:fixed;inset:0;overflow:hidden}.tl-lesson.presenting .slide.current{overscroll-behavior:contain;width:100%;height:100dvh}.tl-lesson .ghost{align-items:center;min-height:44px;display:inline-flex}.tl-lesson button:focus-visible,.tl-lesson a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.tl-lesson .dark button:focus-visible,.tl-lesson .presentation-controls button:focus-visible{outline-color:var(--mint)}.tl-lesson .quick-check .feedback:empty{display:none}.tl-lesson .quick-check .feedback:not(:empty){display:block}.tl-lesson .quick-check+.quick-check{margin-top:20px}.tl-lesson .pattern-grid .mini-formula{font-size:15px;line-height:1.6}.tl-lesson .summary-card b{margin-left:16px;font-size:20px}.tl-lesson .be-summary b{font-size:30px}.tl-lesson .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-lesson .lesson-hint{margin-top:16px}.tl-lesson .lesson-hint button{cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.tl-lesson .quick-check>p{overflow-wrap:anywhere}.tl-lesson .lesson-extra{margin-top:20px}.tl-lesson .slide{scroll-margin-top:150px}@media(max-width:767px){.tl-lesson .lesson-tools{top:68px}.tl-lesson .lesson-library-link{display:none}.tl-lesson .header-actions{justify-content:space-between;width:100%}.tl-lesson .header-actions .primary{display:inline-flex}.tl-lesson .ghost{padding:8px;font-size:13px}.tl-lesson.presenting .slide.current{justify-content:flex-start;padding:30px 20px 110px}.tl-lesson .practice-grid{grid-template-columns:1fr}.tl-lesson .presentation-controls{white-space:nowrap;gap:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){.tl-lesson{scroll-behavior:auto}}.tl-lesson .builder-label{color:#b9c9e3;margin:0 0 10px;font-size:13px;font-weight:700;display:block}.tl-lesson .lesson-rule-cards article>strong{overflow-wrap:anywhere;font-size:22px;line-height:1.3}.tl-lesson .mistake-reason{margin-top:8px;font-weight:400;line-height:1.6;display:block}.tl-lesson .lesson-capacity{margin-top:24px;font-size:14px}.tl-lesson .summary-rules p{color:var(--muted);font-size:17px;line-height:1.7}.tl-lesson{line-height:normal}.tl-lesson h1,.tl-lesson h2,.tl-lesson h3{font-weight:700}.tl-lesson p{margin:1em 0}.tl-lesson .sentence,.tl-lesson .formula{line-height:normal}.tl-lesson .builder-label{margin:0 0 10px}.tl-lesson .hero .lead{margin-top:1em;margin-bottom:1em}.tl-lesson .builder-form{margin:24px 0}.tl-lesson .builder-note{color:#d4e2f5;font-size:16px;line-height:1.6}.tl-lesson .lesson-dialogue{white-space:pre-line;line-height:1.8}.tl-lesson .lesson-speaking-task{border-top:1px solid var(--line);color:var(--text);padding-top:16px;font-size:16px}.tl-lesson .lesson-meaning-contrast{background:var(--soft);border-radius:20px;margin-top:24px;padding:24px}.tl-lesson .lesson-meaning-contrast h3{font-size:24px}.tl-lesson .lesson-meaning-contrast p{line-height:1.7}.tl-lesson .pattern-grid article>p{font-size:17px;line-height:1.7}.tl-lesson .lesson-room-picture{width:100%;height:auto;margin-bottom:20px;display:block}.tl-lesson .lesson-picture-grid article{padding:18px}.tl-lesson .lesson-picture-grid strong{font-size:23px;line-height:1.4}.tl-lesson .lesson-picture-grid p{color:var(--muted);font-size:17px;line-height:1.7}.tl-lesson .dark .lesson-scene figcaption{color:#d4e2f5}.tl-lesson .lesson-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tl-lesson .practice-built-sentence{align-items:stretch;line-height:1.35}.tl-lesson [data-sentence-block]{overflow-wrap:anywhere;min-width:0;max-width:100%}.tl-lesson .practice-built-sentence [data-complement-color=pink]{color:#17233f;background:#ff7eb9}.tl-lesson .practice-built-sentence [data-complement-color=yellow]{color:#17233f;background:#ffe080}.tl-lesson .practice-built-sentence [data-complement-color=purple]{color:#17233f;background:#c9a7ff}.tl-lesson .lesson-rule-cards p{font-size:23px;line-height:1.5}.tl-lesson .summary-card p{font-size:20px;line-height:1.5}.tl-lesson .lesson-extra>div{margin-top:24px}.tl-lesson .lesson-extra h3{font-size:22px}.tl-lesson .lesson-extra p{font-size:17px;line-height:1.7}@media(max-width:767px){.tl-lesson .lesson-scene-grid{grid-template-columns:1fr}}.tl-lesson .cafe-scene{color:#142849;background:#edf5f8;border:1px solid #ccdde5;border-radius:20px;margin:24px 0;padding:20px}.tl-lesson .cafe-title{color:#142849;margin:0 0 14px;font-size:17px;font-weight:700}.tl-lesson .cafe-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tl-lesson .cafe-items figure{background:#fff;border-radius:14px;min-width:0;margin:0;padding:12px}.tl-lesson .cafe-items svg{width:100%;height:auto;max-height:155px;display:block}.tl-lesson .cafe-items figcaption{text-align:center;font-size:19px;line-height:1.5}.tl-lesson .cafe-scene-interactive .cafe-items{grid-template-columns:minmax(0,1fr)}.tl-lesson .cafe-scene-interactive{max-width:480px}.tl-lesson .cafe-builder-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.tl-lesson .cafe-builder-layout>.cafe-scene{max-width:none;margin:0}.tl-lesson .cafe-builder-layout>.builder{min-width:0;margin-top:0}@media(max-width:850px){.tl-lesson .cafe-builder-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:650px){.tl-lesson .cafe-items{grid-template-columns:1fr}.tl-lesson .cafe-scene{padding:14px}}