:root{--ink:#203c37;--green:#164f47;--muted:#697771;--paper:#faf9f5;--line:#dce3dc;--mint:#e9f0e9;--orange:#c26036;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b95429}button{cursor:pointer}h1,h2,h3,h4{color:var(--ink);line-height:1.18}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-1.5px}h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.7px;margin:0 0 24px}h3{font-size:18px;font-weight:650}p{margin:0 0 20px}img{max-width:100%;height:auto}.wrapper{overflow:visible;position:relative;min-height:100vh}.wrapper:before,.wrapper:after{display:none}.site-header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.wordmark{display:inline-flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1px;color:var(--green);white-space:nowrap}.wordmark:hover{text-decoration:none}.wordmark>span:not(.brand-icon){font-weight:400;color:#6e8278}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--green);color:white;border-radius:10px;margin-right:11px;font-family:var(--serif);font-size:28px}.brand-icon span{color:#d9af6e;font-size:30px;align-self:flex-end;line-height:1.2}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:550}.header-cta{border:1px solid #a5b5aa;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600}.skip-link{position:absolute;top:-100px;left:12px;padding:14px;background:white;z-index:99}.skip-link:focus{top:12px}.content-wrapper{background:transparent;min-height:60vh!important;margin:0;transition:none}.wide-page .content-wrapper{max-width:1440px;margin:auto}.with-course .content-wrapper{margin-left:252px;max-width:1300px}.wide-page .content{padding:20px 5% 60px}.content{padding:10px 42px 50px}.content.body{font-size:17px}.home-hero{padding:70px 5% 65px;display:grid;grid-template-columns:1.18fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;line-height:1.7;margin-bottom:20px;color:var(--green)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.home-hero h1{font-size:clamp(40px,4.5vw,66px);margin:0 0 28px;line-height:1.08;letter-spacing:-2px}.home-hero h1 em{font-weight:400;color:#61826e}.hero-description{max-width:505px;font-size:17px;line-height:1.8;color:#586a60}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:0;border-radius:7px;background:var(--green);color:#fff;padding:14px 24px;font-size:14px;font-weight:650;line-height:1.5}.button:hover{background:#103e37;color:#fff;text-decoration:none}.text-link{font-size:14px;font-weight:650}.hero-facts{display:flex;gap:27px;margin-top:38px;font-size:11px;color:var(--muted)}.hero-facts span{display:flex;flex-direction:column;gap:2px}.hero-facts b{font-size:21px;color:var(--ink);font-weight:600}.hero-art{min-height:410px;position:relative;background:#e7eee5;border-radius:48% 48% 8px 8px;overflow:hidden;isolation:isolate}.orbit{border:1px solid #c6d7c7;border-radius:50%;position:absolute;width:380px;height:380px;left:50%;top:58%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:250px;height:250px}.art-note{position:absolute;top:38px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#527460}.hello{position:absolute;display:flex;flex-direction:column;align-items:center;background:#fffdfa;box-shadow:0 12px 30px #164f4710;border:1px solid #dae2d5;border-radius:10px;padding:14px 28px;font-family:var(--serif);font-size:37px;line-height:1.3}.hello span{font-family:system-ui;font-size:8px;letter-spacing:2px;line-height:2;color:#758574}.hello-one{top:86px;left:12%;transform:rotate(-10deg)}.hello-two{right:5%;top:162px;transform:rotate(7deg);font-size:29px;background:#164f47;color:white}.hello-two span{color:#dce4d8}.hello-three{left:10%;top:255px;transform:rotate(-5deg);background:#f2ddad}.hello-four{right:8%;top:282px;font-size:33px;transform:rotate(7deg)}.art-star{position:absolute;right:21%;top:70px;color:var(--orange);font-size:72px}.art-bottom{position:absolute;bottom:17px;left:25px;font-size:10px;color:#657b69;letter-spacing:1px}.directory,.home-guides{padding:45px 5% 65px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin-bottom:0}.search-label{display:block;font-size:11px;font-weight:600;color:var(--muted);width:310px;flex-shrink:0}.search-label input{display:block;width:100%;background:white;border:1px solid #cfd9ce;border-radius:6px;padding:11px 14px;font-size:14px;margin-top:7px}.muted{color:var(--muted);font-size:13px}.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.language-card{padding:20px 17px;background:#fff;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:8px;transition:transform .16s,border-color .16s;min-width:0}.language-card:hover{transform:translateY(-3px);border-color:#819f89;text-decoration:none}.language-card img{width:34px;height:34px;object-fit:cover;border-radius:50%;flex-shrink:0}.language-card h3{font-size:15px;margin:0 0 5px}.language-card p{font-size:10px;color:var(--muted);margin:0}.language-card>span{margin-left:auto;font-size:20px;color:#90a08e}.language-card[hidden]{display:none}.method-strip{margin:10px 5% 65px;background:var(--green);border-radius:10px;color:#e9f1e8;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.method-strip h2{font-size:33px;color:#fff}.method-strip .eyebrow{color:#b6d2ad}.method-strip ol{padding:0;list-style:none;counter-reset:method;margin:0}.method-strip li{counter-increment:method;position:relative;padding:0 0 20px 45px}.method-strip li:before{content:'0'counter(method);position:absolute;left:0;color:#b6d2ad;font-size:13px;top:2px}.method-strip b,.method-strip span{display:block}.method-strip b{font-size:14px}.method-strip span{font-size:12px;color:#c6d6c6;margin-top:4px}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.guide-card{background:#f1f3ec;border:1px solid var(--line);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:start}.guide-card:hover{background:#e8eee1;text-decoration:none}.card-number{color:#7a856d;font-size:10px;letter-spacing:1.2px}.guide-card h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:23px 0 13px}.guide-card p{font-size:13px;color:#65715f;line-height:1.7}.arrow{margin-top:auto;padding-top:12px;font-size:12px;font-weight:600}.course-nav{position:absolute;top:96px;left:0;width:252px;border-right:1px solid var(--line);background:#f0f3ec;bottom:0;padding:30px 24px}.course-nav summary{font-weight:650;font-size:13px;list-style:none;pointer-events:none;margin-bottom:20px}.course-nav-inner{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:thin;padding-right:6px}.back-link{font-size:11px;display:block;margin-bottom:28px;color:#6b7969}.course-nav .eyebrow{margin:0;font-size:9px}.course-name{display:block;font-family:var(--serif);font-size:29px;margin-bottom:20px}.course-nav nav>a{display:block;font-size:12px;padding:6px 8px;border-radius:5px;line-height:1.65}.course-nav nav>a:hover,.course-nav nav>a[aria-current=page]{background:#dce6d7;text-decoration:none}.course-nav nav>a[aria-current=page]{font-weight:700}.course-nav nav>a span{display:inline-block;width:24px;font-size:10px;color:#869581}.nav-label{margin:22px 8px 8px;font-size:9px;font-weight:650;letter-spacing:1.2px;color:#798775}.breadcrumbs{padding:25px 42px 10px;font-size:11px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.breadcrumbs a{color:#617761}.course-hero{padding:30px 42px 45px;border-bottom:1px solid var(--line);margin-bottom:28px}.wide-page .course-hero{padding-left:5%;padding-right:5%}.course-hero h1{margin:0 0 25px}.course-hero>p:not(.eyebrow){max-width:740px;color:#627164;font-size:17px}.course-count{font-size:12px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:50px}.resource-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:white}.resource-card h3{font-family:var(--serif);font-size:25px;margin:0 0 12px}.resource-card p{font-size:13px;color:var(--muted);margin:0}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.lesson-card{display:flex;align-items:center;gap:17px;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:6px}.lesson-card>span{color:#8d9c88;font-family:var(--serif);font-size:24px}.lesson-card h3{font-size:15px;margin:0 0 5px}.lesson-card p{font-size:12px;color:var(--muted);margin:0}.lesson-card>b{margin-left:auto;font-weight:400;color:#82967d}.course-lessons{margin-bottom:60px}.with-course .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-note{background:#eaf0e5;border-left:3px solid #709266;padding:28px 30px;margin:40px 0;border-radius:0 8px 8px 0}.study-note h2{font-size:28px}.study-note p:last-child{margin-bottom:0}.site-footer{padding:45px 5%;border-top:1px solid var(--line);background:#f0f2eb;position:relative;z-index:2}.with-course .site-footer{margin-left:252px}.site-footer p{font-size:13px;color:var(--muted);margin:10px 0 20px}.site-footer nav{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;margin-bottom:20px}.site-footer small{color:#83907e;font-size:10px}.guide-language{margin-bottom:60px}.article-hero{padding:30px 42px 20px}.article-hero h1{font-size:clamp(33px,3.5vw,51px);max-width:900px;margin:0 0 25px}.article-lead{font-size:18px;max-width:800px;color:#607161}.article-meta{font-size:12px;color:var(--muted)}.article-toc{margin:0 42px 35px;padding:17px 22px;background:#edf1e8;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;border-radius:6px}.article-body{max-width:870px;margin:0 auto;padding:0 42px 70px;font-size:17px;line-height:1.9}.article-body h2{margin-top:40px;font-size:31px}.article-body h3{margin-top:28px}.article-body p a{text-decoration:underline;text-underline-offset:3px}.article-body table{font-size:15px}.article-body th,.article-body td{padding:12px 16px}.next-step{margin:35px 0}.content-header{padding:32px 42px 20px}.content-header h1{font-size:40px;margin:0 0 15px}.content-header h1 small{display:block;font-family:system-ui;font-size:18px;font-weight:400;line-height:1.6;margin-top:12px;color:#71806b}.content-header h4{font-size:12px;color:var(--muted)}.direct-chat-img{width:38px;height:38px;object-fit:contain;float:none;display:inline-block;border-radius:6px;margin-bottom:12px}.content .lead{font-size:17px;font-weight:400;line-height:1.9;color:#4d604f}.content .lead a{text-decoration:underline;text-underline-offset:3px}.content .box{border:1px solid var(--line);box-shadow:none;border-radius:8px;margin:24px 0;background:white;overflow:hidden}.box-header{padding:20px;background:#edf2e8;border-bottom:1px solid var(--line)}.box-header .box-title{font-size:21px;font-family:var(--serif);font-weight:400}.box-body{padding:0;overflow-x:auto}.table-scroll{overflow-x:auto;max-width:100%;margin:20px 0;border:1px solid var(--line);border-radius:8px;background:white}table{width:100%;border-collapse:collapse;background:white;margin:0!important;font-size:15px}caption{text-align:left;padding:13px 18px;background:#f0f3e9;color:#52634d;font-size:13px}th{background:#edf2e8;font-size:12px;font-weight:650;color:#52634d;text-align:left}td,th{padding:13px 18px;border:0!important;border-bottom:1px solid #e5e9df!important;vertical-align:middle!important}tr:nth-child(even) td{background:#f8faf5}td p{margin:0}td h4{font-size:15px}.audio-button{border:1px solid #c5d8bd;background:#e9f3e2;border-radius:20px;color:#25542d;font-size:11px;padding:6px 11px;white-space:nowrap}.audio-button:hover{background:#d7e9ca}.audio-button[data-playing=true]{background:var(--green);color:white}.audio-feedback{font-size:12px;color:#854326;margin-left:8px}.lesson-tools{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.lesson-tools a{background:#eef2e8;padding:7px 12px;font-size:11px;border-radius:5px}.callout{border-radius:6px!important;border:1px solid var(--line)!important;border-left:3px solid #7c9a69!important;background:#edf3e5!important;color:var(--ink)!important;padding:20px!important;margin:30px 0!important}.callout h4{font-size:18px}.callout p{font-size:15px!important}.callout a{color:var(--green)!important}.callout-warning{background:#f7f0df!important;border-left-color:#c7a66b!important}.label{font-weight:400;background:#e4ecdc!important;color:#49613d!important;padding:4px 8px;border-radius:4px}.related-guides{margin-top:50px}.related-guides h2{font-size:28px}.video-container{position:relative;aspect-ratio:16/9;width:100%;margin:20px 0 40px}.video-container iframe{width:100%;height:100%;border:0}.ad-slot{margin:20px 0}.ad-slot:empty{display:none}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.row{margin:0;display:flex;flex-wrap:wrap}.col-lg-7,.col-lg-5{padding:0;width:100%}.contact-form{max-width:660px}.contact-form label{display:block;font-weight:600;font-size:14px;margin:20px 0 7px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b7c6b1;border-radius:6px;padding:12px;background:white;color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form button{margin-top:25px}.contact-form .honeypot{position:absolute;left:-10000px}.form-message{padding:20px;background:#e7f1e1;border:1px solid #b8cbb1;border-radius:6px}.form-message.error{background:#fff0e8;border-color:#d8b39e}.share-inline{font-size:13px}
@media(min-width:1600px){.with-course .content-wrapper{margin-right:auto}}
@media(max-width:1100px){.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{gap:25px}.hero-art{min-height:390px}.hello{padding:12px 22px}.hello-two{font-size:24px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.with-course .content-wrapper,.with-course .site-footer{margin-left:218px}.course-nav{width:218px;padding:25px 18px}.content,.content-header,.course-hero,.article-hero{padding-left:28px;padding-right:28px}.breadcrumbs{padding-left:28px;padding-right:28px}.section-heading{align-items:start}.resource-grid{gap:10px}.resource-card{padding:15px}.resource-card h3{font-size:22px}}
@media(max-width:800px){.site-header{height:80px;padding:0 5%;gap:15px}.wordmark{font-size:24px}.brand-icon{width:32px;height:32px;font-size:23px}.site-header nav{gap:18px;font-size:12px}.header-cta{display:none}.home-hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.home-hero h1{font-size:52px}.hero-art{min-height:360px;max-width:500px;width:100%;margin:auto;border-radius:130px 130px 8px 8px}.hello-three{top:220px}.hello-four{top:240px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;gap:20px}.search-label{width:100%}.method-strip{grid-template-columns:1fr;gap:15px;padding:30px}.method-strip h2{font-size:30px}.course-nav{position:relative;top:auto;left:auto;bottom:auto;width:auto;padding:0;border:0;border-bottom:1px solid var(--line)}.course-nav summary{padding:14px 5%;pointer-events:auto;margin:0;cursor:pointer;list-style:disclosure-closed}.course-nav[open] summary{list-style:disclosure-open}.course-nav-inner{position:static;max-height:55vh;padding:10px 5% 25px}.with-course .content-wrapper,.with-course .site-footer{margin-left:0}.course-nav .back-link{margin-bottom:14px}.course-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.course-nav .nav-label{grid-column:1/-1}.course-name{font-size:25px}.resource-grid{grid-template-columns:1fr}.resource-card{display:block}.course-hero,.article-hero,.content-header{padding:28px 5%}.content{padding:10px 5% 40px}.article-body{padding:0 5% 40px}.article-toc{margin:0 5% 25px}.breadcrumbs{padding:20px 5% 5px}.content-header h1{font-size:34px}.article-hero h1{font-size:36px}.article-body h2{font-size:28px}.hero-facts{gap:35px}}
@media(max-width:480px){.site-header nav{gap:13px}.site-header nav a:last-child{display:none}.site-header .brand-icon{display:none}.home-hero h1{font-size:41px;letter-spacing:-1.2px}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-facts{gap:28px}.hero-art{min-height:340px}.hello-one{left:9%;top:73px}.hello-two{right:5%;top:149px}.hello-three{left:8%;top:220px}.hello-four{right:7%;top:249px}.hello{font-size:30px;padding:10px 22px}.hello-two{font-size:23px;padding:14px 18px}.art-bottom{font-size:8px;bottom:10px}.art-note{font-size:8px}.art-star{font-size:57px;top:64px;right:14%}.language-card{padding:16px 12px;gap:10px}.language-card h3{font-size:13px}.language-card p{font-size:9px}.language-card img{width:26px;height:26px}.language-card>span{display:none}.language-grid{gap:9px}.guide-card{padding:20px}.guide-card h3{font-size:22px}.guide-grid,.with-course .guide-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:1fr}.study-note{padding:22px}.content-header h1{font-size:31px}.article-hero h1{font-size:33px}.article-body{font-size:16px}td,th{padding:11px 12px}.course-hero h1{font-size:37px}.hero-facts b{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.course-nav,.site-footer,.ad-slot,.hero-art,.article-toc,.audio-button,.related-guides{display:none!important}.content-wrapper,.with-course .content-wrapper{margin:0!important}body{background:white;color:black}.article-body{max-width:none;padding:0}.content{padding:0}a{color:black}h2,h3{break-after:avoid}table{break-inside:auto}tr{break-inside:avoid}}
/* Retain the original site's blue learning-dashboard character. */
:root{--ink:#263e50;--green:#26739e;--muted:#677b8a;--paper:#f5f7fa;--line:#dce4ec;--mint:#eaf3fa;--orange:#e79a35;--serif:system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2{font-weight:600;letter-spacing:-.7px}.site-header{background:#3c8dbc;border-color:#347fa9;color:white}.site-header a,.site-header .wordmark{color:white}.site-header .wordmark>span:not(.brand-icon){color:#e0f1fa}.brand-icon{background:#2877a5}.header-cta{border-color:#b0d4ea}.home-hero h1{font-size:clamp(38px,4.2vw,60px);font-weight:650;line-height:1.12}.home-hero h1 em{font-style:normal;color:#3c8dbc}.hero-description,.course-hero>p:not(.eyebrow),.article-lead{color:#607687}.hero-art{background:#e5f0f9;border-radius:12px}.orbit{border-color:#c4dceb}.hello{border-color:#d3e2ed;font-family:system-ui;font-size:32px}.hello-two{background:#3c8dbc;font-size:26px}.hello-three{background:#f9e6b8}.hello span,.art-note,.art-bottom{color:#59778b}.hello-two span{color:white}.art-star{color:#e5a041}.language-card{border-radius:6px}.language-card h3{color:#286e98}.method-strip{background:#337fae}.method-strip .eyebrow,.method-strip li:before{color:#d5e9f8}.method-strip span{color:#dcebf5}.method-strip h2{font-size:29px}.guide-card{background:white;border-top:3px solid #3c8dbc;border-radius:5px}.guide-card:hover{background:#eef6fc}.guide-card h3{font-size:21px;font-weight:550}.guide-card p,.card-number{color:#6c7f8d}.course-nav{background:#edf2f7}.course-nav nav>a:hover,.course-nav nav>a[aria-current=page]{background:#d8eaf7;color:#1c628c}.course-name{font-weight:600;font-size:25px}.nav-label,.back-link,.course-nav nav>a span{color:#697f8f}.course-hero{background:#fff}.resource-card{border-top:3px solid #3c8dbc}.resource-card h3{font-size:22px;font-weight:550}.resource-card:nth-child(2){border-top-color:#00a65a}.resource-card:nth-child(3){border-top-color:#f39c12}.lesson-card>span{color:#8ea6b6;font-family:system-ui;font-size:20px}.study-note{background:#eaf4fc;border-left-color:#3c8dbc}.site-footer{background:#eaf0f5}.site-footer .wordmark{color:#26739e}.site-footer .wordmark>span{color:#77909f}.article-toc,.lesson-tools a{background:#e8f2fa}.content .lead{color:#465f70}.content .box{border-top:3px solid #3c8dbc}.box-header,th,caption{background:#edf4fa;color:#42677f}.box-header .box-title{font-weight:550;font-size:20px}tr:nth-child(even) td{background:#f6f9fc}td,th{border-bottom-color:#e2eaf1!important}.audio-button{background:#e6f5eb;border-color:#bfdfcb;color:#217442}.audio-button:hover{background:#d2ebdb}.audio-button[data-playing=true]{background:#168650}.callout{background:#eaf5fd!important;border-left-color:#3c8dbc!important}.callout-warning{background:#fff5e1!important;border-left-color:#f39c12!important}.label{background:#edf3f8!important;color:#4b6e85!important}.breadcrumbs a{color:#4c7d9b}.content-header h1{font-size:34px}.contact-form input,.contact-form textarea{border-color:#c2d2df}.button:hover{background:#1c638d}.article-body h2{font-size:28px}.study-note h2{font-size:25px}@media(max-width:480px){.home-hero h1{font-size:38px}.hello{font-size:29px}.hello-two{font-size:23px}.content-header h1{font-size:28px}.course-hero h1{font-size:33px}.article-hero h1{font-size:31px}.hero-art{border-radius:10px}}
.practice-panel{border:1px solid #c9dce9;border-top:3px solid #3c8dbc;border-radius:6px;background:white;padding:25px;margin:40px 0}.practice-panel h2{font-size:25px;margin:0 0 15px}.practice-panel p{font-size:14px}.progress-button{background:#eaf4fc;border:1px solid #adcce1;color:#24638b;border-radius:5px;padding:10px 15px;font-size:13px}.progress-button[aria-pressed=true]{background:#e5f3e9;color:#267241;border-color:#a4ceb4}.progress-status{font-size:11px!important;color:#71828d;margin:10px 0}.practice-panel nav{display:flex;justify-content:space-between;gap:25px;padding-top:15px;border-top:1px solid var(--line);font-size:13px}.completed-mark{display:block;font-size:10px;color:#267241;margin-top:6px}
.callout.callout-info{background-color:#eaf5fd!important;color:#263e50!important}.callout.callout-warning{background-color:#fff5e1!important;color:#263e50!important}.callout.callout-success{background-color:#eaf7ee!important;color:#263e50!important}.callout.callout-info p,.callout.callout-warning p,.callout.callout-success p{color:inherit!important}.breadcrumbs>[aria-current=page]:before{content:'/';margin-right:10px;color:#96a7b2}.course-nav summary:after{content:'⌄';float:right;color:#7891a3}@media(min-width:801px){.course-nav summary:after{display:none}}

body{font-family:system-ui,-apple-system,'Segoe UI','Noto Sans SC','Noto Sans JP','Noto Sans KR',sans-serif}td[lang=ja],.hello-two{font-family:system-ui,'Noto Sans JP',sans-serif}td[lang=ko]{font-family:system-ui,'Noto Sans KR',sans-serif}td[lang=zh],td[lang=yue]{font-family:system-ui,'Noto Sans SC',sans-serif}

.hello-two,td[lang=ja],[data-course=japanese] table td:nth-child(2){font-family:'Noto Sans JP',system-ui,sans-serif}td[lang=zh],td[lang=yue],[data-course=chinese] table td:nth-child(2),[data-course=cantonese] table td:nth-child(2){font-family:'Noto Sans SC',system-ui,sans-serif}td[lang=ko],[data-course=korean] table td:nth-child(2){font-family:'Noto Sans KR',system-ui,sans-serif}