:root{--paper:#faf8f3;--type-body:18px;--type-prose:19px;--type-small:14px;--type-control:16px;--type-card:21px;--type-h1:44px;--type-h2:32px;--type-chinese:23px;--type-pinyin:17px;--type-translation:18px;--leading-body:1.75;--reading-width:760px;--white:#fffefb;--ink:#282b30;--muted:#5b635e;--teal:#2f4b3f;--teal-dark:#233b31;--gold:#b88458;--line:#d9ded4;--pale:#e5e9dc;--sage:#b8c7b2;--rose:#eedfd9;--serif:var(--display);--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--zh:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.15}h1,h2{font-family:var(--serif);letter-spacing:-.04em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a,button{touch-action:manipulation}a:hover{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #b36d2b}img,svg{display:block}img{max-width:100%;height:auto}svg{flex-shrink:0}[lang=zh-Hans]{font-family:var(--zh)}[hidden]{display:none!important}.container{width:min(1200px,100% - 112px);margin-inline:auto}.eyebrow{font-size:var(--type-small);letter-spacing:2.1px;color:var(--teal);font-weight:650;line-height:1.6}.small-label{font-size:var(--type-small);letter-spacing:1.6px;color:var(--muted);font-weight:650}.button{border:1px solid var(--teal);background:var(--teal);color:#fff;font-size:var(--type-small);white-space:normal;text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:14px 23px;font-weight:600;line-height:1.4;transition:background .16s,transform .16s;display:inline-flex}.button:hover{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}.button.secondary{color:var(--ink);background:0 0;border-color:#cbd1cc}.button.secondary:hover{background:var(--pale)}.button.cream{color:var(--teal-dark);background:#faf5e9;border-color:#faf5e9;flex-shrink:0}.button.small{font-size:var(--type-small);gap:10px;min-height:44px;padding:11px 14px}.text-link{font-size:var(--type-small);color:var(--teal);align-items:center;gap:14px;padding-block:12px;font-weight:600;display:inline-flex}.skip-link{background:var(--teal);color:#fff;z-index:100;padding:12px 20px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editorial-bar{text-align:center;color:#5b5038;font-size:var(--type-small);letter-spacing:.1px;background:#f0e7d4;padding:6px 20px}.editorial-bar span{margin-inline:7px}.little-line{background:var(--teal);width:25px;height:1px}.orbit{z-index:-2;border:1px solid #dbe1d8;border-radius:50%;position:absolute}.orbit-one{width:420px;height:420px;top:10px;left:25px}.orbit-two{opacity:.6;border-style:dashed;width:455px;height:455px;top:-7px;left:8px}.hand-circle{opacity:.7;border:1px solid #c59a59;border-radius:49% 52% 47% 51%;width:208px;height:133px;position:absolute;top:10px;left:9px;transform:rotate(-13deg)}.notebook-bottom{font-size:var(--type-small);letter-spacing:1.6px;color:var(--muted);border-top:1px solid #e3e4dc;justify-content:space-between;align-items:center;margin-top:22px;padding-top:13px;display:flex}.note-icon{color:var(--teal);background:#eaf0e6;border-radius:50%;padding:10px}.visual-spark{color:var(--gold);font-family:var(--serif);font-size:38px;position:absolute}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.section-heading h2{margin-top:12px;font-size:37px}.section-heading>p{font-size:var(--type-small);color:var(--muted);text-align:right;line-height:1.7}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.grammar-section{background:#edf1ec;border-block:1px solid #e2e7df}.content-card{background:var(--white);border:1px solid var(--line);border-radius:7px;min-width:0;transition:border-color .16s,box-shadow .16s;overflow:hidden}.content-card:hover{border-color:#a8bcb0;box-shadow:0 8px 25px -20px #294c48}.card-body{padding:25px}.card-meta{justify-content:space-between;align-items:center;gap:10px;min-height:25px;margin-bottom:21px;display:flex}.tag{font-size:var(--type-small);color:var(--teal);background:#edf3ee;border:1px solid #e2e9e0;border-radius:3px;padding:3px 8px;line-height:1.6}.mini-hanzi{color:#617c67;font-size:26px;line-height:1}.content-card h3{font-family:var(--serif);letter-spacing:-.6px;font-size:23px;line-height:1.25}.content-card h3 a:hover{text-underline-offset:5px;text-decoration:underline}.content-card p{color:var(--muted);font-size:var(--type-small);margin-top:13px;line-height:1.9}.card-bottom{color:var(--muted);font-size:var(--type-small);border-top:1px solid #efeee8;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;display:flex}.card-bottom a{color:var(--teal);margin:-5px;padding:5px}.draft-label{font-size:var(--type-small);color:#7b6542;background:#f7efdd;border-radius:2px;margin-top:13px;padding:2px 6px;display:inline-block}.card-art{color:#4e6d55;background:#e4ebe0;justify-content:center;align-items:center;height:177px;display:flex;position:relative;overflow:hidden}.card-art>span[lang]{z-index:1;font-size:85px;font-family:var(--serif), var(--zh)}.art-outline{opacity:.3;border:1px solid;border-radius:2px;width:150px;height:150px;position:absolute;transform:rotate(13deg)}.art-caption{color:#4e6252;font-size:var(--type-small);letter-spacing:1.5px;position:absolute;bottom:12px;left:18px}.art-1 .art-outline{border-radius:50%;width:160px;height:160px}.art-2 .art-outline{width:120px;height:120px;transform:rotate(45deg)}.card-art img{object-fit:cover;width:100%;height:100%}.card-articles .card-meta,.card-resources .card-meta{margin-bottom:14px}.about-home{grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px;padding:30px 0 8px;display:grid}.teacher-art{aspect-ratio:1.08;background:#e6ebe1;border:1px solid #dce3d5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.teacher-art:before{content:"";border:1px solid #bdcbb6;border-radius:50% 50% 3px 3px;position:absolute;inset:20px}.teacher-art-label{font-size:var(--type-small);letter-spacing:1.8px;color:#46623f;position:absolute;top:45px}.teacher-chinese{letter-spacing:6px;color:#426446;font-size:95px;font-family:var(--serif), var(--zh)!important}.teacher-signature{font-size:25px;font-family:var(--serif);color:#426446;z-index:1;font-style:italic}.teacher-art-note{font-size:var(--type-small);letter-spacing:.5px;color:#46623f;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px}.teacher-art img{object-fit:cover;z-index:1;width:100%;height:100%}.about-home-copy h2{margin:13px 0 23px;font-size:39px}.about-home-copy p{font-size:var(--type-small);color:var(--muted);margin-top:13px;line-height:1.95}.about-facts{gap:40px;margin-top:24px;margin-bottom:14px;display:flex}.about-facts span{font-size:var(--type-small);color:var(--muted)}.about-facts strong{font-size:24px;font-family:var(--serif);color:var(--teal);margin-bottom:4px;font-weight:500;display:block}.resource-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-mini{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:16px;padding:18px;display:flex}.resource-mark{color:#4e6d55;background:#e4ebe0;border-radius:3px;flex-shrink:0;place-items:center;width:52px;height:62px;font-size:30px;display:grid}.resource-mini>svg{width:16px;margin-left:auto}.resource-mini h3{font-family:var(--serif);letter-spacing:-.4px;font-size:17px}.resource-mini .small-label{font-size:var(--type-small);letter-spacing:1px;margin-bottom:6px;display:block}.lesson-cta{background:var(--teal-dark);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:36px;margin-bottom:74px;padding:43px 45px;display:flex}.lesson-cta .eyebrow{color:#d7d5b2;font-size:var(--type-small)}.lesson-cta h2{margin-top:10px;font-size:33px}.lesson-cta p{font-size:var(--type-small);color:#c9dbd7;margin-top:10px}.lesson-cta .button{font-size:var(--type-small);padding:15px 19px}.page-intro{max-width:1200px;padding-block:65px 43px}.page-intro h1{max-width:800px;margin-top:18px;font-size:60px}.page-intro>p{color:var(--muted);max-width:640px;margin-top:20px;font-size:15px;line-height:1.8}.library{padding-bottom:75px}.library-controls{align-items:center;gap:16px;display:flex}.search-field{max-width:600px;min-height:52px;color:var(--teal);background:#fff;border:1px solid #cbd2cc;border-radius:5px;flex:1;align-items:center;gap:13px;padding:0 17px;display:flex}.search-field input{width:100%;min-width:0;font-size:var(--type-small);color:var(--ink);background:0 0;border:0;outline:none;padding:14px 0}.search-field:focus-within{outline:2px solid var(--teal);outline-offset:2px}.select-label select{min-height:52px;font-size:var(--type-small);color:var(--ink);background:#fff;border:1px solid #cbd2cc;border-radius:5px;max-width:100%;padding:10px 35px 10px 16px}.filter-chips{flex-wrap:wrap;gap:8px;margin-top:23px;display:flex}.filter-chips button{color:var(--muted);border:1px solid var(--line);font-size:var(--type-small);background:0 0;border-radius:4px;min-height:40px;padding:9px 14px}.filter-chips button[aria-pressed=true]{color:#fff;border-color:var(--teal);background:var(--teal)}.filter-chips button:hover{border-color:var(--teal)}.library-note{color:var(--muted);font-size:var(--type-small);margin-top:18px}.results-heading{color:var(--muted);font-size:var(--type-small);justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;display:flex}.results-heading>span{font-family:var(--serif);font-style:italic;font-size:var(--type-small)}.library-grid{row-gap:25px}.empty-state{text-align:center;background:#f1f3ed;border:1px dashed #cbd5c8;border-radius:7px;margin-top:20px;padding:50px 25px}.empty-state h2{margin-top:17px;font-size:30px}.empty-state p{font-size:var(--type-small);color:var(--muted);max-width:520px;margin:15px auto 24px}.empty-icon{color:var(--teal);justify-content:center;display:flex}.empty-inline{border:1px solid var(--line);background:#fafcf9;border-radius:7px;align-items:center;gap:24px;padding:28px;display:flex}.empty-inline>svg{color:var(--teal)}.empty-inline h3{font-family:var(--serif);font-size:23px}.empty-inline p{font-size:var(--type-small);color:var(--muted);margin-top:10px}.empty-inline .text-link{flex-shrink:0;margin-left:auto}.topic-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:15px 25px;margin-top:45px;padding-top:25px;display:flex}.topic-links h2{flex-basis:100%;margin-bottom:8px;font-size:25px}.topic-links>a{color:var(--teal);font-size:var(--type-small);align-items:center;gap:12px;display:flex}.breadcrumb{font-size:var(--type-small);color:var(--muted);flex-wrap:wrap;gap:9px;padding-top:32px;display:flex}.breadcrumb a{color:var(--teal)}.article-header{max-width:820px;padding-block:38px}.article-header h1{margin:17px 0;font-size:56px}.article-header>p{color:var(--muted);font-size:17px;line-height:1.8}.article-meta{color:var(--muted);font-size:var(--type-small);flex-wrap:wrap;gap:10px 20px;margin-top:23px;display:flex}.review-notice{font-size:var(--type-small);background:#f3e8cf;border-left:3px solid #a77b3f;margin-bottom:25px;padding:13px 17px;line-height:1.8}.reading-layout{grid-template-columns:minmax(0,740px) minmax(180px,1fr);gap:70px;padding-bottom:65px;display:grid}.prose{overflow-wrap:anywhere;font-size:15px;line-height:1.95}.prose h2{margin:35px 0 15px;scroll-margin-top:25px;font-size:31px}.prose h3{font-size:21px;font-family:var(--serif);margin:25px 0 12px}.prose p{margin:15px 0}.prose a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{margin:16px 0;padding-left:22px}.prose li{margin-bottom:8px;padding-left:3px}.prose blockquote,.note{color:#3d5750;background:#edf2ec;border-left:3px solid #809d80;margin:22px 0;padding:15px 20px;font-size:14px}.prose strong{font-weight:650}.prose table{border-collapse:collapse;width:100%;font-size:var(--type-small)}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.prose code{font-size:var(--type-small);white-space:pre-wrap;background:#ecefe8;border-radius:3px;padding:3px 5px}.prose img{border-radius:7px;margin-block:20px}.toc{border-left:1px solid var(--line);align-self:start;padding-left:24px;position:sticky;top:30px}.toc h2{font-family:var(--sans);font-size:var(--type-small);letter-spacing:1.7px;margin:6px 0 17px;font-weight:650}.toc a{font-size:var(--type-small);color:var(--muted);padding:6px 0;display:block}.toc a:hover{color:var(--teal)}.structure-box{background:var(--teal-dark);color:#fff;border-radius:6px;margin:25px 0;padding:25px 28px}.structure-box span{font-size:var(--type-small);letter-spacing:2px;color:#d2dfd2}.structure-box p{margin:10px 0 0;font-size:19px;font-weight:450}.example{border:1px solid var(--line);background:#fff;border-radius:5px;margin:14px 0;padding:20px 24px}.example .pinyin{color:var(--teal);margin-top:6px;font-size:14px}.example .english{color:var(--muted);font-size:var(--type-small);margin-top:5px}.practice{background:#eef2ea;border:1px solid #cbd6c7;border-radius:6px;margin-top:25px;padding:24px}.practice h2{margin:0 0 15px;font-size:29px}.practice details{margin-top:15px}.practice summary{color:var(--teal);font-size:var(--type-small);cursor:pointer;min-height:35px;font-weight:600}.practice details p{font-size:14px}.post-navigation{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;padding-block:24px;display:grid}.post-navigation a{font-family:var(--serif);font-size:19px;line-height:1.4;text-decoration:none}.post-navigation a:last-child{text-align:right}.post-navigation span{font-family:var(--sans);font-size:var(--type-small);letter-spacing:1.5px;color:var(--muted);margin-bottom:8px;display:block}.related-section{padding-bottom:65px}.related-section h2{margin-bottom:25px;font-size:34px}.reading-cover{height:260px;color:var(--teal);background:#e3eade;border-radius:7px;place-items:center;margin-bottom:27px;font-size:90px;display:grid;position:relative;overflow:hidden}.reading-cover img{object-fit:cover;width:100%;height:100%}.reading-cover:before{content:"";border:1px solid #aabd9e;width:220px;height:220px;position:absolute;transform:rotate(15deg)}.reading-cover img+span{display:none}.reading-cover>span{z-index:1}.resource-details{border:1px solid var(--line);background:#fff;border-radius:6px;padding:22px}.resource-details h2{margin-bottom:20px;font-size:24px}.resource-details dl{font-size:var(--type-small);margin:0}.resource-details dt{color:var(--muted);margin-top:13px}.resource-details dd{margin:4px 0 0}.resource-details .button{margin-top:20px;display:flex}.book-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:70px;padding-bottom:70px;display:grid}.book-copy h2{margin-bottom:19px;font-size:31px}.lesson-list{gap:16px;display:grid}.lesson-option{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:flex-start;gap:18px;padding:22px;display:flex}.lesson-option>svg{color:var(--teal);margin-top:3px}.lesson-option h3{font-family:var(--serif);font-size:22px}.lesson-option p{font-size:var(--type-small);color:var(--muted);margin-top:9px}.book-copy>.note{font-size:var(--type-small)}.steps{margin-top:40px}.steps ol{counter-reset:steps;padding:0;list-style:none}.steps li{counter-increment:steps;align-items:flex-start;gap:18px;margin-bottom:23px;display:flex}.steps li:before{content:"0" counter(steps);font-family:var(--serif);color:var(--teal);border-bottom:1px solid var(--gold);font-size:22px}.steps h3{margin:5px 0 6px;font-size:15px}.steps p{font-size:var(--type-small);color:var(--muted)}.contact-card{text-align:center;background:#eaf0e7;border:1px solid #d2ddcc;border-radius:9px;padding:34px;scroll-margin-top:28px}.contact-card h2{margin:13px 0;font-size:31px}.contact-card>p{color:var(--muted);font-size:var(--type-small);line-height:1.9}.qr{max-width:252px;margin:25px auto 23px}.qr img{background:#fff;border:10px solid #fff;border-radius:6px;width:100%;height:auto}.qr figcaption{font-size:var(--type-small);color:#52694e;margin-top:11px}.copy-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:7px;display:flex}.copy-row code{font-family:var(--sans);user-select:all;color:var(--teal-dark);font-size:19px}.copy-feedback{min-height:25px;margin-top:10px;font-size:var(--type-small)!important}.contact-card .fine-print{font-size:var(--type-small);border-top:1px solid #d1dbca;margin-top:15px;padding-top:19px}.faq{max-width:900px;padding-bottom:75px}.faq h2{margin-bottom:22px;font-size:35px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:24px;padding-right:32px;font-size:15px;list-style:none;position:relative}.faq summary:after{content:"+";color:var(--teal);font-size:24px;position:absolute;top:-3px;right:0}.faq details[open] summary:after{content:"−"}.faq details p{font-size:var(--type-small);color:var(--muted);max-width:760px;margin-top:14px}.about-page{padding-block:0 65px}.about-page .about-home{align-items:start;gap:65px;width:100%;padding:0}.about-page .about-home-copy h2{margin-top:0}.about-principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;padding-top:35px;display:grid}.about-principles h3{font-family:var(--serif);margin-bottom:12px;font-size:24px}.about-principles p{font-size:var(--type-small);color:var(--muted)}.legal{max-width:760px;margin-inline:auto;padding-block:0 65px}.search-page{min-height:400px;padding-bottom:70px}.search-result{border:1px solid var(--line);background:#fff;border-radius:6px;margin-top:15px;padding:22px;display:block}.search-result h2{font-size:25px}.search-result p{font-size:var(--type-small);color:var(--muted);margin-top:10px}.search-result mark{color:inherit;background:#f3e4ba}.search-note{font-size:var(--type-small);color:var(--muted);margin-top:15px}.error-page{text-align:center;padding-block:90px 110px}.error-number{font-family:var(--serif);color:#9eb2a3;font-size:95px;line-height:1}.error-page h1{margin:22px 0;font-size:50px}.error-page p{color:var(--muted);max-width:430px;margin:0 auto 28px;font-size:14px}@media (width>=1600px){.container{width:1200px}}@media (width<=1100px){.container{width:calc(100% - 64px)}.section-heading h2{font-size:33px}.about-home{gap:45px}.about-home-copy h2{font-size:34px}.book-layout{gap:35px}.reading-layout{gap:40px}.resource-mini{gap:10px;padding:14px}.resource-mini h3{font-size:16px}.lesson-cta{padding:35px}.contact-card{padding:27px}}@media (width<=850px){.card-grid{gap:15px}.section{padding-block:55px}.section-heading h2{font-size:30px}.section-heading>p{font-size:var(--type-small)}.card-body{padding:20px}.content-card h3{font-size:21px}.card-art{height:145px}.about-home{grid-template-columns:.9fr 1.1fr;gap:30px}.about-home-copy h2{font-size:29px}.teacher-art-label{font-size:var(--type-small);top:27px}.teacher-chinese{font-size:65px}.teacher-signature{font-size:20px}.teacher-art-note{font-size:var(--type-small);bottom:25px}.about-facts{gap:22px}.about-facts strong{font-size:21px}.resource-mini-grid{gap:12px}.resource-mini{flex-wrap:wrap}.resource-mini>svg{display:none}.resource-mini .small-label{font-size:var(--type-small)}.resource-mark{width:40px;height:49px;font-size:24px}.resource-mini h3{font-size:17px}.lesson-cta{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:55px}.lesson-cta h2{font-size:33px}.page-intro h1{font-size:49px}.book-layout{grid-template-columns:1fr 1fr;gap:25px}.contact-card{padding:25px 20px}.contact-card h2{font-size:29px}.book-copy h2{font-size:28px}.lesson-option{gap:13px;padding:19px 15px}.lesson-option h3{font-size:20px}.reading-layout{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.article-header h1{font-size:47px}.about-page .about-home{gap:35px}.empty-inline{flex-wrap:wrap}.empty-inline .text-link{margin-left:0}}@media (width<=650px){.container{width:calc(100% - 40px)}.editorial-bar{font-size:var(--type-small);padding:7px 16px;line-height:1.5}.desktop-break{display:none}.section{padding-block:45px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:25px}.section-heading h2{max-width:320px;margin-top:10px;font-size:32px;line-height:1.1}.section-heading>p{display:none}.section-heading>.text-link{font-size:var(--type-small);margin-top:2px;padding:0}.eyebrow{font-size:var(--type-small);letter-spacing:1.7px}.card-grid{grid-template-columns:1fr;gap:15px}.card-body{padding:23px}.content-card h3{font-size:26px}.content-card p{font-size:var(--type-small)}.card-meta{margin-bottom:17px}.card-bottom,.draft-label,.tag{font-size:var(--type-small)}.card-art{height:190px}.card-art>span[lang]{font-size:90px}.about-home,.about-page .about-home{grid-template-columns:1fr;gap:31px;padding-top:5px}.teacher-art{aspect-ratio:1.15}.teacher-art-label{font-size:var(--type-small);top:35px}.teacher-chinese{font-size:90px}.teacher-signature{font-size:25px}.teacher-art-note{font-size:var(--type-small);bottom:35px}.about-home-copy h2{font-size:34px}.about-home-copy p{font-size:var(--type-small)}.about-facts{gap:40px}.about-facts strong{font-size:24px}.about-facts span{font-size:var(--type-small)}.resource-mini-grid{grid-template-columns:1fr}.resource-mini{flex-wrap:nowrap;gap:16px;padding:17px}.resource-mini>svg{display:block}.resource-mark{width:48px;height:58px;font-size:28px}.resource-mini .small-label{font-size:var(--type-small)}.resource-mini h3{font-size:21px}.lesson-cta{gap:23px;margin-bottom:42px;padding:30px 25px}.lesson-cta h2{font-size:31px;line-height:1.15}.lesson-cta .eyebrow{font-size:var(--type-small);letter-spacing:1.5px}.lesson-cta p{font-size:var(--type-small)}.lesson-cta .button{font-size:var(--type-small);gap:14px}.page-intro{padding-block:43px 30px}.page-intro h1{overflow-wrap:anywhere;margin-top:15px;font-size:44px;line-height:1.08}.page-intro>p{font-size:var(--type-small);margin-top:18px;line-height:1.9}.library-controls{flex-direction:column;align-items:stretch;gap:11px}.search-field{max-width:none}.select-label select{width:100%;font-size:var(--type-small)}.filter-chips{gap:7px;margin-top:20px}.filter-chips button{font-size:var(--type-small);padding:8px 12px}.library-note{font-size:var(--type-small)}.results-heading{margin-top:22px}.results-heading>span{font-size:var(--type-small)}.library{padding-bottom:45px}.empty-state{padding:35px 20px}.empty-state h2{font-size:29px}.empty-state p{font-size:var(--type-small)}.empty-inline{gap:15px;padding:23px}.empty-inline h3{font-size:24px}.empty-inline p,.empty-inline>.text-link{font-size:var(--type-small)}.empty-inline>svg{width:25px}.empty-inline>div{flex:1;min-width:200px}.book-layout{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.book-copy h2{font-size:30px}.lesson-option{gap:17px;padding:23px}.lesson-option h3{font-size:23px}.lesson-option p{font-size:var(--type-small)}.contact-card{padding:29px 23px}.contact-card h2{font-size:32px}.faq{padding-bottom:45px}.faq h2{font-size:32px}.faq summary{font-size:14px}.faq details p{font-size:var(--type-small)}.breadcrumb{font-size:var(--type-small);padding-top:25px}.article-header{padding-block:28px}.article-header h1{font-size:40px;line-height:1.12}.article-header>p{font-size:14px}.article-meta{font-size:var(--type-small);gap:8px 14px}.reading-layout{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.toc{display:none}.prose{font-size:14px;line-height:1.9}.prose h2{margin-top:29px;font-size:28px}.prose h3{font-size:23px}.structure-box{padding:21px}.structure-box p{font-size:17px}.example{padding:18px}.example .chinese{font-size:23px}.example .pinyin,.example .english{font-size:var(--type-small)}.practice{padding:20px}.review-notice{font-size:var(--type-small)}.related-section{padding-bottom:45px}.related-section h2{font-size:31px}.post-navigation{gap:15px}.post-navigation a{font-size:17px}.post-navigation span{font-size:var(--type-small)}.about-principles{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:30px}.about-principles h3{font-size:26px}.about-principles p{font-size:var(--type-small)}.about-page{padding-bottom:45px}.legal{width:calc(100% - 40px);padding-bottom:45px}.legal .prose{font-size:var(--type-small)}.error-page{padding-block:65px}.error-page h1{font-size:39px}.error-page p{font-size:var(--type-small)}.error-number{font-size:80px}.topic-links{gap:13px 20px}.topic-links>a{font-size:var(--type-small)}.reading-cover{height:210px}.search-result h2{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.editorial-bar,.lesson-cta,.toc,.post-navigation{display:none}.container{width:100%}.reading-layout{display:block}body{color:#000;background:#fff}.prose a{color:#000}.review-notice{border:1px solid #000}}body{font-size:var(--type-body);line-height:var(--leading-body)}.page-intro h1,.article-header h1,.error-page h1{font-size:var(--type-h1);letter-spacing:-.04em;line-height:1.12}.page-intro>p,.about-home-copy p,.content-card p,.empty-state p,.empty-inline p,.lesson-option p,.steps p,.faq details p,.about-principles p,.contact-card>p,.lesson-cta p,.search-result p,.error-page p,.article-header>p,.book-copy>.note{font-size:var(--type-body);line-height:var(--leading-body)}.button,.button.small,.lesson-cta .button,.text-link,.search-field input,.select-label select,.filter-chips button{font-size:var(--type-control)}.eyebrow,.small-label{font-size:var(--type-small);letter-spacing:1.1px}.content-card h3,.resource-mini h3,.lesson-option h3,.about-principles h3,.steps h3{font-size:var(--type-card);line-height:1.35}.section-heading h2,.about-home-copy h2,.lesson-cta h2,.book-copy h2,.faq h2{font-size:var(--type-h2);line-height:1.2}.prose,.legal.prose,.legal .prose{font-size:var(--type-prose);line-height:var(--leading-body)}.prose{max-width:var(--reading-width);min-width:0}.prose h2{margin-top:2em;font-size:32px;line-height:1.3}.prose h3{font-size:25px;line-height:1.35}.prose p{margin-block:1.15em}.prose table,.prose code,.prose blockquote,.prose .note{font-size:inherit}.prose table{display:block;overflow-x:auto}.reading-layout{grid-template-columns:minmax(0, var(--reading-width)) minmax(170px, 1fr);gap:45px}.example .chinese{font-size:var(--type-chinese);line-height:1.65}.example .pinyin{font-size:var(--type-pinyin);margin-top:8px;line-height:1.7}.example .english{font-size:var(--type-translation);margin-top:8px;line-height:1.7}.article-meta,.breadcrumb,.toc a,.resource-details dl{line-height:1.7}.faq summary{font-size:var(--type-body);line-height:1.65}.teacher-art{aspect-ratio:3/4;justify-self:center;width:100%;max-width:480px}.teacher-art:before{display:none}.teacher-art img{object-position:center}.contact-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-block:24px 16px;display:flex}.contact-email{overflow-wrap:anywhere}.contact-card .contact-email{font-size:var(--type-control)}.about-home>div,.book-layout>div,.card{min-width:0}.resource-mini{flex-wrap:wrap;align-content:start}.resource-mini h3{overflow-wrap:anywhere}.about-facts{flex-wrap:wrap;gap:22px}@media (width<=1100px){.reading-layout{grid-template-columns:minmax(0,1fr)}.toc{grid-row:1;position:static}}@media (width<=650px){:root{--type-body:17px;--type-prose:18px;--type-h1:38px;--type-h2:30px;--type-chinese:21px;--type-pinyin:16px;--type-translation:17px;--type-card:20px}.prose h2{font-size:28px}.prose h3{font-size:23px}.teacher-art{aspect-ratio:3/4;max-width:420px}.contact-card{padding:24px 18px}.empty-inline{flex-wrap:wrap}.empty-inline .text-link{margin-left:0}}@media (width<=1100px){.notebook-bottom{letter-spacing:.5px;margin-top:16px}.orbit{width:100%;height:390px;left:0}}.note-icon{background:#e3e9d9}.grammar-section,.student-section{background:#e7ebdf;border-block:1px solid #d4dcc9}.tag{color:#55435b;background:#eee3eb;border-color:#dcd0dd}.card-art{color:#4b6043;background:#dfe6d7}.art-1{color:#77515e;background:#eadbdc}.art-2{color:#665374;background:#e8e0ed}.art-3{color:#795b3f;background:#ece2d3}.lesson-cta{background:var(--teal-dark)}.lesson-cta .eyebrow{color:#e4d6e7}.lesson-cta p{color:#f0e8f0}.about-wechat a{color:var(--teal-dark);text-underline-offset:4px;text-decoration:underline}.story-invitation{background:#e5dfeb;border:1px solid #d9cddd;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px;padding:30px;display:flex}.story-invitation h2{font-size:var(--type-h2);margin:10px 0}.story-invitation p{color:var(--muted)}.story-invitation .button{flex-shrink:0}.free-resources{background:#e5e9db;border:1px solid #c9d2bd;border-radius:10px;margin:0 0 35px;padding:32px;scroll-margin-top:30px}.free-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.free-heading h2{font-size:var(--type-h2);margin-top:10px}.free-badge{background:var(--white);color:#45513d;font-size:var(--type-small);white-space:nowrap;border:1px solid #becab0;border-radius:20px;padding:7px 12px}.free-intro{color:var(--muted);margin:15px 0 25px}.free-grid{grid-template-columns:1.8fr 1fr;gap:22px;display:grid}.free-download{background:var(--white);border:1px solid #d6d9cb;border-radius:8px;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px;padding:23px;display:grid}.pdf-preview{border:1px solid var(--line);background:#fff;border-radius:3px;padding:8px;display:block}.pdf-preview img{width:100%;height:auto}.free-download h3,.free-practice h3{font-family:var(--serif);font-size:var(--type-card);margin:16px 0 10px;line-height:1.3}.free-download p,.free-practice p{color:var(--muted);margin-bottom:15px;font-size:16px;line-height:1.75}.free-download .file-meta{font-size:var(--type-small)}.free-download .button{width:100%}.free-download .text-link{justify-content:center;display:flex}.free-practice{background:#eee4e9;border:1px solid #d8cbd3;border-radius:8px;padding:24px}.practice-character{text-align:center;width:95px;height:95px;color:var(--teal-dark);background:#faf4f5;border:1px dashed #9d8b9e;margin-bottom:20px;font-size:60px;line-height:95px;display:block}.download-panel{background:#e9ecdf;border:1px solid #cbd3bf;border-radius:8px;margin-top:32px;padding:26px}.download-panel h2{margin-top:0}.download-panel .button{margin:12px 8px 0 0}.stories-library{padding-bottom:65px}.stories-library>h2{font-size:var(--type-h2)}.stories-intro{color:var(--muted);max-width:720px;margin:14px 0 28px}.story-count{color:var(--muted);font-size:var(--type-small);margin:18px 0}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.video-card{background:var(--white);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.video-frame{aspect-ratio:9/12;background:#25222b;align-items:center;display:grid;position:relative}.video-frame video{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.video-duration{color:#fff;pointer-events:none;background:#25222bd9;border-radius:4px;padding:2px 8px;font-size:14px;position:absolute;top:12px;right:12px}.video-frame:has(video:not([poster])) .video-duration{display:none}.video-card-copy{padding:22px}.video-card-copy .eyebrow{letter-spacing:1.5px;font-size:12px}.video-card h3{font-family:var(--serif);font-size:var(--type-card);margin:10px 0}.video-card p{color:var(--muted);font-size:16px}.student-section{margin-bottom:70px}.book-feedback-link{margin-bottom:22px}@media (width<=1100px){.free-grid{grid-template-columns:1fr}.free-practice{grid-template-columns:95px minmax(0,1fr);align-items:start;gap:8px 24px;display:grid}.free-practice .practice-character{grid-row:1/5}.free-practice .tag{width:fit-content}.free-practice h3{margin:2px 0}.free-practice .button{width:fit-content}.video-grid{gap:18px}}@media (width<=760px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-invitation{flex-direction:column;align-items:start;padding:24px}}@media (width<=650px){.free-resources{padding:22px 18px}.free-heading{flex-direction:column;align-items:start;gap:14px}.free-download{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:18px}.free-download-copy .tag{font-size:12px}.free-download h3{margin-top:12px}.free-download p,.free-download .button,.free-download .text-link{grid-column:1/-1}.free-download-copy{display:contents}.free-download-copy>.tag{align-self:start;width:fit-content}.free-download h3{grid-column:1/-1}.free-download .pdf-preview{grid-row:1/3}.free-practice{display:block}.video-grid{grid-template-columns:1fr}.video-frame{aspect-ratio:9/11;max-height:470px}.video-frame.is-landscape{aspect-ratio:16/10}.video-card-copy{padding:22px}.stories-library>h2{font-size:var(--type-h2)}.download-panel{padding:20px}}@view-transition{navigation:auto}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes filter-arrive{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-fade-out{to{opacity:0}}@keyframes soft-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){main>.page-intro{animation:.36s ease-out both page-arrive}[data-filter-card]:not([hidden]),[data-story-card]:not([hidden]){animation:.24s ease-out filter-arrive}::view-transition-old(root){animation:.16s ease-in both soft-fade-out}::view-transition-new(root){animation:.22s ease-out both soft-fade-in}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}}.video-start{color:#fff;background:#25222b;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.video-start>img{object-fit:contain;width:100%;height:100%}.video-start>span{white-space:nowrap;background:#39303fe8;border:1px solid #ffffffad;border-radius:30px;align-items:center;gap:9px;padding:13px 18px;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-start:hover>span{background:#57445fe8}.video-start:focus-visible{outline-offset:-6px}.card-resources:has(img[src*=hsk-3-vocabulary-preview]) .card-art{background:#fff;padding:12px}.card-resources img[src*=hsk-3-vocabulary-preview]{object-fit:contain}.reading-cover:has(img[src*=hsk-3-vocabulary-preview]){background:#fff;height:460px}.reading-cover img[src*=hsk-3-vocabulary-preview]{object-fit:contain;width:100%;height:100%}@media (width<=650px){.free-download h3{grid-column:2;margin-top:0}}.caption-note{color:var(--muted);margin:-12px 0 22px;font-size:14px}.student-section .video-grid{max-width:1040px;margin-inline:auto}.student-section .video-frame{aspect-ratio:9/16;max-height:none}.student-section .video-start>span{padding:11px 17px;font-size:15px;top:auto;bottom:18px;transform:translate(-50%)}.search-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:30px 0 50px;display:flex}.search-pagination button:disabled{opacity:.55;cursor:default}.search-pagination span{color:var(--muted)}.resource-separation{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:32px 0;display:grid}.resource-separation>div{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:28px}.resource-separation h2{margin:18px 0 14px;font-size:28px}.resource-separation p{color:var(--muted);margin-bottom:22px;font-size:15px;line-height:1.8}.resource-separation .button{font-size:14px}.card-bottom>span{line-height:1.6}@media (width<=650px){.resource-separation{grid-template-columns:1fr;gap:20px}.resource-separation>div{padding:24px}}:root{--brand:#2f4b3f;--brand-hover:#233b31;--brand-red:#b53a2b;--surface:#fffefb;--surface-soft:#f0f3eb;--border-strong:#87978a;--radius-card:18px;--radius-control:10px;--radius-panel:20px;--shadow-menu:0 12px 30px #263c3012;--space-section:clamp(48px, 6vw, 76px);--display:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}body{color:var(--ink);font-size:17px;line-height:1.75}h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:-.035em;font-weight:620;line-height:1.2}h1{font-size:clamp(34px,4vw,44px)}h2{font-size:clamp(26px,3vw,32px)}h3{font-size:22px}.container{width:min(1240px,100% - 80px)}.section{padding-block:var(--space-section)}.section-heading{align-items:center;gap:24px;margin-bottom:28px}.section-heading h2{margin-top:10px;font-size:clamp(26px,3vw,32px);line-height:1.25}.section-heading>p{font-size:15px}.eyebrow{letter-spacing:1.5px;color:var(--brand);font-size:12px;font-weight:650}.small-label{letter-spacing:1.1px;font-size:12px;line-height:1.6}.page-intro{max-width:1000px;padding-top:54px;padding-bottom:38px}.page-intro h1{letter-spacing:-.04em;margin-top:14px;font-size:clamp(34px,4vw,44px);font-weight:620;line-height:1.2}.page-intro>p{max-width:70ch;margin-top:18px;font-size:18px;line-height:1.8}.page-intro .text-link{font-size:15px}.button{border-radius:var(--radius-control);background:var(--brand);border-color:var(--brand);min-height:48px;box-shadow:none;gap:12px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1.45;transition:background .16s,transform .16s}.button:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.button.secondary{background:var(--white);color:var(--brand);border-color:var(--line)}.button.secondary:hover{background:var(--surface-soft);border-color:var(--brand)}.button.small{min-height:42px;padding:10px 15px;font-size:14px}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;transform:none}.text-link{color:var(--brand);gap:10px;font-size:15px;font-weight:600}.text-link:hover{text-underline-offset:4px;text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand-red);outline-offset:4px}.tag{font:550 13px/1.55 var(--sans);color:var(--brand);background:var(--surface-soft);border:1px solid var(--line);letter-spacing:0;white-space:normal;border-radius:7px;padding:4px 9px}.content-card{border-radius:var(--radius-card);background:var(--white);box-shadow:none;flex-direction:column;display:flex}.content-card:hover{box-shadow:none;border-color:#aab8a8}.card-body{flex-direction:column;flex:1;min-width:0;padding:24px;display:flex}.content-card h3{font:600 21px/1.4 var(--display);letter-spacing:-.4px;overflow-wrap:anywhere}.content-card p{color:var(--muted);font-size:16px;line-height:1.75}.card-meta{justify-content:flex-start;gap:10px;margin-bottom:16px}.card-art{background:var(--surface-soft)}.card-bottom{border-top:1px solid var(--line);gap:12px;margin-top:auto;padding-top:18px;font-size:13px}.card-body>.card-bottom{margin-top:20px}.card-body>p:not(.article-card-date):not(.article-card-chinese){flex:1}.card-bottom>a{border:1px solid var(--line);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.card-bottom>a:hover{background:var(--pale)}.card-body .article-card-date{color:var(--muted);margin-block:14px 0;font-size:14px!important}.card-body .article-card-chinese{line-height:1.65;font-size:18px!important}.library-controls input,.library-controls select,.search-field,.select-label select{border-radius:var(--radius-control)}.filter-chips{gap:8px}.filter-chips button{border-radius:9px;min-height:42px;padding:10px 13px;font-size:14px;line-height:1.5}.filter-chips button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.article-pagination,.materials-pagination,.vocabulary-pagination{gap:18px;font-size:14px}.article-pagination .button,.materials-pagination .button{min-height:44px}.article-header.learning-article-header{max-width:1000px;padding-block:34px}.article-header.learning-article-header h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,44px);font-weight:620;line-height:1.25}.article-header.learning-article-header>p{max-width:72ch;font-size:18px}.article-header .article-meta{gap:10px 20px;font-size:14px}.learning-article-header .article-chinese-title{font-size:24px;line-height:1.65}.article-reading-layout{grid-template-columns:minmax(0,780px) minmax(180px,230px);gap:50px;max-width:1080px;margin-inline:auto}.article-reading-layout .article-body{width:100%;min-width:0;max-width:780px;font-size:18px;line-height:1.9}.article-reading-layout .article-body h2{margin-top:40px;font-size:29px;line-height:1.4}.article-reading-layout .article-body h3{font-size:23px;line-height:1.5}.article-reading-layout .article-body .teaching-example{border:1px solid var(--line);border-left:3px solid var(--brand);background:var(--white);border-radius:0 14px 14px 0;padding:18px 22px}.article-reading-layout .article-body .article-hanzi{font-size:23px;line-height:1.8}.article-reading-layout .article-body .article-pinyin{color:var(--brand);letter-spacing:0;font-size:18px;line-height:1.8}.article-reading-layout .article-body .article-translation{font-size:17px;line-height:1.8}.article-reading-layout .article-body img{border-radius:12px}.article-reading-layout .toc{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;padding:22px}.article-reading-layout .toc h2{font:650 12px/1.5 var(--sans);letter-spacing:1px}.article-reading-layout .toc a{font-size:14px;line-height:1.7}.hsk-page .hsk-level-intro h1,.hsk-page .hsk-point-header h1{font-size:clamp(32px,3.8vw,44px);line-height:1.25}.hsk-page .hsk-level-intro{padding-block:26px}.hsk-level-tabs a,.hsk-level-tabs button{border-radius:9px}.hsk-contents,.hsk-sidebar,.hsk-point-body,.hsk-examples,.hsk3-card,.hsk3-note,.example{border-radius:var(--radius-card)}.hsk-page .hsk-sidebar{background:var(--surface-soft);border-color:var(--line)}.hsk-page .hsk-sidebar a{font-size:14px;line-height:1.65}.hsk-page .hsk-example{background:var(--white);border-radius:14px;padding:22px}.hsk-page .hsk-example p{line-height:1.85}.hsk-page .hsk-example .hsk-chinese{font-size:23px}.hsk-page .hsk-example .hsk-pinyin{color:var(--brand)}.vocabulary-browser .vocabulary-tools{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-panel);gap:16px;padding:22px}.vocabulary-browser input[type=search],.vocabulary-browser select{border-radius:var(--radius-control);border-color:var(--border-strong);background:var(--white);min-height:48px;font-size:16px}.vocabulary-card{border-radius:16px}.vocabulary-browser .vocabulary-card-actions button{border-radius:8px;min-height:40px;font-size:13px}.vocabulary-browser .vocabulary-card-actions a{font-size:12px}.vocabulary-browser .vocabulary-source-note{font-size:14px;line-height:1.75}.vocabulary-level-grid>a{border-radius:var(--radius-card)}.character-tool .character-search,.character-tool .character-settings,.character-tool .worksheet-settings{border-radius:var(--radius-panel);border-color:var(--line);background:var(--white)}.character-tool .character-search{background:var(--surface-soft)}.character-tool .character-search input{border-radius:var(--radius-control);border-color:var(--border-strong)}.character-tool .character-settings h2{font-size:26px}.character-tool .character-settings select,.character-tool .worksheet-settings select{border-radius:var(--radius-control);min-height:44px;font-size:15px}.character-tool .character-suggestions button,.character-tool .character-choice{border-radius:10px}.character-tool .tool-hint{font-size:14px;line-height:1.7}.character-tool .character-settings,.character-tool .worksheet-settings{padding:24px}.character-tool .worksheet-settings h2{font-size:28px}.games-shell{--game-plum:var(--brand);--game-green:var(--brand)}.games-shell .games-intro h1{letter-spacing:-.04em;font-size:clamp(36px,4vw,48px);font-style:normal;font-weight:620}.games-shell .games-intro h1 em{color:var(--brand);font-style:normal;font-weight:620}.games-shell .game-settings,.games-shell .game-stage{border-radius:var(--radius-panel)}.games-shell .game-settings h2{max-width:none;font-size:25px;font-weight:600;line-height:1.3}.games-shell .game-settings label{font-size:14px}.games-shell .game-settings select{border-color:var(--border-strong);border-radius:10px;min-height:48px;font-size:15px}.games-shell .game-settings .settings-note{font-size:13px}.games-shell .game-tabs>a{border-radius:12px}.games-shell .game-tabs>a[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff}.games-shell .game-stats{background:var(--surface-soft)}.games-shell .game-stats strong{font-size:23px}.games-shell .game-stats span{letter-spacing:.8px;font-size:10px}.games-shell .stage-header h2{letter-spacing:-.8px;font-size:28px;font-weight:600}.games-shell .game-feedback{font-size:15px;line-height:1.75}.games-shell .game-next>span{font-size:13px}.games-shell .game-report h3,.games-shell .pause-overlay h3{font-size:34px;font-weight:600}.games-shell .game-report>p{font-size:15px}.games-shell .report-grid span{font-size:13px}.games-shell .game-bottom h2{font-size:28px}.games-shell .game-rules p{font-size:15px}.games-shell .game-source{font-size:14px}.games-shell .preview-pill{font-size:11px}.games-shell .stage-actions button{border-radius:9px;min-height:42px;font-size:13px}.games-shell .game-audio>button,.games-shell .recent-row{font-size:14px}.games-shell .history-stats span{font-size:13px}.lesson-cta{border-radius:var(--radius-panel);background:var(--brand);padding:42px}.lesson-cta h2{color:#fff;font-size:32px}.lesson-cta .eyebrow,.lesson-cta p{color:#e3eadd}.contact-card,.lesson-option,.faq details,.empty-state,.empty-inline,.resource-mini,.resource-separation>div{border-radius:var(--radius-card)}.resource-separation h2{font-size:28px}.resource-mini h3{font-size:20px}.resource-mini .small-label{font-size:12px}.empty-state h2{font-size:27px}.empty-state p,.empty-inline p{font-size:16px}.editorial-bar{color:#504d3f;background:#eee8d9;padding:8px 20px;font-size:12px;line-height:1.6}@media (width<=1000px){.container{width:calc(100% - 64px)}.article-reading-layout{grid-template-columns:minmax(0,1fr);gap:24px}.article-reading-layout .article-body,.article-reading-layout .toc{max-width:780px;margin-inline:auto}.article-reading-layout .toc{width:100%}.section-heading{align-items:flex-start}.games-shell .stage-header h2{font-size:26px}}@media (width<=650px){body{font-size:16px}.container{width:calc(100% - 40px)}.page-intro{padding-top:36px;padding-bottom:30px}.page-intro h1{font-size:34px}.page-intro>p{font-size:17px;line-height:1.8}.section-heading{flex-direction:column;gap:14px}.section-heading>p{text-align:left}.section-heading h2{font-size:28px}.button{min-height:46px;padding:12px 17px;font-size:14px}.card-grid{gap:20px}.card-body{padding:22px}.content-card h3{font-size:21px}.content-card p{font-size:16px}.filter-chips button{padding:9px 11px;font-size:13px}.article-reading-layout .article-body{font-size:17px;line-height:1.9}.article-reading-layout .article-body h2{font-size:27px}.article-reading-layout .article-body .teaching-example{padding:16px}.article-reading-layout .article-body .article-hanzi{font-size:22px}.article-reading-layout .article-body .article-pinyin,.article-reading-layout .article-body .article-translation{font-size:17px}.article-header.learning-article-header h1{font-size:32px}.article-header.learning-article-header>p{font-size:17px}.character-tool .character-search,.character-tool .character-settings,.character-tool .worksheet-settings{padding:20px}.games-shell .game-stats strong{font-size:20px}.games-shell .stage-header h2{font-size:25px}.games-shell .stage-actions button{min-height:38px;font-size:12px}.games-shell .game-next>span{font-size:11px}.games-shell .game-next .button{padding-inline:12px;font-size:12px}.games-shell .game-report h3{font-size:30px}.games-shell .report-grid span{font-size:12px}.lesson-cta{padding:28px}.lesson-cta h2{font-size:28px}.eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){.button{transition:none}}.site-header{z-index:40;background:var(--paper);border-bottom:1px solid var(--line);position:relative}.header-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:36px;min-height:88px;padding-block:16px;display:grid}.brand{white-space:nowrap;color:var(--ink);letter-spacing:-.65px;align-items:center;gap:11px;font-size:21px;font-weight:700;line-height:1.15;display:flex}.brand img{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.brand>span{display:block}.brand-light{font-weight:450}.brand small{color:var(--muted);letter-spacing:1.15px;margin-top:6px;font-size:9px;font-weight:600;line-height:1.2;display:block}#primary-nav{justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.menu-toggle{display:none}.nav-group{position:relative}.nav-group>summary,.nav-direct{border-radius:var(--radius-control);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:10px 12px;font-size:15px;font-weight:550;line-height:1.5;list-style:none;display:flex}.nav-group summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-direct:hover{background:var(--surface-soft);color:var(--brand)}.nav-group.group-active>summary,.nav-direct.active{background:var(--pale);color:var(--brand);font-weight:650}.nav-group[open]>summary svg{transform:rotate(180deg)}.nav-dropdown{border:1px solid var(--line);background:var(--white);min-width:270px;box-shadow:var(--shadow-menu);z-index:50;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);left:-6px}.nav-group:last-of-type .nav-dropdown{left:auto;right:0}.nav-dropdown a{border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:11px 13px;font-size:14px;line-height:1.45;display:flex}.nav-dropdown a>span{color:var(--muted);font-size:13px}.nav-dropdown a:hover,.nav-dropdown a[aria-current]{background:var(--surface-soft);color:var(--brand)}.nav-search{border:1px solid var(--line);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;margin-left:6px;display:grid}.nav-search>span{display:none}.nav-search:hover{background:var(--pale)}.site-footer{background:var(--pale);border-top:1px solid var(--line);margin-top:48px}.footer-top{grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:32px;padding-block:42px 34px;display:grid}.footer-top>div{min-width:0}.footer-brand{letter-spacing:-.7px;gap:9px;font-size:19px}.footer-brand img{width:38px;height:38px}.footer-tagline{color:var(--brand);margin-top:17px;font-size:17px;font-weight:600}.footer-description{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.footer-group h2{font:700 12px/1.5 var(--sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--brand);margin:5px 0 14px}.footer-group>a{min-height:32px;color:var(--ink);padding-block:5px;font-size:14px;line-height:1.55;display:block}.footer-group>a:hover{text-underline-offset:4px;text-decoration:underline}.footer-bottom{color:var(--muted);border-top:1px solid #cdd5c7;justify-content:space-between;align-items:center;gap:18px;padding-block:18px;font-size:12px;display:flex}.footer-contact,.footer-legal{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-contact a,.footer-legal a{padding-block:5px}.footer-contact{gap:18px}.footer-bottom a:hover{color:var(--brand);text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){#primary-nav{gap:5px}.header-inner{gap:24px}.nav-group>summary,.nav-direct{padding-inline:9px}.footer-top{gap:22px}.footer-bottom{flex-wrap:wrap}.footer-contact{margin-left:auto}}@media (width<=1000px){.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:0 20px;min-height:78px;padding-block:14px}.menu-toggle{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.menu-toggle[aria-expanded=true]{background:var(--pale)}#primary-nav{grid-column:1/-1;width:100%;max-height:76svh;padding:16px 0 4px;display:none;overflow-y:auto}#primary-nav.is-open{flex-direction:column;align-items:stretch;gap:4px;display:flex}.nav-group>summary,.nav-direct{justify-content:space-between;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.nav-dropdown{min-width:0;box-shadow:none;background:var(--white);border-radius:12px;margin:6px 0 10px 14px;position:static}.nav-dropdown a{min-height:46px;padding:12px 14px}.nav-search{border:0;border-top:1px solid var(--line);border-radius:0;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:48px;margin:8px 0 0;padding:14px;display:flex}.nav-search>span{font-size:15px;display:inline}.footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-identity{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:0 36px;display:grid}.footer-identity .footer-tagline{margin:0}.footer-description{grid-column:2;margin-top:2px}.footer-description br{display:none}.footer-bottom{font-size:12px}}@media (width<=650px){.header-inner{min-height:76px}.brand{font-size:20px}.brand img{width:40px;height:40px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:32px 24px}.footer-identity{grid-column:1/-1;padding-bottom:3px;display:block}.footer-identity .footer-tagline{margin-top:16px}.footer-description{margin-top:6px}.footer-group h2{margin-bottom:9px;font-size:12px}.footer-group>a{min-height:42px;padding-block:10px;font-size:14px;line-height:1.5}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding-block:18px 22px}.footer-contact{flex-direction:column;align-items:flex-start;gap:2px;margin:0;display:flex}.footer-legal{gap:22px}.footer-contact a,.footer-legal a{align-items:center;min-height:36px;display:flex}}