.grammar-shell{--grammar-ink:#2d393e;--grammar-paper:#fffdf8;--grammar-coral:#ef6b61;--grammar-coral-dark:#a9413a;--grammar-gold:#efbd55;--grammar-mint:#79bea4;--grammar-blue:#72a9c4;width:min(1280px,100% - 64px);color:var(--grammar-ink);margin:0 auto;padding-bottom:28px}.grammar-header{border-bottom:1px dashed #d9bd90;justify-content:space-between;align-items:center;gap:20px;min-height:105px;display:flex}.grammar-brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.grammar-brand>span{background:var(--grammar-coral);color:#fff;width:60px;height:58px;box-shadow:0 7px 0 var(--grammar-coral-dark);border-radius:18px;grid-template-columns:1fr 1fr;place-items:center;display:grid;transform:rotate(-3deg)}.grammar-brand>span b,.grammar-brand>span i{font:900 24px/1 Arial Rounded MT Bold,sans-serif}.grammar-brand>span i{color:#ffe18f;font-style:normal}.grammar-brand>div{gap:3px;display:grid}.grammar-brand strong{font-size:21px}.grammar-brand small{color:#7c7069;letter-spacing:.12em;font-size:10px}.grammar-back{min-height:48px;color:var(--grammar-ink);background:#fffdf8d1;border:1px solid #d5c09a;border-radius:16px;align-items:center;padding:0 16px;font-size:12px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 5px #e2d0b0}.grammar-hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:65px;min-height:600px;padding:72px 0;display:grid}.grammar-kicker,.grammar-principles>div:first-child>span,.grammar-path>header>span,.grammar-lesson-hero>div>span,.grammar-compare>header>span,.grammar-blocks>div:first-child>span,.grammar-check>header span,.grammar-exit>span{color:var(--grammar-coral-dark);letter-spacing:.12em;font-size:clamp(12px,1.05vw,14px);font-weight:950}.grammar-hero h1{letter-spacing:-.055em;margin:14px 0 21px;font:900 clamp(54px,6.4vw,82px)/.98 Arial Rounded MT Bold,sans-serif}.grammar-nowrap{white-space:nowrap}.grammar-hero h1 em,.grammar-lesson-hero h1 em{color:var(--grammar-coral);font-style:normal}.grammar-hero>div>p{color:#716660;max-width:700px;margin:0;font-size:16px;line-height:1.8}.grammar-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.grammar-actions a{color:#fff;background:var(--grammar-ink);border-radius:17px;align-items:center;gap:25px;min-height:58px;padding:0 21px;font-size:13px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 6px #142126}.grammar-actions a span{color:var(--grammar-gold);font-size:20px}.grammar-actions a:last-child{color:var(--grammar-ink);background:#fffaf0;border:1px solid #d5c09a;box-shadow:0 6px #e2d0b0}.grammar-hero>aside{background:var(--grammar-ink);color:#fff;border-radius:32px;padding:32px;box-shadow:0 14px #142126}.grammar-hero>aside>span{color:var(--grammar-gold);letter-spacing:.14em;font-size:11px;font-weight:950}.grammar-hero ol{gap:10px;margin:19px 0 0;padding:0;list-style:none;display:grid}.grammar-hero li{background:#37494f;border:1px solid #52646b;border-radius:20px;grid-template-columns:46px 1fr;align-items:center;gap:13px;min-height:94px;padding:15px;display:grid}.grammar-hero li>b{background:var(--grammar-coral);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.grammar-hero li>div{gap:5px;display:grid}.grammar-hero li strong{font-size:15px}.grammar-hero li small{color:#c2cfcc;font-size:11px;line-height:1.45}.grammar-principles{background:#fff8e9;border:1px solid #e6d4b7;border-radius:34px;padding:38px;box-shadow:0 10px #ead8b8}.grammar-principles>div:first-child h2,.grammar-path>header h2{margin:8px 0 0;font:900 clamp(34px,4.5vw,57px)/1.06 Arial Rounded MT Bold,sans-serif}.grammar-principle-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.grammar-principle-grid article{background:#fff;border:1px solid #ead8b8;border-radius:24px;min-height:210px;padding:23px}.grammar-principle-grid article>b{color:var(--grammar-coral);letter-spacing:.13em;font-size:12px}.grammar-principle-grid h3{margin:20px 0 9px;font-size:21px}.grammar-principle-grid p{color:#70655f;margin:0;font-size:13px;line-height:1.7}.grammar-path{background:var(--grammar-ink);color:#fff;border-radius:38px;margin-top:30px;padding:40px;scroll-margin-top:20px;box-shadow:0 22px 55px #29343a33}.grammar-path>header{grid-template-columns:auto 1fr;align-items:start;gap:17px;display:grid}.grammar-path>header>span{color:var(--grammar-gold);margin-top:8px}.grammar-path>header h2{margin:0}.grammar-path>header p{color:#bdc8c5;margin:7px 0 0;font-size:12px}.grammar-phase{border-top:1px solid #4d5f66;margin-top:34px;padding-top:31px}.grammar-phase-heading{grid-template-columns:98px 1fr;align-items:start;gap:20px;margin-bottom:20px;display:grid}.grammar-phase-heading>span{background:var(--phase,var(--grammar-coral));color:#fff;border-radius:17px;place-items:center;min-height:54px;font-size:17px;font-weight:950;display:grid}.grammar-phase-heading small{color:var(--grammar-gold);letter-spacing:.14em;font-size:10px;font-weight:950}.grammar-phase-heading h3{margin:6px 0 5px;font:900 clamp(26px,3.1vw,39px)/1.08 Arial Rounded MT Bold,sans-serif}.grammar-phase-heading p{color:#bdc8c5;margin:0;font-size:13px;line-height:1.65}.grammar-phase.sentence{--phase:#ef6b61}.grammar-phase.action{--phase:#d59c2f}.grammar-phase.expand{--phase:#529a80}.grammar-phase.time{--phase:#7b72b0}.grammar-stage-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.grammar-stage-grid article{background:var(--grammar-paper);min-height:495px;color:var(--grammar-ink);border:2px solid #0000;border-radius:27px;grid-template-rows:auto auto auto auto 1fr auto auto;gap:13px;padding:27px;display:grid;box-shadow:0 8px #142126}.grammar-stage-grid article.ready{border-color:var(--grammar-mint)}.grammar-stage-number{justify-content:space-between;align-items:center;display:flex}.grammar-stage-number b{background:var(--phase);color:#fff;border-radius:15px;place-items:center;width:49px;height:49px;font-size:18px;display:grid}.grammar-stage-number small{color:var(--phase);letter-spacing:.12em;font-size:10px;font-weight:950}.grammar-stage-grid article>span{color:var(--phase);font-size:12px;font-weight:900}.grammar-stage-grid h4{margin:0;font:900 clamp(28px,3vw,40px)/1.08 Arial Rounded MT Bold,sans-serif}.grammar-stage-grid article>p{color:#6f655f;margin:0;font-size:15px;line-height:1.65}.grammar-stage-grid article>strong{background:color-mix(in srgb, var(--phase), white 84%);width:fit-content;color:color-mix(in srgb, var(--phase), #111 25%);border-radius:14px;padding:12px 15px;font-size:17px}.grammar-reason{border-top:1px dashed #d8c9b2;padding-top:15px}.grammar-reason small{color:#8a7c72;font-size:10px;font-weight:900}.grammar-reason p{margin:6px 0 0;font-size:13px;line-height:1.6}.grammar-stage-grid article>a,.grammar-planned-label{border-radius:15px;justify-content:space-between;align-items:center;min-height:54px;padding:0 17px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.grammar-stage-grid article>a{background:var(--phase);color:#fff;box-shadow:0 5px 0 color-mix(in srgb, var(--phase), #000 27%)}.grammar-stage-grid article>a span{font-size:20px}.grammar-planned-label{color:#897b70;background:#f7efe2;border:1px dashed #cfc0a8;justify-content:center}.grammar-parent-note{background:#e3f3ec;border:1px solid #bdd9ce;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:34px;margin-top:30px;padding:35px;display:grid;box-shadow:0 10px #bad8cc}.grammar-parent-note span{color:#2f8068;letter-spacing:.14em;font-size:10px;font-weight:950}.grammar-parent-note h2{margin:8px 0 0;font:900 clamp(28px,3.4vw,44px)/1.08 Arial Rounded MT Bold,sans-serif}.grammar-parent-note p{color:#586963;margin:0;font-size:14px;line-height:1.8}.grammar-footer{color:#776c65;justify-content:space-between;align-items:center;gap:25px;min-height:105px;font-size:11px;display:flex}.grammar-footer b{color:var(--grammar-ink)}.grammar-lesson-hero{grid-template-columns:1fr .55fr;align-items:center;gap:55px;min-height:470px;padding:58px 0;display:grid}.grammar-lesson-hero h1{letter-spacing:-.05em;margin:12px 0 17px;font:900 clamp(54px,7vw,86px)/.98 Arial Rounded MT Bold,sans-serif}.grammar-lesson-hero>div>p{color:#716660;max-width:680px;margin:0;font-size:16px;line-height:1.8}.grammar-lesson-hero aside{background:var(--grammar-ink);color:#fff;border-radius:30px;flex-direction:column;justify-content:center;gap:13px;min-height:220px;padding:28px;display:flex;box-shadow:0 12px #142126}.grammar-lesson-hero aside small{color:var(--grammar-gold);letter-spacing:.1em;font-size:13px;font-weight:950}.grammar-lesson-hero aside strong{font-size:23px;line-height:1.35}.grammar-lesson-hero aside span{color:#bdc8c5;font-size:14px;line-height:1.55}.grammar-compare,.grammar-blocks,.grammar-check{border-radius:34px;margin-bottom:28px;padding:36px}.grammar-compare{background:var(--grammar-ink);color:#fff;box-shadow:0 14px #142126}.grammar-compare>header h2,.grammar-blocks>div:first-child h2,.grammar-check>header h2{margin:8px 0 0;font:900 clamp(30px,4vw,49px)/1.08 Arial Rounded MT Bold,sans-serif}.grammar-compare>header>span{color:var(--grammar-gold)}.grammar-compare-grid{gap:13px;margin-top:27px;display:grid}.grammar-compare-grid>article{grid-template-columns:.65fr 48px 1fr;align-items:stretch;gap:12px;min-height:170px;display:grid}.grammar-word-card,.grammar-sentence-card{border-radius:23px;flex-direction:column;justify-content:center;gap:9px;padding:21px;display:flex}.grammar-word-card{background:#3a4b51;border:1px solid #607178}.grammar-sentence-card{color:var(--grammar-ink);background:#fffaf0}.grammar-word-card small,.grammar-sentence-card small{color:#9fb0ad;letter-spacing:.08em;font-size:13px;font-weight:900}.grammar-sentence-card small{color:#9c7068}.grammar-word-card strong{font:900 34px/1 Arial Rounded MT Bold,sans-serif}.grammar-sentence-card strong{font:900 clamp(25px,3vw,38px)/1.15 Arial Rounded MT Bold,sans-serif}.grammar-sentence-card strong i{color:#4e91b2;font-style:normal}.grammar-sentence-card strong em{color:var(--grammar-coral);font-style:normal}.grammar-word-card span{color:#bdc8c5;font-size:15px}.grammar-sentence-card span{color:#716660;font-size:15px}.grammar-arrow{color:var(--grammar-gold);place-items:center;font-size:27px;display:grid}.grammar-speak-button{color:#25604e;cursor:pointer;background:#edf7f3;border:1px solid #b8d2c8;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:fit-content;min-height:42px;padding:8px 13px;font-size:13px;font-weight:900;line-height:1.2;display:inline-flex;box-shadow:0 3px #b8d2c8}.grammar-speak-button:hover{transform:translateY(-1px)}.grammar-speak-button:focus-visible{outline:3px solid var(--grammar-gold);outline-offset:3px}.grammar-speak-button[data-state=playing]{color:#755310;box-shadow-color:#d5ad49;background:#fff0b9;border-color:#d5ad49}.grammar-speak-button[data-state=failed]{color:#9d4039;box-shadow-color:#d8938c;background:#ffe4df;border-color:#d8938c}.grammar-shell .grammar-speech-error{color:#9d4039;background:#fff2ed;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.6;display:block}.grammar-sentence-card .grammar-speak-button{margin-top:4px}.grammar-blocks{background:#fff6e4;border:1px solid #e4cfaa;box-shadow:0 10px #e7d0a8}.grammar-blocks>div:first-child>p{color:#6f655f;max-width:850px;margin:13px 0 0;font-size:17px;line-height:1.75}.grammar-block-demo{grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin-top:25px;display:grid}.grammar-block-demo>div{background:#ddecf4;border:2px solid #72a9c4;border-radius:24px;align-content:center;place-items:center;gap:8px;min-height:130px;padding:20px;display:grid}.grammar-block-demo>div:nth-of-type(2){border-color:var(--grammar-coral);background:#ffe4df}.grammar-block-demo>div small{color:#61737b;font-size:14px;font-weight:900}.grammar-block-demo>div strong{font:900 clamp(29px,4vw,45px)/1 Arial Rounded MT Bold,sans-serif}.grammar-block-demo>b{font-size:27px}.grammar-block-demo>span{background:var(--grammar-ink);color:#fff;border-radius:19px;grid-column:1/-1;justify-content:center;align-items:center;gap:18px;min-height:78px;padding:12px 20px;font:900 clamp(25px,3.5vw,38px)/1 Arial Rounded MT Bold,sans-serif;display:flex}.grammar-block-demo>span small{color:#bdc8c5;font:500 12px/1.4 inherit}.grammar-blocks details{background:#f0dec0;border-radius:18px;margin-top:17px;padding:17px 19px}.grammar-blocks summary{cursor:pointer;color:#9d4039;font-size:15px;font-weight:900}.grammar-blocks details p{color:#645a55;margin:11px 0 0;font-size:14px;line-height:1.75}.grammar-check{background:#e3f3ec;border:1px solid #bdd9ce;box-shadow:0 10px #bad8cc}.grammar-check>header{justify-content:space-between;align-items:end;gap:20px;display:flex}.grammar-check>header>strong{color:#fff;text-align:center;background:#2f8068;border-radius:16px;min-width:91px;padding:13px}.grammar-question{background:#fff;border:1px solid #c9ded5;border-radius:27px;align-content:center;place-items:center;gap:25px;min-height:260px;margin-top:25px;padding:28px;display:grid}.grammar-question>small{color:#2f8068;letter-spacing:.1em;font-size:13px;font-weight:900}.grammar-question>strong{text-align:center;font:900 clamp(38px,6vw,68px)/1.1 Arial Rounded MT Bold,sans-serif}.grammar-question>div{grid-template-columns:1fr 1fr;gap:11px;width:min(100%,560px);display:grid}.grammar-question button{background:var(--grammar-ink);color:#fff;cursor:pointer;border:0;border-radius:17px;min-height:66px;padding:0 18px;font-size:16px;font-weight:900;box-shadow:0 5px #142126}.grammar-question button:last-child{background:var(--grammar-coral);box-shadow:0 5px 0 var(--grammar-coral-dark)}.grammar-question button:disabled{cursor:default;opacity:.55}.grammar-feedback{border-radius:19px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:13px;padding:17px 19px;display:grid}.grammar-feedback.correct{background:#c7e8da}.grammar-feedback.wrong{background:#ffe0da}.grammar-feedback b{color:#25604e;font-size:17px}.grammar-feedback.wrong b{color:#9d4039}.grammar-feedback p{color:#53635d;margin:6px 0 0;font-size:14px;line-height:1.65}.grammar-feedback-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.grammar-feedback-actions>button:not(.grammar-speak-button){background:var(--grammar-ink);color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:49px;padding:0 18px;font-size:14px;font-weight:900}.grammar-exit{background:#eee6f6;border-radius:31px;grid-template-columns:auto 1fr auto;align-items:center;gap:21px;margin:0 0 30px;padding:31px;display:grid;box-shadow:0 9px #d1c2de}.grammar-exit>span{color:#775793;white-space:nowrap}.grammar-exit h2{margin:0 0 8px;font-size:24px;line-height:1.35}.grammar-exit p{color:#655b6d;margin:0;font-size:14px;line-height:1.65}.grammar-exit a{color:#fff;background:#775793;border-radius:15px;align-items:center;min-height:52px;padding:0 18px;font-size:14px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 5px #4d3760}.grammar-foundation{--lesson-accent:#5d9fba;--lesson-soft:#e5f2f7}.grammar-foundation-3{--lesson-accent:#8870a2;--lesson-soft:#eee7f4}.grammar-foundation-4{--lesson-accent:#c79027;--lesson-soft:#fff0c9}.grammar-foundation-5{--lesson-accent:#3f9275;--lesson-soft:#dff1e9}.grammar-foundation-6{--lesson-accent:#cf685e;--lesson-soft:#ffe7e2}.grammar-foundation-7{--lesson-accent:#7b72b0;--lesson-soft:#ebe8f7}.grammar-foundation-8{--lesson-accent:#3f9275;--lesson-soft:#dff1e9}.grammar-foundation-9{--lesson-accent:#4f8ca9;--lesson-soft:#e3f1f7}.grammar-foundation-10{--lesson-accent:#c79027;--lesson-soft:#fff0c9}.grammar-foundation-11{--lesson-accent:#5d9fba;--lesson-soft:#e5f2f7}.grammar-foundation-12{--lesson-accent:#8870a2;--lesson-soft:#eee7f4}.grammar-foundation-13{--lesson-accent:#cf685e;--lesson-soft:#ffe7e2}.grammar-foundation-14{--lesson-accent:#3f9275;--lesson-soft:#dff1e9}.grammar-foundation-15{--lesson-accent:#4f8ca9;--lesson-soft:#e3f1f7}.grammar-foundation-16{--lesson-accent:#a57638;--lesson-soft:#fff0d6}.grammar-foundation-17{--lesson-accent:#3f9275;--lesson-soft:#dff1e9}.grammar-foundation-18{--lesson-accent:#8870a2;--lesson-soft:#eee7f4}.grammar-foundation-19{--lesson-accent:#4f8ca9;--lesson-soft:#e3f1f7}.grammar-foundation-20{--lesson-accent:#cf685e;--lesson-soft:#ffe7e2}.grammar-foundation-20 .grammar-chunk-line b{overflow-wrap:anywhere;max-width:100%;line-height:1.25}.grammar-foundation-hero h1{max-width:760px;font-size:clamp(48px,6.2vw,78px);line-height:1.02}.grammar-foundation-hero aside{border-top:8px solid var(--lesson-accent)}.grammar-foundation-examples,.grammar-foundation-rule,.grammar-foundation-quiz{border-radius:34px;margin-bottom:28px;padding:36px}.grammar-foundation-examples{background:var(--grammar-ink);color:#fff;box-shadow:0 14px #142126}.grammar-foundation-examples>header>span,.grammar-foundation-rule>div:first-child>span,.grammar-foundation-quiz>header span{color:var(--grammar-gold);letter-spacing:.12em;font-size:clamp(12px,1.05vw,14px);font-weight:950}.grammar-foundation-examples>header h2,.grammar-foundation-rule>div:first-child h2,.grammar-foundation-quiz>header h2{margin:8px 0 0;font:900 clamp(30px,4vw,49px)/1.08 Arial Rounded MT Bold,sans-serif}.grammar-foundation-examples>header p{color:#c4cfcc;margin:11px 0 0;font-size:16px;line-height:1.7}.grammar-child-why{background:#43565d;border:1px solid #6b7d83;border-radius:20px;grid-template-columns:auto 1fr;align-items:baseline;gap:18px;margin-top:21px;padding:18px 20px;display:grid}.grammar-child-why b{color:var(--grammar-gold);white-space:nowrap;font-size:16px}.grammar-child-why p{color:#e2e9e7;margin:0;font-size:15px;line-height:1.65}.grammar-child-why-light{background:#fff0cd;border-color:#dfbd7f}.grammar-child-why-light b{color:#9d4039}.grammar-child-why-light p{color:#645a55}.grammar-usage-note{color:var(--grammar-ink);background:#edf7f3;border:1px solid #b8d2c8;border-radius:24px;margin-top:24px;padding:24px}.grammar-usage-note h3{margin:0;font-size:clamp(23px,2.8vw,30px);line-height:1.4}.grammar-usage-note p{margin:12px 0 0;font-size:16px;line-height:1.7}.grammar-usage-note>div{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.grammar-usage-note article{background:#fff;border:1px solid #c1dacf;border-radius:18px;flex-direction:column;align-items:start;gap:12px;padding:20px;display:flex}.grammar-usage-note article>strong{font-size:clamp(23px,2.6vw,30px);line-height:1.3}.grammar-usage-note article p{margin:0}.grammar-usage-note .grammar-speak-button{margin-top:auto}@media (width<=700px){.grammar-usage-note{padding:20px}.grammar-usage-note>div{grid-template-columns:1fr}}.grammar-foundation-example-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:27px;display:grid}.grammar-foundation-example-grid article{background:#37494f;border:1px solid #576a71;border-radius:24px;grid-template-rows:auto 1fr auto auto;gap:12px;min-height:245px;padding:22px;display:grid}.grammar-foundation-example-grid article>span{color:#c2cecb;font-size:13px;font-weight:900}.grammar-chunk-line{flex-wrap:wrap;align-self:center;gap:9px;display:flex}.grammar-chunk-line b{color:#233138;background:#f6f2e9;border-radius:17px;place-items:center;min-height:58px;padding:9px 15px;font:900 clamp(25px,3.2vw,39px)/1 Arial Rounded MT Bold,sans-serif;display:grid}.grammar-chunk-line b.who{color:#28647d;background:#cfe8f3}.grammar-chunk-line b.action{color:#a53f38;background:#ffe1dc}.grammar-chunk-line b.helper{color:#755310;background:#ffe9a9}.grammar-chunk-line b.not{color:#8d3454;background:#f7d1df}.grammar-chunk-line b.answer{color:#2e735d;background:#e3efe8}.grammar-foundation-example-grid article>strong{font-size:17px}.grammar-foundation-example-grid article>p{color:#c2cecb;margin:0;font-size:14px;line-height:1.55}.grammar-foundation-example-grid .grammar-speak-button{align-self:end}.grammar-foundation-rule{background:#fff7e7;border:1px solid #e5d0aa;box-shadow:0 10px #e7d2ae}.grammar-foundation-rule>div:first-child>span{color:var(--grammar-coral-dark)}.grammar-foundation-rule>div:first-child>p{color:#6c625d;max-width:870px;margin:12px 0 0;font-size:17px;line-height:1.7}.grammar-rule-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.grammar-rule-card-grid article{border:2px solid color-mix(in srgb, var(--lesson-accent), white 38%);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;gap:11px;min-height:180px;padding:20px;display:flex}.grammar-rule-card-grid small{color:color-mix(in srgb, var(--lesson-accent), #111 20%);font-size:13px;font-weight:900}.grammar-rule-card-grid strong{font:900 clamp(22px,2.7vw,34px)/1.15 Arial Rounded MT Bold,sans-serif}.grammar-rule-card-grid p{color:#6f655f;margin:0;font-size:14px;line-height:1.55}.grammar-rule-card-grid .grammar-speak-button{margin-top:auto}.grammar-exit-audio{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.grammar-exit-practice{gap:14px;margin-top:20px;display:grid}.grammar-exit-practice article{background:#fffcf7;border:1px solid #d1c2de;border-radius:20px;justify-items:start;gap:12px;padding:20px;display:grid}.grammar-exit-practice strong{color:var(--grammar-ink);font-size:clamp(21px,2.6vw,29px);line-height:1.4}.grammar-exit-practice article p{font-size:16px}.grammar-foundation-rule details{background:#efddbe;border-radius:18px;margin-top:17px;padding:18px 20px}.grammar-foundation-rule summary{cursor:pointer;color:#9d4039;font-size:15px;font-weight:900}.grammar-foundation-rule details p{color:#645a55;margin:11px 0 0;font-size:14px;line-height:1.75}.grammar-foundation-quiz{border:1px solid color-mix(in srgb, var(--lesson-accent), white 48%);background:var(--lesson-soft);box-shadow:0 10px 0 color-mix(in srgb, var(--lesson-accent), white 58%)}.grammar-foundation-quiz>header{justify-content:space-between;align-items:end;gap:20px;display:flex}.grammar-foundation-quiz>header span{color:color-mix(in srgb, var(--lesson-accent), #111 22%)}.grammar-foundation-quiz>header p{color:#5d6965;margin:10px 0 0;font-size:16px;line-height:1.6}.grammar-foundation-quiz>header>strong{background:var(--lesson-accent);color:#fff;text-align:center;border-radius:16px;min-width:91px;padding:13px}.grammar-quiz-progress{background:#fffaf1;border:1px solid #d9c6a5;border-radius:18px;flex-shrink:0;gap:7px;padding:14px 18px;display:grid}.grammar-quiz-progress>strong{color:var(--grammar-ink);white-space:nowrap;font-size:20px;line-height:1.35}.grammar-check>header .grammar-quiz-progress>span,.grammar-foundation-quiz>header .grammar-quiz-progress>span{color:#655d54;letter-spacing:0;font-size:14px;font-weight:700;line-height:1.5}.grammar-quiz-navigation{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:22px;display:grid}.grammar-quiz-navigation button{min-height:50px;color:var(--grammar-ink);cursor:pointer;background:#fffaf1;border:1px solid #d9c6a5;border-radius:14px;padding:10px 18px;font-size:15px;font-weight:900}.grammar-quiz-navigation button:last-child{color:#fff;border-color:var(--grammar-ink);background:var(--grammar-ink)}.grammar-quiz-navigation button:disabled{opacity:.4;cursor:default}.grammar-quiz-navigation button:focus-visible{outline:3px solid var(--grammar-gold);outline-offset:3px}.grammar-quiz-navigation p{color:#655d54;text-align:center;margin:0;font-size:13px;line-height:1.6}@media (width<=700px){.grammar-check>header,.grammar-foundation-quiz>header{flex-direction:column;align-items:stretch}.grammar-quiz-progress{align-self:start}.grammar-quiz-navigation{grid-template-columns:1fr 1fr;gap:12px}.grammar-quiz-navigation p{grid-area:2/1/auto/-1}}.grammar-foundation-question{border:1px solid color-mix(in srgb, var(--lesson-accent), white 58%);background:#fff;border-radius:27px;align-content:center;place-items:center;gap:25px;min-height:290px;margin-top:25px;padding:28px;display:grid}.grammar-foundation-question>small{color:color-mix(in srgb, var(--lesson-accent), #111 20%);text-align:center;font-size:14px;font-weight:900}.grammar-foundation-question>strong{text-align:center;font:900 clamp(35px,5.6vw,64px)/1.12 Arial Rounded MT Bold,sans-serif}.grammar-foundation-question>div{grid-template-columns:repeat(3,1fr);gap:11px;width:min(100%,760px);display:grid}.grammar-foundation-question button{min-height:68px;color:var(--grammar-ink);cursor:pointer;background:#fffaf1;border:2px solid #d9d0c1;border-radius:17px;padding:8px 14px;font-size:16px;font-weight:900;box-shadow:0 5px #e0d4c0}.grammar-foundation-question button:hover:not(:disabled){border-color:var(--lesson-accent);transform:translateY(-2px)}.grammar-foundation-question button.correct{background:#dff1e9;border-color:#3f9275}.grammar-foundation-question button.wrong{border-color:var(--grammar-coral);background:#ffe6e1}.grammar-foundation-question button:disabled{cursor:default}.grammar-foundation-quiz .grammar-feedback{background:color-mix(in srgb, var(--lesson-soft), white 26%)}.grammar-foundation-exit{grid-template-columns:auto 1fr}.grammar-foundation-nav{border-top:1px dashed #d6c29f;border-bottom:1px dashed #d6c29f;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;min-height:96px;margin-bottom:24px;display:grid}.grammar-foundation-nav a{min-height:52px;color:var(--grammar-ink);background:#fffaf0;border:1px solid #d9c6a5;border-radius:15px;align-items:center;padding:10px 14px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.grammar-foundation-nav a:nth-child(2){color:#fff;background:var(--grammar-ink);border-color:var(--grammar-ink)}.grammar-foundation-nav a:last-child{text-align:right;justify-content:flex-end}.grammar-practice-links{background:#edf7f3;border:1px solid #b8d2c8;border-radius:30px;margin:0 0 32px;padding:30px}.grammar-practice-links h2{color:var(--grammar-ink);margin:0;font-size:clamp(26px,3vw,36px);line-height:1.35}.grammar-practice-links>p{color:#53635d;margin:12px 0 20px;font-size:16px;line-height:1.7}.grammar-practice-links>div{gap:15px;display:grid}.grammar-practice-links article{background:#fff;border:1px solid #c1dacf;border-radius:20px;gap:12px;padding:22px;display:grid}.grammar-practice-links h3{margin:0;font-size:23px;line-height:1.4}.grammar-practice-links article p{color:#53635d;margin:0;font-size:16px;line-height:1.6}.grammar-practice-links article small{color:#53635d;font-size:14px;line-height:1.6}.grammar-practice-links a{color:#fff;background:#25604e;border-radius:14px;width:fit-content;min-height:48px;padding:12px 18px;font-size:15px;font-weight:900;text-decoration:none}.grammar-stage-practices{border-top:1px dashed #d9c6a5;gap:10px;margin-top:16px;padding-top:16px;display:grid}.grammar-stage-practices>small{color:#53635d;font-size:14px;font-weight:900}.grammar-stage-practices a{color:#25604e;background:#edf7f3;border:1px solid #b8d2c8;border-radius:14px;justify-content:space-between;gap:12px;min-height:48px;padding:12px;font-size:16px;font-weight:900;line-height:1.5;text-decoration:none;display:flex}.grammar-stage-practices a:focus-visible,.grammar-practice-links a:focus-visible{outline:3px solid var(--grammar-gold);outline-offset:3px}@media (width<=900px){.grammar-shell{width:min(100% - 34px,760px)}.grammar-hero,.grammar-lesson-hero{grid-template-columns:1fr;gap:35px}.grammar-principle-grid{grid-template-columns:1fr}.grammar-principle-grid article{min-height:0}.grammar-stage-grid{grid-template-columns:1fr}.grammar-parent-note{grid-template-columns:1fr;gap:14px}.grammar-compare-grid>article{grid-template-columns:1fr 38px 1.2fr}.grammar-exit{grid-template-columns:1fr}.grammar-exit a{width:fit-content}.grammar-foundation-example-grid,.grammar-rule-card-grid{grid-template-columns:1fr}.grammar-rule-card-grid article{min-height:140px}}@media (width<=560px){.grammar-shell{width:min(100% - 22px,520px)}.grammar-header{min-height:91px}.grammar-brand>span{border-radius:15px;width:50px;height:49px}.grammar-brand>span b,.grammar-brand>span i{font-size:20px}.grammar-brand strong{font-size:15px}.grammar-brand small{display:none}.grammar-back{min-height:42px;padding:0 10px;font-size:10px}.grammar-hero{min-height:0;padding:48px 0}.grammar-hero h1{font-size:48px}.grammar-actions{flex-direction:column}.grammar-actions a{justify-content:space-between;width:100%}.grammar-hero>aside{padding:23px}.grammar-principles,.grammar-path,.grammar-parent-note{border-radius:28px;padding:24px 18px}.grammar-principles>div:first-child h2,.grammar-path>header h2{font-size:37px}.grammar-path>header{grid-template-columns:1fr;gap:7px}.grammar-path>header>span{margin:0}.grammar-phase-heading{grid-template-columns:1fr;gap:13px}.grammar-phase-heading>span{width:fit-content;min-height:43px;padding:0 15px}.grammar-stage-grid article{min-height:0;padding:22px}.grammar-stage-grid h4{font-size:31px}.grammar-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.grammar-lesson-hero{min-height:0;padding:45px 0}.grammar-lesson-hero h1{font-size:50px}.grammar-compare,.grammar-blocks,.grammar-check{border-radius:28px;padding:24px 18px}.grammar-compare-grid>article{grid-template-columns:1fr}.grammar-arrow{min-height:25px;transform:rotate(90deg)}.grammar-block-demo{grid-template-columns:1fr}.grammar-block-demo>b{text-align:center}.grammar-block-demo>span{flex-direction:column;gap:6px;font-size:24px}.grammar-check>header{align-items:flex-start}.grammar-check>header>strong{min-width:72px}.grammar-question{padding:22px 15px}.grammar-question>div,.grammar-feedback{grid-template-columns:1fr}.grammar-feedback-actions{grid-template-columns:1fr;width:100%;display:grid}.grammar-feedback-actions button{width:100%}.grammar-exit{padding:24px 19px}.grammar-foundation-examples,.grammar-foundation-rule,.grammar-foundation-quiz{border-radius:28px;padding:24px 18px}.grammar-foundation-example-grid article{min-height:220px;padding:19px}.grammar-child-why{grid-template-columns:1fr;gap:7px}.grammar-child-why b{white-space:normal}.grammar-foundation-quiz>header{align-items:flex-start}.grammar-foundation-quiz>header>strong{min-width:72px}.grammar-foundation-question{min-height:0;padding:23px 15px}.grammar-foundation-question>div{grid-template-columns:1fr}.grammar-foundation-nav{grid-template-columns:1fr 1fr;padding:15px 0}.grammar-foundation-nav a:nth-child(2){display:none}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#44362f;background:radial-gradient(circle at 8% 8%,#f2675a12 0 3px,#0000 4px) 0 0/88px 88px,radial-gradient(circle at 87% 14%,#e7a9281a 0 4px,#0000 5px) 0 0/122px 122px,#fff8e7;min-width:320px;margin:0;font-family:Avenir Next,Nunito,PingFang TC,Noto Sans TC,system-ui,sans-serif}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:4px solid #2d7660}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}