#tsite{color:#143e31;background:#fffdf8;border-radius:16px;font-family:Arial,sans-serif;overflow:hidden}#tsite *{box-sizing:border-box}#tsite h1{font-size:36px}#tsite h2{letter-spacing:-.6px;margin:10px 0 16px;font-size:29px;line-height:1.2}#tsite h3{margin:10px 0;font-size:20px}#tsite p{line-height:1.65}#tsite button,#tsite a{font:inherit}#tsite button,#tsite .ta{cursor:pointer;color:#087344;background:#fff;border:1px solid #c6decf;border-radius:24px;padding:11px 16px;text-decoration:none;display:inline-block}#tsite button:hover{background:#e9f5e9}#tsite .primary,#tsite button[aria-pressed=true]{color:#fff;background:#087546;border-color:#087546}#tsite .nav{border-bottom:1px solid #dde8dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 4%;display:flex}#tsite .brand{color:#087546;font-size:24px;font-weight:700}#tsite .row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}#tsite .hero{width:100%;display:block}#tsite .heroactions{background:#edf6eb;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 4%;display:flex}#tsite .small{color:#597164;font-size:12px}#tsite section{padding:38px 5%}#tsite .eyebrow{letter-spacing:1.4px;color:#087546;text-transform:uppercase;font-size:12px}#tsite .feature{border-top:1px solid #e7ece5;grid-template-columns:.8fr 1.3fr;align-items:center;gap:30px;display:grid}#tsite .feature.reverse{grid-template-columns:1.3fr .8fr}#tsite .feature.reverse .copy{order:2}#tsite figure{background:#fff;border:1px solid #cce1d2;border-radius:20px;margin:0;padding:10px;box-shadow:0 12px 28px #17482d0c}#tsite figure img{border-radius:12px;width:100%;display:block}#tsite figcaption{text-align:center;margin:9px 0 2px}#tsite figcaption button{border:0;padding:8px}#tsite .chips span{background:#e5f2e9;border-radius:7px;margin:4px;padding:7px 10px;font-size:12px;display:inline-block}#tsite .num{background:#edf7ee;border:1px solid #c6dfcf;border-radius:20px;padding:9px 12px;display:inline-block}#tsite .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}#tsite .card{background:#fff;border:1px solid #dce5da;border-radius:18px;padding:20px}#tsite .mode{background:#f0edff;border-radius:20px;margin-top:18px;padding:26px}#tsite .mode h3{font-size:23px}#tsite .mode .row{margin:15px 0}#tsite .lesson button{padding:8px 11px;font-size:12px}#tsite .tint{background:#f0f7f0}#tsite .feedback{background:#fff;border-radius:12px;margin-top:12px;padding:16px}#tsite .footer{color:#fff;background:#104e34;padding:34px 5%}#tsite details{border-bottom:1px solid #dce5da;padding:15px 0}#tsite summary{cursor:pointer}#tsite textarea{font:inherit;color:#143e31;background:#fff;border:1px solid #c5d9cb;border-radius:12px;width:100%;min-height:85px;margin:12px 0;padding:12px}#tsite .compare{background:#eff9ef;border:2px solid #078345}#tsite [hidden]{display:none!important}#tsite .photo-expanded{grid-template-columns:1fr!important}#tsite .photo-expanded .copy{order:0!important}#tsite .photo-expanded figure{order:1}#tsite .notice{color:#69572d;background:#fff0c9;padding:8px 4%;font-size:12px}@media (width<=650px){#tsite .feature,#tsite .feature.reverse,#tsite .grid{grid-template-columns:1fr}#tsite .feature.reverse .copy{order:0}#tsite section{padding:28px 5%}#tsite h2{font-size:25px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fffdf8;--foreground:#143e31;--primary:#087546;--primary-foreground:#fff;--border:#c6decf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{color:#143e31;background:#fffdf8;margin:0;font-family:Arial,sans-serif}#tsite{border-radius:0;max-width:1440px;margin:auto}#tsite button:disabled{cursor:not-allowed;opacity:.5}#tsite button:focus-visible,#tsite a:focus-visible,#tsite summary:focus-visible{outline-offset:4px;outline:3px solid #7c55c7}#tsite figure img{height:auto}#tsite .small{font-size:14px}#tsite .card p{font-size:16px}#tsite .lesson button,#tsite .chips span{font-size:14px}#tsite .hero-native{background:#fafaf2;grid-template-columns:1.1fr 1fr;min-height:580px;display:grid}#tsite .hero-copy{z-index:1;padding:60px 8% 40px;position:relative}#tsite .hero-copy h1{letter-spacing:-2px;margin:22px 0;font-family:Georgia,serif;font-size:clamp(42px,5.5vw,74px);line-height:1.05}#tsite .hero-copy h2{font-size:27px;font-weight:500}#tsite .hero-art{min-width:0;position:relative;overflow:hidden}#tsite .hero-art img{width:auto;max-width:none;height:110%;position:absolute;top:0;right:0}#tsite .support-strip{background:#fff;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 5%;display:grid}#tsite .support-strip>div{background:#edf7ee;border-radius:16px;padding:18px}#tsite .support-strip>div:nth-child(2){background:#eee9fb}#tsite .support-strip p{margin:7px 0 0}#tsite .hero-native p{font-size:17px}#tsite .hero-native .small{font-size:14px}#tsite .nav{padding:20px 5%}#tsite .nav button,#tsite .ta{min-height:44px}#tsite .footer-small{color:#dbefde}#tsite .feature{padding-top:55px;padding-bottom:55px}#tsite .lesson .row{margin-top:18px}#tsite .lesson a{margin-top:14px}#tsite section{content-visibility:auto;contain-intrinsic-size:auto 600px}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:10px}.skip:focus{top:10px}@media (width<=760px){#tsite .hero-native{grid-template-columns:1fr}#tsite .hero-copy{padding:35px 6% 25px}#tsite .hero-art{height:340px}#tsite .hero-art img{height:170%;top:-5%;right:0}#tsite .support-strip{grid-template-columns:1fr}#tsite .hero-copy h1{font-size:48px}#tsite .feature,#tsite .feature.reverse{grid-template-columns:1fr}#tsite .feature.reverse .copy{order:0}#tsite .grid{grid-template-columns:1fr}#tsite .row>*{max-width:100%}#tsite .nav{align-items:flex-start}#tsite .nav .row{gap:6px}#tsite .nav button,#tsite .nav a{padding:9px 11px;font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#tsite .hero-art{aspect-ratio:1;align-self:center;width:100%;height:auto;min-height:0}#tsite .hero-art img{width:200%;max-width:none;height:auto;top:0;left:-100%;right:auto}#tsite .nav{background:#fff;padding-top:8px;padding-bottom:8px}#tsite .brand-logo{flex-shrink:0;width:190px;height:100px;display:block;position:relative;overflow:hidden}#tsite .brand-logo img{width:225px;max-width:none;height:auto;position:absolute;top:-27px;left:-17px}@media (width<=760px){#tsite .hero-art{aspect-ratio:1;max-width:600px;height:auto;margin:auto}#tsite .hero-art img{width:200%;height:auto;top:0;left:-100%;right:auto}#tsite .brand-logo{width:160px;height:85px}#tsite .brand-logo img{width:190px;top:-23px;left:-14px}#tsite .nav{align-items:center}}#tsite .language-picker{background:#f2f8f1;border:1px solid #c6decf;border-radius:28px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}#tsite .language-picker span{padding:0 5px}#tsite .language-picker button{border:0;min-height:40px;padding:9px 11px;font-size:14px}#tsite .language-picker button[aria-pressed=true]{color:#fff;background:#087546}#tsite .language-picker{border-radius:24px;flex-wrap:nowrap;max-width:100%;min-height:44px;padding:0 10px}#tsite .language-picker select{appearance:auto;color:#07583c;font:inherit;cursor:pointer;background:0 0;border:0;max-width:190px;min-height:44px;padding:6px 4px;font-size:16px}#tsite .language-picker:focus-within{outline-offset:3px;outline:2px solid #087546}#tsite .nav>*{min-width:0}#tsite h1,#tsite h2,#tsite h3{overflow-wrap:anywhere}html:lang(zh) #tsite,html:lang(ja) #tsite,html:lang(ko) #tsite,html:lang(th) #tsite{line-height:1.7}@media (width<=760px){#tsite .language-picker select{max-width:175px}#tsite .nav{flex-wrap:wrap}}#tsite .hero-art{aspect-ratio:auto;align-self:center;width:100%;height:auto;overflow:visible}#tsite .hero-art img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block;position:static;inset:auto}@media (width<=760px){#tsite .hero-art{aspect-ratio:auto;width:100%;max-width:600px;height:auto;margin:auto}#tsite .hero-art img{object-fit:contain;width:100%;max-width:100%;height:auto;position:static;inset:auto}}.blog-site{--blog-green:#087546;--blog-ink:#143e31;max-width:1440px;color:var(--blog-ink);background:#fffdf8;margin:auto;font-size:16px;line-height:1.75}.blog-site a{color:inherit;text-underline-offset:4px}.blog-site button,.blog-site input{font:inherit}.blog-site a:focus-visible,.blog-site button:focus-visible,.blog-site input:focus-visible{outline-offset:4px;outline:3px solid #7755c0}.blog-nav{background:#fff;border-bottom:1px solid #dce5da;justify-content:space-between;align-items:center;gap:18px;padding:10px 5%;display:flex}.blog-nav>a{flex-shrink:0;width:145px;display:block}.blog-nav img{width:100%;height:auto;display:block}.blog-nav nav{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.blog-nav nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.blog-language,.blog-meta,.blog-muted{color:#536a5e;font-size:14px}.blog-button{background:var(--blog-green);border:1px solid var(--blog-green);cursor:pointer;border-radius:28px;min-height:44px;padding:10px 20px;text-decoration:none;color:#fff!important;display:inline-block!important}.blog-button:hover{background:#075d38}.blog-main{padding:32px 5% 60px}.blog-heading{max-width:780px;padding:20px 0 30px}.blog-eyebrow{letter-spacing:1px;color:var(--blog-green);font-size:13px;font-weight:700}.blog-heading h1{letter-spacing:-1px;margin:18px 0;font:700 clamp(34px,4.5vw,58px)/1.14 Georgia,serif}.blog-heading h1 em{color:var(--blog-green);font-style:normal}.blog-heading p{max-width:650px;font-size:19px}.blog-filters{background:#edf6ef;border-radius:20px;margin:0 0 28px;padding:24px}.blog-filters label{margin-bottom:8px;font-weight:700;display:block}.blog-filters input{width:100%;max-width:610px;min-height:48px;color:var(--blog-ink);background:#fff;border:1px solid #b8cfc0;border-radius:12px;padding:10px 14px}.blog-categories{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.blog-categories button{color:var(--blog-ink);cursor:pointer;background:#fff;border:1px solid #b8cfc0;border-radius:24px;min-height:44px;padding:8px 15px}.blog-categories button[aria-pressed=true]{background:var(--blog-green);color:#fff;border-color:var(--blog-green)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.blog-card{background:#fff;border:1px solid #d5e2d8;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.blog-card>a{background:#edf6ef;padding:12px;display:block}.blog-card img{aspect-ratio:2.1;object-fit:contain;width:100%;height:auto;display:block}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card h2{margin:12px 0;font-size:23px;line-height:1.35}.blog-card h2 a{text-decoration:none}.blog-card h2 a:hover{text-decoration:underline}.blog-card p{margin:0 0 18px}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.blog-tags span{background:#eeeafb;border-radius:6px;padding:4px 9px;font-size:14px}.blog-text-link{padding:8px 0;font-weight:700;display:inline-block;color:var(--blog-green)!important}.blog-empty{text-align:center;border:1px dashed #b8cfc0;border-radius:18px;padding:40px}.blog-footer{color:#fff;background:#104e34;padding:36px 5%}.blog-footer .blog-muted{color:#d4e8db}.blog-breadcrumb{margin:12px 0 28px;font-size:14px}.article-heading{max-width:880px}.article-heading h1{overflow-wrap:anywhere;margin:18px 0;font:700 clamp(32px,4vw,48px)/1.2 Georgia,serif}.article-intro{font-size:19px;line-height:1.8}.article-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:50px;margin-top:32px;display:grid}.article-toc{background:#edf6ef;border-radius:16px;padding:20px;font-size:14px;position:sticky;top:24px}.article-toc a{margin-top:12px;text-decoration:none;display:block}.article-toc a:hover{text-decoration:underline}.article-body{min-width:0;max-width:820px}.article-body section{margin-bottom:40px;scroll-margin-top:24px}.article-body h2{margin:0 0 18px;font-size:27px;line-height:1.35}.article-body p,.article-body li{font-size:17px}.article-body li{margin:10px 0}.article-example{border-left:4px solid var(--blog-green);background:#edf6ef;border-radius:0 16px 16px 0;padding:24px}.article-example blockquote{margin:15px 0;font-size:21px;line-height:1.7}.article-example p{margin-bottom:0}.article-table{overflow-x:auto}.article-table table{border-collapse:collapse;background:#fff;width:100%}.article-table caption{text-align:left;margin:12px 0;font-weight:700}.article-table th,.article-table td{text-align:left;border:1px solid #d5e2d8;padding:12px}.article-table th{background:#edf6ef}.article-practice{background:#eeeafb;border-radius:20px;padding:28px}.article-practice h2{margin-top:12px}.article-photo{margin:0}.article-photo img{border:1px solid #c6decf;border-radius:16px;width:100%;height:auto;display:block}.article-photo figcaption{color:#536a5e;margin-top:12px;font-size:14px}.blog-related{border-top:1px solid #d5e2d8;padding-top:30px}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.related-card{background:#fff;border:1px solid #d5e2d8;border-radius:16px;padding:24px;text-decoration:none;display:block}.related-card:hover{border-color:var(--blog-green)}.related-card h3{margin:10px 0 20px;font-size:22px;line-height:1.4}@media (width<=960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:28px}.article-toc{position:static}.article-body{max-width:none}}@media (width<=600px){.blog-nav{flex-wrap:wrap;align-items:center;padding:10px 5%}.blog-nav>a{width:120px}.blog-nav nav{gap:12px;font-size:14px}.blog-main{padding-top:18px}.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr}.blog-card-body{padding:20px}.blog-heading{padding-top:10px}.blog-filters{padding:18px}.article-example,.article-practice{padding:20px}.article-body h2{font-size:24px}.blog-language{width:100%}}