:root{--paper:#faf9f6;--type-body:18px;--type-prose:19px;--type-small:14px;--type-control:16px;--type-card:21px;--type-h1:54px;--type-h2:36px;--type-chinese:23px;--type-pinyin:17px;--type-translation:18px;--leading-body:1.75;--reading-width:760px;--white:#fff;--ink:#24343b;--muted:#5b696a;--teal:#276c6e;--teal-dark:#20595b;--gold:#d9a86c;--line:#e7e5de;--pale:#eef2ed;--serif:Georgia, "Times New Roman", serif;--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}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.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}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:11px;font-size:22px;font-weight:650;line-height:1.05;display:flex}.brand img{mix-blend-mode:multiply;border-radius:50%;width:46px;height:46px}.brand-light{font-weight:450}.brand small{font-size:var(--type-small);letter-spacing:2px;margin-top:8px;font-weight:500;display:block}#primary-nav{align-items:center;gap:29px;display:flex}#primary-nav>a:not(.button){font-size:var(--type-small);padding-block:16px;position:relative}#primary-nav>a.active{color:var(--teal)}#primary-nav>a.active:after{content:"";background:var(--teal);width:18px;height:2px;position:absolute;bottom:6px;left:0}.nav-book{font-size:var(--type-small);gap:15px;min-height:42px;margin-left:6px;padding:12px 16px}.menu-toggle{color:var(--ink);background:0 0;border:0;padding:12px;display:none}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:620px;padding-block:58px 62px;display:grid}.hero .eyebrow{align-items:center;gap:13px;display:flex}.little-line{background:var(--teal);width:25px;height:1px}.hero h1{letter-spacing:-5px;width:fit-content;margin-top:23px;font-size:87px;line-height:1.06;position:relative}.hero h1 em{color:var(--teal);font-weight:400}.title-underline{width:220px;height:14px;color:var(--gold);position:absolute;bottom:-8px;right:-9px}.hero-copy>p{color:var(--muted);max-width:430px;margin-top:30px;font-size:14px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:29px;display:flex}.hero-proof{font-size:var(--type-small);color:var(--muted);align-items:center;gap:10px;margin-top:26px;display:flex}.proof-mark{width:20px;height:20px;color:var(--teal);background:#e4ece4;border-radius:50%;place-items:center;display:grid}.hero-visual{isolation:isolate;height:460px;position:relative}.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}.hello-card{background-color:#fffdfa;background-image:linear-gradient(#6d8a7d0b 1px,#0000 1px),linear-gradient(90deg,#6d8a7d0b 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d9ddd3;border-radius:8px;width:286px;height:362px;padding:25px 27px;position:absolute;top:34px;left:76px;transform:rotate(-6deg);box-shadow:0 20px 40px -22px #425d5d66}.notebook-label{font-size:var(--type-small);letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid #e3e4dc;justify-content:space-between;padding-bottom:17px;display:flex}.hanzi-pair{letter-spacing:-6px;text-align:center;color:var(--teal-dark);margin-top:6px;font-size:95px;line-height:1.5;position:relative}.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)}.hero-pinyin{text-align:center;letter-spacing:4px;color:var(--teal);margin-top:-7px;font-size:16px;display:block}.hero-translation{font-family:var(--serif);text-align:center;letter-spacing:-.4px;margin-top:19px;font-size:22px;line-height:1.2;display:block}.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}.back-card{background:#dce5d9;border:1px solid #ced9c9;border-radius:7px;width:200px;height:272px;padding:27px 20px;position:absolute;top:52px;left:235px;transform:rotate(11deg)}.back-card>span:first-child{font-size:var(--type-small);letter-spacing:2px}.back-card>span:nth-child(2){writing-mode:vertical-rl;letter-spacing:8px;color:#56735d;margin:18px 0 0 auto;font-size:29px}.back-card small{font-family:var(--serif);font-size:var(--type-small);font-style:italic;position:absolute;bottom:25px;left:22px}.floating-note{border:1px solid var(--line);white-space:nowrap;font-family:var(--serif);background:#fff;border-radius:6px;align-items:center;gap:13px;padding:16px 22px;font-size:17px;display:flex;position:absolute;bottom:25px;left:184px;transform:rotate(3deg);box-shadow:0 12px 26px -18px #314f4f66}.floating-note small{font-family:var(--sans);font-size:var(--type-small);color:var(--muted);margin-top:4px;display:block}.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}.spark-one{top:5px;right:17px}.spark-two{font-size:29px;font-weight:200;bottom:60px;left:20px}.visual-caption{font-size:var(--type-small);letter-spacing:1.8px;color:var(--muted);align-items:center;gap:10px;display:flex;position:absolute;bottom:-17px;left:105px}.visual-caption>span{background:var(--gold);width:18px;height:1px}.benefit-strip{border-block:1px solid var(--line);background:#f4f4ee}.benefit-strip>.container{justify-content:space-between;align-items:center;gap:18px;padding-block:21px;display:flex}.benefit-strip span{font-size:var(--type-small);color:#536264;align-items:center;gap:11px;display:flex}.benefit-strip svg{color:var(--teal)}.section{padding-block:78px}.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}.category-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.category-card{border:1px solid var(--line);border-radius:7px;padding:27px 28px 23px;transition:border-color .16s,background .16s}.category-card:hover{background:#fff;border-color:#a8beb3}.category-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.category-top>span:last-child{font-family:var(--serif);font-size:var(--type-small);color:#637172}.category-icon{color:var(--teal);background:#e9efea;border-radius:10px;place-items:center;width:47px;height:47px;display:grid}.category-card:nth-child(2) .category-icon{color:#8b663c;background:#f5eddf}.category-card:nth-child(3) .category-icon{color:#526a7d;background:#e9ecef}.category-card h3{font-family:var(--serif);letter-spacing:-.5px;font-size:23px}.category-card p{font-size:var(--type-small);color:var(--muted);max-width:270px;margin-top:12px;line-height:1.85}.category-link{font-size:var(--type-small);color:var(--teal);justify-content:space-between;align-items:center;margin-top:25px;font-weight:600;display:flex}.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{color:#99764a;background:#eee5d5}.art-1 .art-outline{border-radius:50%;width:160px;height:160px}.art-2{color:#426b70;background:#dfe8e8}.art-2 .art-outline{width:120px;height:120px;transform:rotate(45deg)}.art-3{color:#71627c;background:#e7e4eb}.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}.site-footer{border-top:1px solid var(--line);background:#f3f3ec}.footer-top{grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px;padding-block:48px 43px;display:grid}.footer-brand{font-size:20px}.footer-brand img{width:36px;height:36px}.footer-top p{font-size:var(--type-small);color:var(--muted);margin-top:15px;line-height:1.9}.footer-top h2{font-family:var(--sans);letter-spacing:1.5px;font-size:var(--type-small);margin-top:9px;margin-bottom:16px;font-weight:650}.footer-top>div>a:not(.brand){width:fit-content;font-size:var(--type-small);color:var(--muted);padding:4px 0;display:block}.footer-top>div>a:hover{color:var(--teal);text-decoration:underline}.footer-note>svg{color:var(--teal)}.footer-note p{margin-top:6px}.footer-note>a{margin-top:10px;font-size:var(--type-small)!important}.footer-bottom{border-top:1px solid var(--line);font-size:var(--type-small);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding-block:19px;display:flex}.footer-bottom>div{gap:20px;display:flex}.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}.error-page .hero-actions{justify-content:center}@media (width>=1600px){.container{width:1200px}.hero{min-height:650px}}@media (width<=1100px){.container{width:calc(100% - 64px)}#primary-nav{gap:20px}.hero h1{font-size:76px}.hero-visual{transform-origin:100%;margin-left:-35px;transform:scale(.88)}.hero{gap:0;min-height:580px}.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}.footer-top{gap:25px}.contact-card{padding:27px}}@media (width<=850px){.header-inner{min-height:84px}.brand{font-size:20px}.brand img{width:42px;height:42px}.menu-toggle{display:block}#primary-nav{z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 32px 25px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 14px 20px -20px #345d4a}.site-header{position:relative}#primary-nav.is-open{flex-direction:column;align-items:stretch;gap:3px;display:flex}#primary-nav>a:not(.button){padding:12px 0;font-size:14px}#primary-nav>a.active:after{bottom:5px}.nav-book{align-self:flex-start;margin:10px 0 0}.hero{grid-template-columns:1.08fr .92fr;min-height:545px;padding-block:35px}.hero h1{letter-spacing:-3.5px;font-size:65px}.title-underline{width:165px}.hero-copy>p{font-size:var(--type-small);max-width:350px}.hero .eyebrow{font-size:var(--type-small);letter-spacing:1.4px}.hero-visual{transform-origin:100%;margin-left:-130px;margin-right:-20px;transform:scale(.7)}.hero-actions{gap:9px}.hero-actions .button{font-size:var(--type-small);gap:10px;padding:13px 15px}.hero-proof{font-size:var(--type-small)}.benefit-strip>.container{flex-wrap:wrap;justify-content:flex-start;gap:14px 0}.benefit-strip span{font-size:var(--type-small);flex-basis:50%}.category-grid,.card-grid{gap:15px}.category-card{padding:21px 18px}.category-card h3{font-size:21px}.category-card p{font-size:var(--type-small)}.category-link{font-size:var(--type-small);gap:10px}.category-link svg{width:14px}.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}.footer-top{grid-template-columns:1.4fr 1fr 1.2fr}.footer-note,.footer-bottom>span:last-child{display:none}.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}.header-inner{min-height:80px}.brand{font-size:20px}.brand small{font-size:var(--type-small)}.brand img{width:39px;height:39px}.hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:42px 27px;overflow:clip}.hero .eyebrow{font-size:var(--type-small);letter-spacing:1.7px}.hero h1{letter-spacing:-4px;margin-top:21px;font-size:68px;line-height:1.05}.title-underline{width:180px}.hero-copy>p{font-size:var(--type-small);max-width:390px;margin-top:27px}.desktop-break{display:none}.hero-actions{gap:11px;margin-top:24px}.hero-actions .button{font-size:var(--type-small);gap:15px;min-height:48px;padding:14px 18px}.hero-proof{margin-top:20px}.hero-visual{transform-origin:top;justify-self:center;width:450px;height:460px;margin:25px 0 -110px;transform:scale(.73)}.visual-caption{left:83px}.spark-one{right:5px}.benefit-strip>.container{gap:16px 0;padding-block:18px}.benefit-strip span{font-size:var(--type-small);gap:8px}.benefit-strip svg{width:16px}.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}.category-grid,.card-grid{grid-template-columns:1fr;gap:15px}.category-card{padding:23px}.category-top{margin-bottom:16px}.category-card h3{font-size:25px}.category-card p{font-size:var(--type-small);max-width:100%;margin-top:9px}.category-link{font-size:var(--type-small);margin-top:19px}.category-top>span:last-child{font-size:14px}.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}.footer-top{grid-template-columns:1fr 1fr;gap:25px 20px;padding-block:35px 30px}.footer-top>div:first-child{grid-column:1/-1}.footer-brand{font-size:21px}.footer-top p{font-size:var(--type-small);margin-top:12px}.footer-top h2{font-size:var(--type-small)}.footer-top>div>a:not(.brand){font-size:var(--type-small);padding-block:5px}.footer-bottom{font-size:var(--type-small);flex-direction:column;align-items:flex-start;gap:13px}.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{.site-header,.site-footer,.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)}.hero h1,.page-intro h1,.article-header h1,.error-page h1{font-size:var(--type-h1);letter-spacing:-.04em;line-height:1.12}.hero-copy>p,.page-intro>p,.about-home-copy p,.category-card 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)}.hero-copy>p{max-width:510px}.hero h1{margin-top:24px}.title-underline{width:150px;bottom:-10px}#primary-nav>a:not(.button),.button,.button.small,.nav-book,.hero-actions .button,.lesson-cta .button,.text-link,.search-field input,.select-label select,.filter-chips button{font-size:var(--type-control)}#primary-nav{flex-shrink:0;gap:24px}.brand small{letter-spacing:.8px;font-size:var(--type-small)}.eyebrow,.small-label{font-size:var(--type-small);letter-spacing:1.1px}.content-card h3,.category-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)}.footer-top{grid-template-columns:1.2fr 1fr 1.3fr 1fr;gap:28px}.footer-top>div,.about-home>div,.book-layout>div,.category-card,.card{min-width:0}.footer-top>div>a:not(.brand){max-width:100%}.footer-bottom,.benefit-strip>.container{flex-wrap:wrap}.benefit-strip span{flex:220px}.resource-mini{flex-wrap:wrap;align-content:start}.resource-mini h3{overflow-wrap:anywhere}.about-facts{flex-wrap:wrap;gap:22px}@media (width<=1100px){.site-header{position:relative}.menu-toggle{display:block}#primary-nav{z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 32px 28px;display:none;position:absolute;top:100%;left:0;right:0}#primary-nav.is-open{flex-direction:column;align-items:stretch;gap:3px;display:flex}#primary-nav>a:not(.button){padding:12px 0}.nav-book{align-self:flex-start;margin:10px 0 0}.hero{grid-template-columns:1fr 1fr;gap:20px}.reading-layout{grid-template-columns:minmax(0,1fr)}.toc{grid-row:1;position:static}.footer-top{grid-template-columns:1fr 1fr}}@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}.hero{grid-template-columns:minmax(0,1fr)}.hero h1{letter-spacing:-.04em}.hero .eyebrow{letter-spacing:.8px}.hero-actions .button{padding-inline:16px}.hero-proof{align-items:flex-start}.hero-proof .proof-mark{flex-shrink:0}.prose h2{font-size:28px}.prose h3{font-size:23px}.teacher-art{aspect-ratio:3/4;max-width:420px}.contact-card{padding:24px 18px}.footer-top{gap:32px 20px}.footer-top>div:first-child,.footer-top>div:nth-child(3){grid-column:1/-1}.empty-inline{flex-wrap:wrap}.empty-inline .text-link{margin-left:0}}@media (width<=1100px){.hero-visual{width:100%;height:420px;margin-left:0;transform:none}.hello-card{width:260px;height:350px;padding:22px;top:26px;left:10px}.notebook-label{letter-spacing:.5px}.notebook-label span:last-child{display:none}.notebook-bottom{letter-spacing:.5px;margin-top:16px}.back-card{width:165px;left:140px}.floating-note{white-space:normal;max-width:calc(100% - 40px);padding:14px;bottom:0;left:35px}.visual-caption{display:none}.orbit{width:100%;height:390px;left:0}}@media (width<=650px){.hero-visual{max-width:400px;height:420px;margin:30px 0 0}.hello-card{width:250px;left:10px}.back-card{width:160px;left:130px}.floating-note{max-width:calc(100% - 20px);left:15px}.hero-pinyin{font-size:var(--type-pinyin)}}