:root{color-scheme:light;--ink:#203d30;--muted:#66776d;--green:#316c4e;--line:#dbe5dc;--soft:#f0f5ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #467e60;outline-offset:5px;border-radius:3px}.site-header,.site-footer,main{width:min(1080px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;color:var(--ink);text-decoration:none}.brand img{object-fit:contain}.header-link{font-size:14px;text-decoration:none}.breadcrumbs{font-size:13px;color:var(--muted);margin:22px 0}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.breadcrumbs li+li:before{content:"/";padding-right:8px;color:#9aae9f}.breadcrumbs a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1{font-size:38px;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}h2{font-size:23px;line-height:1.45}h3{font-size:17px;line-height:1.5}.eyebrow{font-size:13px;letter-spacing:.06em;color:var(--green);font-weight:650;margin-bottom:12px}.lead{font-size:16px;color:var(--muted);margin-top:16px;line-height:1.8}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"preview intro" "preview action";gap:20px 52px;padding:26px 0 58px;align-items:start}.hero-intro{grid-area:intro}.hero-action{grid-area:action}.hero>.practice-preview{grid-area:preview;align-self:center}.heading-course{font-size:19px;font-weight:550;margin-bottom:8px;letter-spacing:0}.english-hero h1>span{display:block}.english-hero h1{font-size:30px}.english-hero .lead{font-size:14px;margin-top:12px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 24px}.chips li{font-size:13px;background:var(--soft);border-radius:5px;padding:5px 10px;white-space:nowrap}.cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:13px 22px;background:var(--green);color:#fff;border-radius:8px;font-size:16px;font-weight:650;text-decoration:none;line-height:1.5}.cta:hover{background:#23573d}.trust{color:var(--muted);font-size:12px;line-height:1.7;margin-top:12px}.secondary-link{display:inline-block;font-size:14px;margin-top:20px;text-decoration:none}.secondary-link span{margin-left:8px}.practice-preview{min-width:0;border:1px solid #dae6d7;border-radius:18px;padding:22px;background:var(--soft)}.practice-preview figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;margin-bottom:18px}.preview-caption{font-size:12px;font-weight:400;color:var(--muted)}.worksheet{background:var(--preview-paper);border:1px solid #e5e9df;padding:20px 22px 16px;box-shadow:0 5px 14px #233c3010;border-radius:3px}.worksheet-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.04em;margin-bottom:20px}.worksheet-heading>span:last-child{color:#849486}.worksheet-key{display:flex;gap:20px;font-size:11px;color:var(--muted);padding-top:2px}.worksheet-key>span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.key-model:before{background:var(--preview-text)}.key-trace:before{background:var(--preview-trace)}.gloss{font-size:13px;color:var(--muted);margin-top:8px}.preview-empty{padding:40px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:6px}.section-heading>span{font-size:14px;color:var(--muted)}.reading-section,.word-section{border-top:1px solid var(--line);padding-top:36px}.poem{white-space:pre-wrap;overflow-wrap:anywhere;font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:24px;line-height:2.25;background:#fafbf8;border-left:3px solid #aac2ac;padding:24px 30px}.capabilities{margin:48px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:24px}.feature-number{font-size:12px;color:#6e9279;display:block;margin-bottom:10px}.feature-grid p{font-size:14px;color:var(--muted);margin-top:8px}.english-features{grid-template-columns:repeat(3,minmax(0,1fr))}.source-section{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--muted);font-size:14px}.source-section h2{font-size:17px;color:var(--ink);margin-bottom:10px}.source-section details{margin-top:16px}.source-section summary{cursor:pointer;color:var(--green);width:fit-content;padding:6px 0}.source-section details[open] summary{margin-bottom:16px}.locations{padding:0;list-style:none;margin:0 0 16px}.locations small{display:block;margin-top:3px;font-size:13px}.sources{padding-left:20px;margin:16px 0 0}.sources li{margin:12px 0;overflow-wrap:anywhere}.sources span{font-size:13px}table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}th,td{padding:14px 20px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}thead{font-size:13px;color:var(--muted);background:#f4f7f1}tbody th{font-size:19px;font-weight:550;width:40%}tbody td{font-size:15px}tbody a{color:var(--ink);text-decoration:none}tbody tr:target{background:#eaf3e8}tbody tr:hover{background:#fafcf9}.number{width:65px;font-size:12px;color:#869888;font-variant-numeric:tabular-nums}.home-intro{padding:16px 0 30px;text-align:center}.home-intro h1{font-size:42px}.home-intro .lead{font-size:15px}.mobile-break{display:none}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.entry-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:26px;min-width:0}.entry-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px}.entry-heading p{font-size:12px;color:var(--muted)}.entry-card .practice-preview{margin-bottom:22px;border:0;padding:0;border-radius:0;background:none}.entry-card figcaption{display:none}.entry-card .worksheet{background:var(--preview-paper);box-shadow:none;padding:18px 22px 14px}.entry-card .worksheet-heading{margin-bottom:12px}.entry-card .worksheet-key{padding-top:0}.entry-cta{display:flex;margin-top:auto;font-size:15px}.start-section{display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin:34px 0 48px;padding:28px;background:var(--soft);border-radius:12px;align-items:center}.start-section h2{font-size:20px}.start-section p:not(.trust){font-size:14px;color:var(--muted);margin-top:6px}.start-section .trust{grid-column:1/-1;margin:0}.site-footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.site-footer a{white-space:nowrap}.skip{position:absolute;top:-70px;left:12px;padding:10px;background:#fff;z-index:1}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:800px){.hero{gap:20px 28px}.hero h1{font-size:30px}.english-hero h1{font-size:26px}.practice-preview,.worksheet{padding:16px}.preview-caption{display:none}.entry-card{padding:20px}.entry-heading{display:block}.entry-heading p{margin-top:4px}}@media(max-width:600px){.site-header,.site-footer,main{width:calc(100% - 36px)}.site-header{padding:16px 0}.brand{font-size:21px;gap:7px}.brand img{width:34px;height:34px}.header-link{font-size:12px}.breadcrumbs{margin:16px 0;font-size:12px}.hero{grid-template-columns:1fr;grid-template-areas:"intro" "preview" "action";gap:20px;padding:8px 0 32px}.hero h1{font-size:30px}.hero h1 br{display:none}.hero .eyebrow{margin-bottom:8px}.hero .lead{font-size:14px;margin-top:10px}.english-hero h1{font-size:26px}.heading-course{font-size:16px;margin-bottom:4px}.practice-preview{padding:16px;border-radius:13px}.practice-preview figcaption{margin-bottom:12px;font-size:13px}.preview-caption{display:inline;font-size:11px}.worksheet{padding:14px 16px 12px}.worksheet-heading{margin-bottom:12px}.worksheet-key{font-size:10px}.gloss{font-size:12px}.chips{gap:6px;margin-bottom:18px}.chips li{font-size:12px;padding:4px 8px}.cta{width:100%;font-size:15px;gap:12px;padding:12px;min-height:48px}.trust{font-size:11px}.secondary-link{margin-top:16px;font-size:13px}.section-heading{align-items:center;gap:12px;margin-bottom:18px}.section-heading>span{font-size:12px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:11px}.reading-section,.word-section{padding-top:28px}.poem{font-size:21px;padding:18px 20px;line-height:2.15}.capabilities{margin:34px 0}.capabilities h2{font-size:22px}.feature-grid,.english-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.feature-grid p{font-size:13px}.feature-number{margin-bottom:6px}.source-section{font-size:14px;padding-bottom:28px}.sources span,.locations small{font-size:13px}th,td{padding:13px 14px}.number{display:none}tbody th{font-size:18px}tbody td{font-size:14px}.home-intro{text-align:left;padding:10px 0 24px}.home-intro h1{font-size:32px}.home-intro .eyebrow{font-size:12px}.home-intro .lead{font-size:14px;margin-top:12px}.home-intro .lead br{display:none}.mobile-break{display:block}.entry-grid{grid-template-columns:1fr;gap:18px}.entry-card{padding:20px}.entry-heading{display:flex;margin-bottom:16px}.entry-heading h2{font-size:21px}.entry-heading p{font-size:11px;margin:0}.entry-card .worksheet{padding:14px 16px}.entry-card .worksheet-heading{margin-bottom:10px}.entry-card .practice-preview{margin-bottom:16px}.entry-cta{margin-top:auto;font-size:14px}.start-section{grid-template-columns:1fr;padding:22px;margin:24px 0 34px;gap:18px}.start-section .trust{font-size:11px}.site-footer{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[hidden]{display:none!important}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px 36px;padding-bottom:36px}.hero>.practice-preview{align-self:start}.hero .chips{margin-bottom:12px;gap:6px}.hero .chips li{font-size:12px;padding:3px 8px}.quick-settings{border:1px solid #cdddcf;border-radius:12px;background:#f8faf6;padding:18px}.quick-settings h2{font-size:20px}.quick-settings fieldset{border:0;padding:0;margin:0;min-width:0}.quick-settings .quick-controls{margin:12px 0 16px}.quick-settings legend{font-size:13px;font-weight:600;padding:0;margin-bottom:5px}.quick-radios,.quick-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-choice{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 10px;min-height:44px;font-size:14px;cursor:pointer}.quick-choice:has(:checked){border-color:var(--green);background:#e9f1e7}.quick-settings input{accent-color:var(--green);width:18px;height:18px;flex:none;margin:0}.quick-settings .quick-selects{margin:12px 0}.quick-select{display:grid;gap:5px;min-width:0;font-size:13px;font-weight:600}.quick-select select{font:400 14px system-ui;color:var(--ink);width:100%;min-width:0;min-height:44px;border:1px solid #cdddcf;border-radius:6px;background:#fff;padding:8px}.quick-select select:focus-visible,.quick-settings input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.quick-checks{display:flex;flex-wrap:wrap;gap:0 10px}.quick-checks label{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;cursor:pointer}.quick-settings .cta{display:flex;width:100%;padding:12px;font-size:15px}.quick-hint,.quick-noscript{font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.quick-noscript{margin-bottom:12px}.quick-fixed{display:flex;justify-content:space-between;font-size:13px;min-height:30px}.hero .trust,.hero .secondary-link{margin-top:10px}.entry-heading{display:block}.entry-heading p{margin-top:6px}@media(max-width:600px){.hero{grid-template-columns:1fr;gap:14px;padding-top:4px}.hero .practice-preview{padding:12px}.hero .worksheet{padding:10px 14px}.hero .gloss{margin-top:6px}.quick-settings{padding:14px}.quick-settings h2{font-size:19px}.quick-settings .quick-controls{margin:10px 0 12px}.quick-settings .quick-selects{margin:10px 0}.quick-checks{gap:0 8px}.hero .chips{gap:5px;margin-bottom:10px}.hero .chips li{font-size:11px}.hero .heading-course{font-size:14px}.hero.english-hero h1{font-size:23px}.hero.english-hero .lead{font-size:12px}.entry-heading{display:block}.entry-heading p{margin-top:5px;font-size:12px}}.practice-svg{display:block;width:100%;height:auto;overflow:visible}.hero .preview-row{max-width:300px;margin-inline:auto}.preview-row+.preview-row{margin-top:18px}.preview-row:last-of-type{margin-bottom:16px}@media(max-width:600px){.hero .worksheet-heading,.hero .worksheet-key{display:none}.hero .preview-row{max-width:230px;margin:0 auto}.hero .preview-row+.preview-row{margin-top:8px}.hero .gloss{margin-top:3px;font-size:11px}}.grade-directory{padding-bottom:36px}.grade-directory>h2{margin-bottom:20px}.grade-group{border:1px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}.grade-group>summary{cursor:pointer;min-height:56px;padding:14px 18px;background:#f8faf6;font-weight:600}.grade-group>summary small{margin-left:14px;font-size:13px;font-weight:400;color:var(--muted)}.grade-group>summary:focus-visible{outline-offset:-4px}.grade-content{padding:18px}.grade-content>section+section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.directory-links,.related-links{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.directory-links a,.related-links a{display:block;padding:9px 0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.related-section{border-top:1px solid var(--line);margin-top:28px;padding:30px 0}.adjacent-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.adjacent-links a{font-size:14px;overflow-wrap:anywhere}.adjacent-links span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}@media(max-width:600px){.grade-group>summary{padding:14px 12px}.grade-group>summary small{margin-left:8px;font-size:12px}.grade-content{padding:14px}.directory-links,.related-links{grid-template-columns:1fr;gap:0}.directory-links a,.related-links a{min-height:44px}.related-section h2{font-size:21px}.adjacent-links{gap:16px}.hero .practice-preview{padding:10px}.hero .practice-preview figcaption{margin-bottom:8px}}
