body .page-shell.lesson-shell .lesson-vocabulary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card{grid-template-rows:auto auto!important;grid-template-columns:max-content minmax(0,1fr) auto!important;gap:2px 8px!important;min-height:72px!important;padding:8px 9px!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card>strong{white-space:nowrap;word-break:keep-all;min-width:40px;max-width:72px;font-size:1.42rem!important;line-height:1.08!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card>.pinyin-line{font-size:.72rem!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card>p{font-size:.68rem!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card>.inline-speech-button{padding-inline:5px!important;font-size:.61rem!important}body .page-shell.lesson-shell .lesson-vocabulary-context-list article{min-height:92px;padding:8px 9px!important}body .page-shell.lesson-shell .lesson-vocabulary-context-list strong{white-space:normal;word-break:keep-all}body .reference-shell .character-grid-list{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}body .reference-shell .character-grid-list li{min-height:104px!important;padding:8px!important}body .reference-shell .character-glyph{font-size:1.85rem!important}body .reference-shell .character-example,body .reference-shell .character-learning-meaning{font-size:.66rem!important}body .reference-shell .character-learning-actions a{font-size:.61rem!important}body .page-shell.flashcard-page{width:min(1180px,100% - 32px)!important}body .page-shell.flashcard-page .srs-shell.no-context>.srs-summary,body .page-shell.flashcard-page .srs-shell.no-context>.srs-controls,body .page-shell.flashcard-page .srs-shell.no-context>.srs-workspace-grid{width:min(860px,100%);margin-inline:auto}body .page-shell.flashcard-page .srs-workspace-grid{align-items:start;gap:12px;display:grid}body .page-shell.flashcard-page .srs-workspace-grid.has-context{grid-template-columns:minmax(0,1fr) 300px}body .page-shell.flashcard-page .srs-workspace-grid.no-context{grid-template-columns:minmax(0,1fr)}body .page-shell.flashcard-page .srs-card-column{gap:8px;min-width:0;display:grid}body .page-shell.flashcard-page .flashcard{width:100%;min-height:210px!important;padding:18px!important}body .page-shell.flashcard-page .flashcard strong{font-size:clamp(2.7rem,5vw,3.65rem)!important}body .page-shell.flashcard-page .tool-action-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}body .page-shell.flashcard-page .tool-action-row .button{width:100%;min-height:38px}body .page-shell.flashcard-page .flashcard-context-rail{border:1px solid var(--line);background:var(--panel);border-radius:10px;display:block;position:sticky;top:84px;overflow:hidden}body .page-shell.flashcard-page .flashcard-context-section{border:0!important;border-bottom:1px solid var(--line)!important;background:0 0!important;border-radius:0!important;padding:12px!important}body .page-shell.flashcard-page .flashcard-context-section:last-child{border-bottom:0!important}body .page-shell.flashcard-page .flashcard-context-heading h2,body .page-shell.flashcard-page .flashcard-context-section h3{font-size:.86rem!important}body .page-shell.flashcard-page .flashcard-context-links a,body .page-shell.flashcard-page .flashcard-context-list a{min-height:34px;padding:6px 7px!important;font-size:.68rem!important}body .page-shell.reference-shell .compact-grammar-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body .page-shell.reference-shell .compact-grammar-list>li{min-height:70px;overflow:hidden;padding:0!important}body .page-shell.reference-shell .compact-grammar-list summary{grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:9px;min-height:70px;padding:10px 12px;display:grid}body .page-shell.reference-shell .compact-grammar-list details[open] summary{border-bottom:1px solid var(--line)}body .page-shell.reference-shell .compact-grammar-list .grammar-row-main strong{word-break:keep-all;line-height:1.35}body .page-shell.reference-shell .compact-grammar-list .grammar-row-detail{padding:10px 12px 12px}@media (max-width:1040px){body .page-shell.lesson-shell .lesson-vocabulary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body .reference-shell .character-grid-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (max-width:900px){body .page-shell.flashcard-page .srs-workspace-grid.has-context{grid-template-columns:1fr}body .page-shell.flashcard-page .flashcard-context-rail{position:static}body .reference-shell .character-grid-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:820px){body .page-shell.reference-shell .compact-grammar-list{grid-template-columns:1fr!important}}@media (max-width:760px){body .page-shell.lesson-shell .lesson-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .page-shell.flashcard-page .tool-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}body .reference-shell .character-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:500px){body .page-shell.lesson-shell .lesson-vocabulary-grid{grid-template-columns:1fr!important}body .page-shell.lesson-shell .lesson-vocabulary-grid .vocabulary-card{min-height:66px!important}body .reference-shell .character-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
:root{--radius-sm:9px;--radius:11px;--radius-lg:12px;--shadow:none;--compact-radius:11px;--compact-radius-sm:8px;--compact-gap:8px}body{background:var(--paper)}body .page-shell{padding-top:22px;padding-bottom:48px}body .breadcrumb{margin-bottom:10px}body .page-heading,body .learning-heading.compact-heading,body .guides-heading,body .guide-article-heading,body .compact-tool-heading{margin-bottom:10px;padding-bottom:8px}body .page-shell .page-heading h1,body .page-shell .learning-heading.compact-heading h1,body .page-shell .guides-heading h1,body .page-shell .guide-article-heading h1,body .page-shell .compact-tool-heading h1,body .page-shell .course-landing-hero h1,body .page-shell .lesson-page-heading h1,body .page-shell .practice-level-overview h1{line-height:1.08;font-size:clamp(1.65rem,2.8vw,2.2rem)!important}body .page-shell :where(.page-heading,.learning-heading.compact-heading,.guides-heading,.guide-article-heading,.compact-tool-heading) p{font-size:.82rem;line-height:1.45}body .button,body .header-cta{border-radius:8px;min-height:36px;padding-inline:12px;box-shadow:none!important}body .page-shell :where(.tool-directory-card,.learn-resource-card,.learn-course-strip,.practice-quick-link,.practice-level-chip,.practice-paper-card,.exam-mode-row,.exam-mode-card,.lesson-panel,.course-landing-hero,.course-summary-strip,.course-fact-row>*,.course-outcome-grid article,.course-tool-grid a,.course-related-grid a,.review-card,.review-summary article,.review-next-card,.guide-card,.guide-aside-card,.guide-next-step-grid a,.related-guide-card-link,.reference-controls,.assessment-section,.assessment-question,.mock-question,.writing-workspace,.writing-side-panel>section,.writing-related-links,.character-stroke-preview,.character-entity-words,.character-entity-facts,.grammar-learning-list>li,.lesson-step-panel,.lesson-resource-rail,.lesson-sequence-link){box-shadow:none!important;border-radius:10px!important}body .page-shell .tool-directory-grid,body .page-shell .guides-grid,body .page-shell .learn-resource-grid{gap:7px}body .page-shell .tool-directory-card{min-height:82px!important;padding:10px 11px!important}body .page-shell .tool-directory-card h2{margin:4px 0 2px;font-size:.88rem}body .page-shell .tool-directory-card p,body .page-shell .tool-directory-card strong{font-size:.69rem;line-height:1.4}body .learn-hub,body .learn-hub-section{gap:8px}body .learn-resource-card{min-height:82px!important;padding:9px 10px!important}body .learn-course-strip{padding:10px 12px!important}body .learn-level-reference-row{min-height:42px}body .page-shell .study-tool-shell{gap:10px}body .page-shell .srs-summary{gap:6px}body .page-shell .srs-summary article{box-shadow:none!important;border-radius:9px!important;padding:8px 10px!important}body .page-shell .srs-summary strong{font-size:1rem!important}body .page-shell .srs-summary span{font-size:.67rem}body .page-shell .srs-controls{gap:7px;margin-bottom:8px}body .page-shell .srs-controls input{border-radius:8px;min-width:200px;min-height:36px;padding:7px 9px;font-size:.76rem}body .page-shell .srs-tabs button{border-radius:8px;min-height:34px;padding:6px 9px;font-size:.72rem}body .page-shell .flashcard{min-height:178px!important;box-shadow:none!important;border-radius:10px!important;gap:6px!important;padding:14px!important}body .page-shell .flashcard strong{font-size:clamp(2.35rem,5vw,3.2rem)!important}body .page-shell .flashcard .reference-pinyin{font-size:.88rem!important}body .page-shell .flashcard-answer{min-height:20px;font-size:.78rem!important}body .page-shell .srs-rating-row{gap:5px;margin-top:8px}body .page-shell .srs-rating-row button{border-radius:8px;min-height:36px;padding:6px 8px;font-size:.72rem}body .writing-hub{gap:12px!important}body .writing-example-card{box-shadow:none!important;border-radius:10px!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:10px!important;padding:10px 12px!important}body .writing-example-glyph{width:58px;height:58px;border-radius:8px!important;font-size:2.35rem!important}body .writing-example-copy strong{font-size:.9rem!important}body .writing-example-copy span,body .writing-example-copy small,body .writing-example-card>b{font-size:.68rem}body .writing-level-grid,body .writing-basics-grid{gap:7px!important}body .writing-level-card{min-height:78px!important;padding:9px 10px!important}body .writing-basics-grid article{padding:9px 10px!important}body .writing-basics-grid h3{font-size:.86rem}body .writing-basics-grid p{font-size:.7rem;line-height:1.42}body .writing-page{width:min(1040px,100% - 32px)!important}body .writing-practice{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:9px!important}body .writing-workspace{padding:10px!important}body .writing-stroke-stage{border-radius:8px!important;width:min(420px,100%)!important}body .writing-mode-tabs,body .writing-feedback-row,body .writing-controls,body .writing-tool-note,body .writing-complete-message{width:min(420px,100%)!important}body .writing-side-panel{gap:6px!important}body .writing-side-panel>section,body .writing-related-links{padding:9px 10px!important}body .writing-current-card>strong{font-size:2.35rem!important}body .writing-character-picker>div:last-child{gap:3px!important}body .writing-character-picker>div:last-child button{border-radius:6px!important;min-height:30px!important;font-size:.75rem!important}body .character-entity-page{gap:10px!important;width:min(1040px,100% - 32px)!important}body .character-entity-heading{gap:12px!important;padding-bottom:8px!important}body .character-entity-title h1{font-size:clamp(2.8rem,5vw,3.6rem)!important}body .character-entity-pronunciation strong{font-size:.95rem!important}body .character-entity-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;gap:9px!important}body .character-stroke-preview,body .character-entity-words,body .character-entity-facts{padding:10px!important}body .character-stroke-stage{border-radius:8px!important;width:min(340px,100%)!important}body .character-stroke-actions{width:min(340px,100%)!important}body .character-entity-side{gap:7px!important}body .character-entity-words li a{padding:6px 7px!important}body .review-shell{gap:12px!important}body .review-summary{gap:6px!important}body .review-summary article{padding:8px 10px!important}body .review-summary strong{font-size:1rem!important}body .review-list{gap:8px!important}body .review-card{box-shadow:none!important;border-radius:10px!important;padding:11px 12px!important}body .review-card header{gap:10px!important;padding-bottom:8px!important}body .review-card>h3{margin:10px 0 8px!important;font-size:.92rem!important}body .review-choices{gap:5px!important}body .review-choices button{border-radius:8px!important;min-height:38px!important;padding:7px 9px!important}body .review-feedback{border-radius:8px!important;margin-top:8px!important;padding:9px 10px!important}body .review-next-actions,body .review-next-grid{gap:7px!important}body .review-next-card{min-height:64px!important;padding:8px 9px!important}body .guides-shell,body .guides-library{gap:12px!important}body .guide-card{min-height:0!important;padding:10px 11px!important}body .guide-card h2{margin:6px 0 4px!important;font-size:.9rem!important}body .guide-card p{-webkit-line-clamp:2!important;font-size:.73rem!important;line-height:1.45!important}body .guide-article-heading h1{font-size:clamp(1.75rem,3vw,2.25rem)!important}body .guide-toc{border-radius:9px!important;padding:10px 12px!important}body .guide-article-layout{gap:24px!important}body .guide-article-body>section{padding:17px 0!important}body .guide-article-body h2{font-size:1.25rem!important}body .guide-aside-card{padding:10px!important}body .guide-next-step-grid a,body .related-guide-card-link{min-height:0!important;padding:9px 10px!important}body .grammar-learning-list{gap:6px!important}body .grammar-learning-list>li{border-radius:9px!important;padding:10px 11px!important}body .grammar-learning-list>li>p{font-size:.76rem;margin-top:8px!important}body .grammar-example{border-radius:8px!important;margin-top:8px!important;padding:8px 9px!important}body .exam-mode-card{background:var(--panel)!important;gap:12px!important;padding:12px 14px!important}body .exam-mode-card:after{display:none!important}body .mock-shell,body .mock-questions{gap:8px!important}body .mock-toolbar{box-shadow:none!important;border-radius:9px!important;padding:8px 10px!important}body .mock-question{padding:11px 12px!important}body .mock-question h2{margin:8px 0 9px!important;font-size:.94rem!important}body .mock-choices{gap:5px!important}body .mock-choices button{border-radius:8px!important;min-height:38px!important;padding:7px 9px!important}body .mock-submit-panel{padding:11px 12px!important}body .hsk1-course-landing{gap:12px!important}body .course-landing-hero{background:var(--panel)!important;gap:14px!important;padding:12px 14px!important}body .course-landing-summary{gap:6px!important}body .course-landing-summary div{border-radius:8px!important;padding:8px 9px!important}body .course-landing-summary dd{font-size:1rem!important}body .course-outcome-grid,body .course-tool-grid,body .course-related-grid{gap:6px!important}body .course-outcome-grid article,body .course-tool-grid a,body .course-related-grid a{min-height:0!important;padding:9px 10px!important}body .lesson-page-heading{margin-bottom:10px!important}body .lesson-workspace-grid{gap:10px!important}body .lesson-resource-rail{padding:10px!important}body .lesson-step-panel{min-height:0!important;padding:14px!important}body .lesson-step-panel>h2{font-size:1.25rem!important}body .lesson-overview-grid,body .listen-instruction-grid,body .lesson-review-grid,body .lesson-vocabulary-grid,body .grammar-stack{gap:7px!important}body .lesson-overview-grid article,body .listen-instruction-grid article,body .lesson-review-grid article,body .vocabulary-card,body .grammar-stack>article,body .communication-task-card{box-shadow:none!important;border-radius:9px!important;padding:10px 11px!important}body .vocabulary-card{min-height:100px!important}body .vocabulary-card strong{font-size:1.45rem!important}body .dialogue-stack article{border-radius:9px!important;padding:10px 11px!important}body .dialogue-stack strong,body .lesson-dialogue-stack strong{font-size:1rem!important}body .content-seo-block,body .compact-learning-page .content-seo-block,body .lesson-panel{margin-top:10px!important;padding:11px 12px!important}body .content-seo-block h2,body .compact-learning-page .compact-supporting-copy h2,body .lesson-panel h2{font-size:.94rem}body .content-seo-block p,body .compact-learning-page .compact-supporting-copy p,body .lesson-panel p{font-size:.78rem;line-height:1.48}@media (max-width:820px){body .writing-practice,body .character-entity-heading,body .character-entity-grid,body .course-landing-hero,body .exam-mode-card{grid-template-columns:1fr!important}body .character-entity-badges{justify-content:flex-start!important}}@media (max-width:620px){body .page-shell,body .page-shell.narrow,body .reference-shell,body .writing-page,body .character-entity-page{padding-top:16px;padding-bottom:40px;width:min(100% - 20px,1040px)!important}body .page-shell .page-heading h1,body .page-shell .learning-heading.compact-heading h1,body .page-shell .guides-heading h1,body .page-shell .guide-article-heading h1,body .page-shell .compact-tool-heading h1,body .page-shell .course-landing-hero h1,body .page-shell .lesson-page-heading h1{font-size:1.55rem!important}body .writing-example-card{grid-template-columns:48px minmax(0,1fr)!important}body .writing-example-card>b{grid-column:1/-1}body .writing-example-glyph{width:48px;height:48px;font-size:1.9rem!important}body .writing-stroke-stage,body .writing-mode-tabs,body .writing-feedback-row,body .writing-controls,body .writing-tool-note,body .writing-complete-message{width:min(100%,380px)!important}body .character-entity-title h1{font-size:2.7rem!important}body .character-stroke-stage,body .character-stroke-actions{width:min(100%,320px)!important}body .review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}body .srs-controls{grid-template-columns:1fr;display:grid}body .srs-controls input{width:100%;min-width:0}body .srs-rating-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){body .page-shell :where(a,button,summary){transition:none!important;transform:none!important}}
.home-freeze-topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e4ebe5;position:sticky;top:0}.home-freeze-header{justify-content:space-between;align-items:center;gap:28px;width:min(1180px,100% - 48px);height:72px;margin:auto;display:flex}.home-freeze-brand{color:#17221b;align-items:center;gap:11px;min-width:190px;text-decoration:none;display:flex}.home-freeze-mark{color:#fff;background:#167c61;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;font-weight:900;display:grid}.home-freeze-brand-copy strong{font-size:15px;line-height:1.05;display:block}.home-freeze-brand-copy span{color:#6c776f;margin-top:4px;font-size:11px;display:block}.home-freeze-desktop-nav{align-items:center;gap:30px;font-size:13px;font-weight:750;display:flex}.home-freeze-nav-item{position:relative}.home-freeze-nav-link{color:#17221b;align-items:center;gap:5px;padding:24px 0;text-decoration:none;display:flex}.home-freeze-caret{color:#667269;font-size:9px}.home-freeze-dropdown{opacity:0;visibility:hidden;background:#fff;border:1px solid #e4ebe5;border-radius:12px;min-width:200px;padding:8px;transition:all .16s;position:absolute;top:61px;left:50%;transform:translate(-50%,8px);box-shadow:0 14px 38px #1e372614}.home-freeze-nav-item:hover .home-freeze-dropdown,.home-freeze-nav-item:focus-within .home-freeze-dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.home-freeze-drop-link{border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.home-freeze-drop-link:hover{background:#eef7f0}.home-freeze-actions{align-items:center;gap:9px;display:flex}.home-freeze-actions .header-locale-switch{margin:0;position:relative}.home-freeze-actions .header-locale-switch>summary{cursor:pointer;background:#fff;border:1px solid #e4ebe5;border-radius:8px;align-items:center;gap:4px;height:36px;padding:0 12px;font-size:12px;list-style:none;display:flex}.home-freeze-actions .header-locale-switch>summary::-webkit-details-marker{display:none}.home-freeze-actions .header-locale-menu{top:42px;left:auto;right:0}.home-freeze-start{color:#fff;background:#167c61;border:0;border-radius:8px;align-items:center;height:38px;padding:0 15px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.home-freeze-mobile-bottom{display:none}.home-freeze-footer{color:#6f7a72;background:#fbfdfb;border-top:1px solid #e4ebe5;width:100%;max-width:none;margin:0;padding:54px 0 92px;display:block}.home-freeze-footer-grid{grid-template-columns:1.35fr repeat(4,1fr);align-items:start;gap:38px;width:min(1180px,100% - 48px);margin:auto;display:grid}.home-freeze-footer-brand .home-freeze-brand{margin-bottom:14px;display:inline-flex}.home-freeze-footer-brand p{max-width:240px;margin:0;font-size:12px;line-height:1.6}.home-freeze-footer-col{flex-direction:column;gap:10px;display:flex}.home-freeze-footer-col h3{color:#17221b;margin:0 0 4px;font-size:13px}.home-freeze-footer-col a{color:#66736a;font-size:12px;text-decoration:none}.home-freeze-footer-col a:hover{color:#2f855a}.home-freeze-footer-bottom{color:#818b84;border-top:1px solid #e4ebe5;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 48px);margin:38px auto 0;padding-top:20px;font-size:11px;display:flex}.home-freeze-footer-legal{white-space:nowrap;align-items:center;gap:7px;display:flex}.home-freeze-footer-legal a{color:#66736a;text-decoration:none}.home-freeze-footer-legal a:hover{color:#2f855a}@media (max-width:1000px){.home-freeze-desktop-nav{gap:20px}.home-freeze-footer-grid{grid-template-columns:repeat(3,1fr)}.home-freeze-footer-brand{grid-column:1/-1}}@media (max-width:760px){body:has(.home-freeze-topbar){padding-bottom:64px}.home-freeze-header{width:min(100% - 28px,1180px);height:62px}.home-freeze-desktop-nav,.home-freeze-actions .header-locale-switch{display:none}.home-freeze-brand{min-width:0}.home-freeze-mobile-bottom{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #e4ebe5;grid-template-columns:repeat(5,1fr);height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.home-freeze-mobile-bottom a{color:#5f6c63;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:750;text-decoration:none;display:flex}.home-freeze-mobile-bottom a:first-child{color:#2f855a}.home-freeze-mobile-bottom b{font-size:16px;font-weight:700}.home-freeze-footer-grid{grid-template-columns:repeat(2,1fr);gap:28px;width:min(100% - 28px,1180px)}.home-freeze-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;width:min(100% - 28px,1180px)}.home-freeze-footer{padding-bottom:32px}}@media (max-width:500px){.home-freeze-footer-grid{grid-template-columns:1fr 1fr}.home-freeze-footer-brand{grid-column:1/-1}}.prototype-topbar{z-index:50;background:#fff;border-bottom:1px solid #e5e8e6;position:relative}.prototype-header{grid-template-columns:auto 1fr minmax(210px,280px) auto;align-items:center;gap:31px;width:min(1385px,100% - 62px);height:48px;margin:auto;display:grid}.prototype-topbar.is-learn .prototype-header{grid-template-columns:auto 1fr minmax(180px,200px) auto;gap:35px;width:min(1320px,100% - 120px);height:64px}.prototype-brand{color:#17191a;white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.prototype-brand strong{font-size:22px;line-height:1}.prototype-brand strong b{color:#078b3c}.prototype-mark{color:#fff;background:#07913d;border-radius:6px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.prototype-mark img{width:28px;height:28px;display:block}.prototype-topbar.is-learn .prototype-mark{color:#078b3c;background:0 0;font-size:10px}.prototype-topbar.is-learn .prototype-brand strong b{color:#17191a}.prototype-nav{justify-content:center;align-items:center;gap:37px;display:flex}.prototype-nav a{color:#17191a;white-space:nowrap;align-items:center;height:48px;font-size:10px;font-weight:650;text-decoration:none;display:flex;position:relative}.prototype-topbar.is-learn .prototype-nav{gap:35px}.prototype-topbar.is-learn .prototype-nav a{height:64px;font-size:11px;font-weight:750}.prototype-nav a.is-active{color:#078b3c}.prototype-nav a.is-active:after{content:"";background:#078b3c;height:2px;position:absolute;bottom:16px;left:0;right:0}.prototype-search{background:#fafbfa;border:1px solid #dfe4e1;border-radius:4px;grid-template-columns:1fr;align-items:center;height:28px;padding:0 10px;display:grid}.prototype-search input{color:#444;background:0 0;border:0;outline:0;min-width:0;font-size:9px}.prototype-topbar.is-learn .prototype-search{border-radius:7px;height:33px}.prototype-topbar.is-learn .prototype-search input{font-size:10px}.prototype-actions{align-items:center;gap:12px;display:flex}.prototype-actions .header-locale-switch{margin:0;position:relative}.prototype-actions .header-locale-switch>summary{cursor:pointer;background:#fff;border:0;align-items:center;gap:3px;height:28px;padding:0 7px;font-size:9px;list-style:none;display:flex}.prototype-actions .header-locale-switch>summary::-webkit-details-marker{display:none}.prototype-actions .header-locale-menu{top:36px;left:auto;right:0}.prototype-login,.prototype-signup{color:#087d39;border:1px solid #0f9144;border-radius:4px;justify-content:center;align-items:center;height:30px;padding:0 20px;font-size:9px;font-weight:700;display:inline-flex}.prototype-signup{color:#fff;background:linear-gradient(90deg,#087e35,#069b46);text-decoration:none}.prototype-topbar.is-learn .prototype-login,.prototype-topbar.is-learn .prototype-signup{border-radius:6px;height:32px;padding:0 20px}.prototype-mobile-bottom{display:none}.prototype-footer{color:#272c29;background:#fff;border-top:1px solid #e1e5e2;width:100%;max-width:none;margin:0;padding:15px 0 8px;font-size:7.5px;line-height:1.4}.prototype-footer-grid{grid-template-columns:1.35fr repeat(6,.7fr) 1.15fr;align-items:start;gap:31px;width:min(1288px,100% - 150px);margin:auto;display:grid}.prototype-footer.is-learn{color:#edf3ef;background:#16212b;border-color:#16212b;padding:16px 0 9px}.prototype-footer.is-learn .prototype-footer-grid{grid-template-columns:1.35fr repeat(6,1fr);gap:34px;width:min(1332px,100% - 116px)}.prototype-footer .prototype-brand{color:inherit}.prototype-footer .prototype-brand strong{font-size:20px}.prototype-footer.is-learn .prototype-brand strong b{color:#fff}.prototype-footer.is-learn .prototype-mark{color:#07a64c;background:0 0;font-size:10px}.prototype-footer-brand p{color:#5c655f;max-width:210px;margin:7px 0 8px;font-size:7px}.prototype-footer.is-learn .prototype-footer-brand p{color:#c9d2cc;font-size:8px}.prototype-social{gap:11px;display:flex}.prototype-social span{color:#fff;background:#345c99;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.prototype-social span:nth-child(2){background:#e53b32}.prototype-social span:nth-child(3){background:#4b5968}.prototype-social span:nth-child(4){background:#222}.prototype-footer-col{flex-direction:column;gap:3px;display:flex}.prototype-footer-col h3,.prototype-newsletter h3{color:inherit;margin:0 0 4px;font-size:8px}.prototype-footer-col a,.prototype-footer-col>span{color:#3e4641;font-size:7px;text-decoration:none}.prototype-footer.is-learn .prototype-footer-col a,.prototype-footer.is-learn .prototype-footer-col>span{color:#e3e9e5;font-size:8px}.prototype-newsletter p{color:#4d5650;margin:0 0 8px;font-size:7px}.prototype-newsletter form{grid-template-columns:1fr auto;display:grid}.prototype-newsletter input{border:1px solid #dfe4e1;border-radius:5px 0 0 5px;min-width:0;height:28px;padding:0 9px;font-size:7px}.prototype-newsletter button{color:#fff;background:#079341;border:0;border-radius:0 5px 5px 0;height:28px;padding:0 13px;font-size:7px;font-weight:700}.prototype-footer-bottom{color:#68716b;border-top:1px solid #e4e7e5;grid-template-columns:1fr 1fr 1fr;align-items:center;width:min(1288px,100% - 150px);margin:11px auto 0;padding-top:7px;font-size:6.5px;display:grid}.prototype-footer-bottom>span:nth-child(2){text-align:center}.prototype-footer-bottom nav{justify-content:flex-end;gap:27px;display:flex}.prototype-footer-bottom a{color:inherit;text-decoration:none}.prototype-footer.is-learn .prototype-footer-bottom{color:#c4cdc7;border-color:#34414b;width:min(1332px,100% - 116px);font-size:7px}@media (max-width:1100px){.prototype-header,.prototype-topbar.is-learn .prototype-header{grid-template-columns:auto 1fr auto;width:min(100% - 32px,1385px)}.prototype-search{display:none}.prototype-nav{gap:18px}.prototype-footer-grid,.prototype-footer.is-learn .prototype-footer-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:min(100% - 40px,1288px)}.prototype-footer-brand{grid-column:1/-1}.prototype-newsletter{grid-column:span 2}.prototype-footer-bottom,.prototype-footer.is-learn .prototype-footer-bottom{width:min(100% - 40px,1288px)}}@media (max-width:760px){body:has(.prototype-topbar){padding-bottom:64px}.prototype-header,.prototype-topbar.is-learn .prototype-header{grid-template-columns:1fr auto;height:58px}.prototype-nav,.prototype-search,.prototype-actions .header-locale-switch,.prototype-login{display:none}.prototype-mobile-bottom{z-index:100;background:#fffffffa;border-top:1px solid #dde4df;grid-template-columns:repeat(5,1fr);height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.prototype-mobile-bottom a{color:#5a655d;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.prototype-mobile-bottom b{font-size:16px}.prototype-footer-grid,.prototype-footer.is-learn .prototype-footer-grid{grid-template-columns:1fr 1fr}.prototype-footer-brand,.prototype-newsletter{grid-column:1/-1}.prototype-footer-bottom,.prototype-footer.is-learn .prototype-footer-bottom{grid-template-columns:1fr;gap:8px}.prototype-footer-bottom>span:nth-child(2){text-align:left}.prototype-footer-bottom nav{justify-content:flex-start}}.prototype-mobile-header{display:none}@media (max-width:760px){body:has(.prototype-topbar){padding-bottom:0}.prototype-topbar .prototype-header{display:none}.prototype-mobile-header{z-index:50;background:#fff;border-bottom:1px solid #e5e8e6;grid-template-columns:30px 1fr 24px auto;align-items:center;gap:12px;height:58px;padding:0 16px;display:grid;position:relative}.prototype-mobile-header .prototype-brand{justify-self:center;gap:6px}.prototype-mobile-header .prototype-brand strong{font-size:16px}.prototype-mobile-header .prototype-mark{background:0 0;width:22px;height:22px}.prototype-mobile-header .prototype-mark img{width:22px;height:22px}.prototype-mobile-menu{position:relative}.prototype-mobile-menu>summary{color:#078b3c;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;list-style:none;display:grid}.prototype-mobile-menu>summary::-webkit-details-marker{display:none}.prototype-mobile-menu>nav{background:#fff;border:1px solid #dfe7e1;border-radius:10px;flex-direction:column;gap:2px;min-width:178px;padding:8px;display:flex;position:absolute;top:40px;left:-8px;box-shadow:0 16px 34px #1c372624}.prototype-mobile-menu:not([open])>nav{display:none}.prototype-mobile-menu>nav a{color:#17221b;border-radius:7px;padding:10px 11px;font-size:12px;font-weight:750;text-decoration:none}.prototype-mobile-menu>nav a:hover{color:#078b3c;background:#eef7f0}.prototype-mobile-search{color:#078b3c;justify-self:end;font-size:22px;line-height:1}.prototype-mobile-locale .header-locale-switch{margin:0;position:relative}.prototype-mobile-locale .header-locale-switch>summary{cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;height:30px;padding:0;font-size:10px;font-weight:750;list-style:none;display:flex}.prototype-mobile-locale .header-locale-switch>summary::-webkit-details-marker{display:none}.prototype-mobile-locale .header-locale-menu{top:34px;left:auto;right:0}}
.prototype-topbar.is-learn .prototype-header{grid-template-columns:auto 1fr auto;gap:36px;width:min(1180px,100% - 48px);height:72px}.prototype-topbar.is-learn .prototype-brand{gap:10px}.prototype-topbar.is-learn .prototype-brand strong{letter-spacing:-.025em;font-size:20px}.prototype-topbar.is-learn .prototype-mark img{width:30px;height:30px}.prototype-topbar.is-learn .prototype-nav{gap:30px}.prototype-topbar.is-learn .prototype-nav a{height:72px;font-size:13px;font-weight:720}.prototype-topbar.is-learn .prototype-nav a.is-active:after{bottom:18px}.prototype-actions .prototype-login{cursor:default;background:#fff;border-radius:9px;height:38px;padding:0 18px;font-size:12px;font-weight:760}.prototype-actions .header-locale-switch>summary{height:38px;padding:0 8px;font-size:12px}.prototype-footer.is-home{box-sizing:border-box;color:#263129;border-top:1px solid #e3ebe5;font-size:12px;line-height:1.55;overflow:hidden;background:linear-gradient(#fcfefd,#f8fbf9)!important;width:100%!important;max-width:none!important;margin:0!important;padding:48px 0 24px!important;display:block!important}.prototype-footer.is-home>.prototype-footer-grid{box-sizing:border-box;align-items:start;gap:28px;max-width:1180px;grid-template-columns:minmax(205px,1.3fr) repeat(5,minmax(90px,.72fr)) minmax(225px,1.35fr)!important;width:min(1180px,100% - 48px)!important;margin:0 auto!important;padding:0!important;display:grid!important}.prototype-footer.is-home .prototype-footer-brand,.prototype-footer.is-home .prototype-footer-col,.prototype-footer.is-home .prototype-newsletter{min-width:0}.prototype-footer.is-home .prototype-footer-brand .prototype-brand{gap:9px}.prototype-footer.is-home .prototype-footer-brand .prototype-brand strong{font-size:20px}.prototype-footer.is-home .prototype-footer-brand p{color:#66716b;max-width:220px;margin:12px 0;font-size:12px;line-height:1.6}.prototype-footer.is-home .prototype-social{gap:9px}.prototype-footer.is-home .prototype-social span{width:28px;height:28px;font-size:11px}.prototype-footer.is-home .prototype-footer-col{gap:7px}.prototype-footer.is-home .prototype-footer-col h3,.prototype-footer.is-home .prototype-newsletter h3{margin:0 0 6px;font-size:13px}.prototype-footer.is-home .prototype-footer-col a,.prototype-footer.is-home .prototype-footer-col>span{color:#65706a;font-size:11px}.prototype-footer.is-home .prototype-newsletter p{color:#65706a;margin:0 0 12px;font-size:11px;line-height:1.55}.prototype-footer.is-home .prototype-newsletter form{grid-template-columns:minmax(0,1fr) auto;display:grid}.prototype-footer.is-home .prototype-newsletter input{min-width:0;height:38px;padding:0 12px;font-size:11px}.prototype-footer.is-home .prototype-newsletter button{height:38px;padding:0 16px;font-size:11px}.prototype-footer.is-home>.prototype-footer-bottom{box-sizing:border-box;color:#7d8781;border-top:1px solid #e3ebe5;gap:24px;max-width:1180px;font-size:10px;grid-template-columns:1fr auto!important;align-items:center!important;width:min(1180px,100% - 48px)!important;margin:34px auto 0!important;padding:18px 0 0!important;display:grid!important}.prototype-footer.is-home .prototype-footer-bottom nav{justify-content:flex-end;justify-self:end;gap:24px;display:flex}@media (max-width:1100px){.prototype-topbar.is-learn .prototype-header{width:min(100% - 32px,1180px)}.prototype-footer.is-home>.prototype-footer-grid{gap:28px 24px;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(100% - 40px,1180px)!important}.prototype-footer.is-home .prototype-footer-brand{grid-column:1/-1}.prototype-footer.is-home .prototype-newsletter{grid-column:span 2}.prototype-footer.is-home>.prototype-footer-bottom{width:min(100% - 40px,1180px)!important}}@media (max-width:760px){.prototype-mobile-header{height:62px}.prototype-mobile-header .prototype-brand strong{font-size:17px}.prototype-footer.is-home{padding:38px 0 22px!important}.prototype-footer.is-home>.prototype-footer-grid{gap:26px 20px;grid-template-columns:1fr 1fr!important;width:min(100% - 32px,1180px)!important}.prototype-footer.is-home .prototype-footer-brand,.prototype-footer.is-home .prototype-newsletter{grid-column:1/-1}.prototype-footer.is-home>.prototype-footer-bottom{gap:12px;grid-template-columns:1fr!important;align-items:start!important;width:min(100% - 32px,1180px)!important}.prototype-footer.is-home .prototype-footer-bottom nav{flex-wrap:wrap;justify-content:flex-start;justify-self:start;gap:18px}}
:root{--level-one-site-width:1180px;--level-one-ink:#111827;--level-one-muted:#5f666d;--level-one-green:#078b3b;--level-one-green-dark:#066f31;--level-one-line:#dfe7e2;--level-one-soft:#f7fbf8;--level-one-shadow:0 14px 34px #1c3b2b12;--level-one-soft-shadow:0 8px 24px #1d342c0a;--level-one-h1-size:clamp(2.45rem,2.75vw,2.72rem);--level-one-h1-line-height:1.04;--level-one-h1-letter-spacing:-.05em;--level-one-body-size:.91rem;--level-one-body-line-height:1.58;--level-one-section-title-size:1.48rem;--level-one-card-radius:16px;--level-one-hero-radius:18px;--level-one-button-height:42px;--level-one-button-radius:8px;--level-one-hero-columns:minmax(0,.96fr) minmax(0,1.04fr);--level-one-hero-gap:20px;--level-one-hero-padding:34px 0 38px;--level-one-section-gap:26px;--level-one-panel-padding:14px}
.top-product-page{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:52px}.top-product-hero{text-align:center;background:linear-gradient(120deg,#f5faf6,#fff);border-bottom:1px solid #f1f4f2;padding:44px 0 28px}.top-product-hero .inner{width:min(1120px,100% - 40px);margin:auto}.top-product-kicker{color:#2f855a;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.top-product-kicker:before{content:"";vertical-align:1px;background:#35a86a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.top-product-hero h1{letter-spacing:-.04em;margin:11px 0 9px;font-size:44px;line-height:1.05}.top-product-hero p{color:#6d786f;max-width:720px;margin:auto;font-size:13px;line-height:1.6}.top-product-section{padding:38px 0 0}.top-product-section-head{text-align:center;max-width:720px;margin:0 auto 22px}.top-product-section-head h2{letter-spacing:-.03em;margin:8px 0 7px;font-size:27px}.top-product-section-head p{color:#6d786f;margin:0;font-size:11.5px;line-height:1.55}.top-product-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.top-product-card{background:#fff;border:1px solid #e3eae4;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:190px;padding:20px;transition:all .16s;display:flex}.top-product-card:hover{border-color:#c9ddce;transform:translateY(-2px);box-shadow:0 12px 30px #1c3c250f}.top-product-badge{color:#2f855a;background:#edf7ef;border-radius:12px;justify-content:center;align-items:center;min-width:58px;height:44px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.top-product-card h3{margin:14px 0 7px;font-size:17px}.top-product-card p{color:#6d786f;margin:0;font-size:10.7px;line-height:1.5}.top-product-meta{color:#627067;margin-top:12px;font-size:9.5px;font-weight:750}.top-product-card-bottom{text-align:right;border-top:1px solid #edf1ee;margin-top:17px;padding-top:12px}.top-product-card-link{color:#2f855a;font-size:10px;font-weight:850}.top-product-resource-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.top-product-resource{background:#fff;border:1px solid #e3eae4;border-radius:14px;min-height:150px;padding:18px}.top-product-resource strong{margin-bottom:7px;font-size:15px;display:block}.top-product-resource p{color:#6d786f;margin:0;font-size:10.5px;line-height:1.5}.top-product-next{padding-top:34px}.top-product-next-box{border-top:1px solid #e3eae4;justify-content:space-between;align-items:center;gap:22px;padding-top:22px;display:flex}.top-product-next-box h2{margin:0 0 5px;font-size:17px}.top-product-next-box p{color:#6d786f;margin:0;font-size:10.5px;line-height:1.5}.top-product-next-secondary{color:#2f855a;margin-top:7px;font-size:10px;font-weight:800;display:inline-block}.top-product-next-primary{color:#fff;background:#2f855a;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:10.5px;font-weight:850;display:inline-flex}.top-product-note{text-align:center;color:#6d786f;margin-top:17px;font-size:10.4px;line-height:1.5}.top-product-browser-note{color:#66736a;background:#fff;border:1px solid #dce8df;border-radius:999px;align-items:center;gap:7px;min-height:30px;margin-top:14px;padding:0 11px;font-size:9.8px;font-weight:750;display:inline-flex}.top-product-new{text-align:center;color:#66736a;margin-top:16px;font-size:10.5px}.top-product-new a{color:#2f855a;font-weight:800}.review-freeze-shell{padding-top:34px}.review-freeze-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.review-freeze-head h2{letter-spacing:-.03em;margin:6px 0 0;font-size:27px}.review-freeze-head p{color:#6d786f;margin:5px 0 0;font-size:10.8px;line-height:1.5}.review-freeze-count{color:#6b786f;font-size:10px;font-weight:800}.review-freeze-status{background:#fbfdfb;border:1px solid #e3eae4;border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.review-freeze-status button{color:#68766d;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 14px;font-size:10px;font-weight:850}.review-freeze-status button.active{color:#2f855a;background:#fff;box-shadow:0 2px 8px #1c3c250f}.review-freeze-toolbar{background:#fbfdfb;border:1px solid #e3eae4;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.review-freeze-filter-row{align-items:center;gap:12px;display:flex}.review-freeze-filter-label{color:#7a877e;letter-spacing:.08em;text-transform:uppercase;flex:0 0 54px;font-size:8.8px;font-weight:900}.review-freeze-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.review-freeze-filter{color:#67746b;background:#fff;border:1px solid #e3eae4;border-radius:999px;min-height:34px;padding:0 11px;font-size:9.8px;font-weight:800}.review-freeze-filter.active{color:#2f855a;background:#edf7ef;border-color:#c5ddcc}.review-freeze-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.review-freeze-card{background:#fff;border:1px solid #e3eae4;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #1c3c2506}.review-freeze-card header{background:#fbfdfb;border-bottom:1px solid #eef2ef;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:11px 16px;display:flex}.review-freeze-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.review-freeze-tag{color:#68756d;background:#fff;border:1px solid #e3eae4;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:8.8px;font-weight:850;display:inline-flex}.review-freeze-tag.level{color:#2f855a;background:#edf7ef;border-color:#d8e8dc}.review-freeze-source-link{color:#2f855a;white-space:nowrap;font-size:9.5px;font-weight:850}.review-freeze-body{padding:18px}.review-freeze-label{color:#7a877e;letter-spacing:.08em;text-transform:uppercase;font-size:8.7px;font-weight:850}.review-freeze-context{color:#526158;white-space:pre-wrap;background:#fbfdfb;border:1px solid #e6ede8;border-radius:11px;margin:10px 0 14px;padding:12px 13px;font-size:10px;line-height:1.6}.review-freeze-audio{width:100%;margin:10px 0 14px}.review-freeze-question{margin:7px 0 13px;font-size:15px;font-weight:750;line-height:1.55}.review-freeze-previous{color:#6f5a55;background:#fff4f1;border:1px solid #f0d6d0;border-radius:10px;padding:10px 12px;font-size:10px;line-height:1.5}.review-freeze-previous small{color:#8a756f;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:8.3px;font-weight:850;display:block}.review-freeze-actions{border-top:1px solid #eef2ef;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.review-freeze-retry{color:#fff;background:#2f855a;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:9.8px;font-weight:850}.review-freeze-open{color:#5f6e64;background:#fff;border:1px solid #e3eae4;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:9.5px;font-weight:800;display:inline-flex}.review-freeze-panel{background:#fbfdfb;border-top:1px solid #eef2ef;padding:15px 16px}.review-freeze-choices{flex-wrap:wrap;gap:8px;display:flex}.review-freeze-choice{color:#657269;background:#fff;border:1px solid #e3eae4;border-radius:8px;min-height:35px;padding:0 12px;font-size:9.6px;font-weight:750}.review-freeze-choice.selected{color:#2f855a;border-color:#bfd7c6}.review-freeze-feedback{border-radius:10px;margin-top:12px;padding:11px 12px;font-size:9.8px;line-height:1.55}.review-freeze-feedback.correct{color:#456955;background:#eff9f3;border:1px solid #d7e9dd}.review-freeze-feedback.incorrect{color:#765c57;background:#fff4f1;border:1px solid #f0d6d0}.review-freeze-empty{text-align:center;background:#fbfdfb;border:1px dashed #cfdcd2;border-radius:16px;margin-top:16px;padding:36px 20px}.review-freeze-empty h2{margin:0 0 6px;font-size:16px}.review-freeze-empty p{color:#6d786f;max-width:470px;margin:0 auto;font-size:10.5px;line-height:1.55}@media (max-width:760px){.top-product-hero h1{font-size:36px}.top-product-grid,.top-product-resource-grid{grid-template-columns:repeat(2,1fr)}.top-product-next-box{flex-direction:column;align-items:flex-start}.top-product-next-primary{width:100%}.review-freeze-head{flex-direction:column;align-items:flex-start;gap:8px}.review-freeze-filter-row{flex-direction:column;align-items:flex-start;gap:7px}.review-freeze-filter-label{flex:none}}@media (max-width:500px){.top-product-page,.top-product-hero .inner{width:min(1120px,100% - 28px)}.top-product-hero h1{font-size:32px}.top-product-grid,.top-product-resource-grid{grid-template-columns:1fr}.review-freeze-card header,.review-freeze-actions{flex-direction:column;align-items:flex-start}.review-freeze-retry,.review-freeze-open{width:100%}}
.learn-tool-page{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:52px}.learn-tool-hero{text-align:center;background:linear-gradient(120deg,#f5faf6,#fff);border-bottom:1px solid #f1f4f2;padding:44px 0 30px}.learn-tool-hero .inner{width:min(1120px,100% - 40px);margin:auto}.learn-tool-module-icon{justify-content:center;margin:0 auto 12px;display:flex}.learn-tool-module-icon>span{border-radius:13px!important;width:48px!important;height:48px!important}.learn-tool-hero h1{letter-spacing:-.04em;margin:10px 0 9px;font-size:44px;line-height:1.05}.learn-tool-hero p{color:#6d786f;max-width:740px;margin:auto;font-size:13px;line-height:1.65}.learn-tool-hero-note{color:#66736a;background:#fff;border:1px solid #dce8df;border-radius:999px;margin-top:14px;padding:7px 11px;font-size:9.8px;font-weight:750;display:inline-flex}.learn-tool-section{padding:42px 0}.learn-tool-section-inner{width:100%}.learn-tool-info-band{background:#fbfdfb;border-top:1px solid #f0f3f1;border-bottom:1px solid #f0f3f1;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:42px max(20px,50vw - 560px)}.learn-tool-level-grid{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.learn-tool-level-grid .top-product-card{flex:0 calc(25% - 11.25px);min-width:0}.learn-tool-info-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.learn-tool-how-grid.is-four{grid-template-columns:repeat(4,1fr)}.learn-tool-info-card{background:#fff;border:1px solid #e3eae4;border-radius:14px;padding:20px}.learn-tool-info-num{color:#2f855a;background:#edf7ef;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:grid}.learn-tool-info-card h3{margin:12px 0 6px;font-size:15px}.learn-tool-info-card p{color:#6d786f;margin:0;font-size:10.7px;line-height:1.55}.learn-tool-feature-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.learn-tool-feature{background:#fff;border:1px solid #e3eae4;border-radius:14px;padding:18px}.learn-tool-feature strong{margin-bottom:6px;font-size:13px;display:block}.learn-tool-feature p{color:#6d786f;margin:0;font-size:10.3px;line-height:1.52}.learn-tool-trust-box{background:linear-gradient(120deg,#f5faf6,#fff);border:1px solid #dce8df;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:24px;max-width:900px;margin:auto;padding:20px 22px;display:grid}.learn-tool-trust-box h3{margin:0 0 7px;font-size:15px}.learn-tool-trust-box p{color:#6d786f;margin:0;font-size:10.5px;line-height:1.6}.learn-tool-trust-box a{color:#2f855a;white-space:nowrap;font-size:10px;font-weight:850}.learn-tool-advanced-card .top-product-badge{min-width:78px}@media (max-width:1000px){.learn-tool-level-grid .top-product-card{flex-basis:calc(50% - 7.5px)}.learn-tool-how-grid.is-four{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.learn-tool-info-grid{grid-template-columns:1fr}.learn-tool-how-grid.is-four,.learn-tool-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.learn-tool-hero h1{font-size:35px}.learn-tool-trust-box{flex-direction:column;align-items:flex-start;display:flex}}@media (max-width:500px){.learn-tool-page,.learn-tool-hero .inner{width:min(1120px,100% - 28px)}.learn-tool-hero h1{font-size:31px}.learn-tool-level-grid .top-product-card{flex-basis:100%}.learn-tool-how-grid.is-four,.learn-tool-feature-grid{grid-template-columns:1fr}}
.prototype-topbar.is-learn .prototype-header{gap:30px;width:min(1320px,100% - 64px);height:64px}.prototype-topbar.is-learn .prototype-brand strong{font-size:1.25rem}.prototype-topbar.is-learn .prototype-mark{width:32px;height:32px}.prototype-topbar.is-learn .prototype-mark img{width:30px;height:30px}.prototype-topbar.is-learn .prototype-nav{gap:28px}.prototype-nav-item{position:relative}.prototype-topbar.is-learn .prototype-nav>.prototype-nav-item>a{gap:5px;height:64px;font-size:.875rem;font-weight:750}.prototype-nav-caret{color:#667269;font-size:.75rem;transition:transform .16s}.prototype-nav-item.has-menu:hover .prototype-nav-caret,.prototype-nav-item.has-menu:focus-within .prototype-nav-caret{transform:rotate(180deg)}.prototype-nav-dropdown{z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border:1px solid #dfe4e1;border-radius:10px;gap:2px;min-width:188px;padding:7px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:56px;left:50%;transform:translate(-50%,7px);box-shadow:0 14px 34px #1d342c21}.prototype-nav-item.has-menu:hover .prototype-nav-dropdown,.prototype-nav-item.has-menu:focus-within .prototype-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.prototype-topbar.is-learn .prototype-nav .prototype-nav-dropdown a{color:#1f2a23;border-radius:7px;height:auto;min-height:38px;padding:8px 10px;font-size:.8125rem;font-weight:700}.prototype-topbar.is-learn .prototype-nav .prototype-nav-dropdown a:hover,.prototype-topbar.is-learn .prototype-nav .prototype-nav-dropdown a:focus-visible{color:#057929;background:#eef7f0;outline:none}.prototype-topbar.is-learn .prototype-search{height:36px}.prototype-topbar.is-learn .prototype-search input{font-size:.8125rem}.prototype-topbar.is-learn .prototype-actions{gap:9px}.prototype-topbar.is-learn .prototype-actions .header-locale-switch>summary,.prototype-topbar.is-learn .prototype-login,.prototype-topbar.is-learn .prototype-signup{height:36px;padding-inline:14px;font-size:.8125rem}.home,.learn{font-size:14px}.home :is(p,a,small,strong,button),.learn :is(p,a,small,strong,button){font-size:max(13px,.8125rem)}.home :is(.heroCopy h1,.pathCard h2,.levelSection>h2),.learn :is(.hero h1,.levelSection>h2){font-size:revert}:is(.listening-hub-page,.skill-hub-page) :is(.listening-eyebrow,.listening-preview-label,.skill-eyebrow,.skill-preview-label),:is(.listening-hub-page,.skill-hub-page) :is(.listening-hero-stats strong,.skill-hero-stats strong,.listening-feature-panel strong,.skill-feature-list strong,.listening-step-grid strong,.skill-step-grid strong,.listening-question-counter){font-size:.875rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-hero-stats span,.skill-hero-stats span,.listening-feature-panel p,.skill-feature-list p,.listening-step-grid small,.skill-step-grid small){font-size:.8125rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-level-card h3,.skill-level-card h3){font-size:1rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-level-card p,.skill-level-card p){font-size:.8125rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-level-card a,.skill-level-card a){min-height:38px;font-size:.8125rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-feature-panel section,.skill-feature-list section){min-height:50px}:is(.listening-hub-page,.skill-hub-page) :is(.listening-continue-panel strong,.skill-continue-panel strong,.listening-total-panel p,.skill-total-panel p,.listening-faq-panel summary,.skill-faq-panel summary,.listening-faq-panel details p,.skill-faq-panel details p){font-size:.8125rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-continue-panel span,.skill-continue-panel span){font-size:.75rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-demo-audio b,.listening-demo-audio time,.listening-demo h3,.writing-demo h3,.reading-demo-top,.reading-demo-chinese,.writing-demo-scenario,.reading-demo-pinyin,.reading-demo-english,.reading-demo-source,.reading-demo-question strong,.writing-demo-requirements,.writing-demo-footer){font-size:.875rem}:is(.listening-hub-page,.skill-hub-page) :is(.listening-demo-choices>button,.reading-demo-question>button:not(.reading-demo-submit),.listening-demo-submit,.reading-demo-submit,.listening-demo-feedback,.reading-demo-feedback,.writing-demo textarea,.writing-demo-footer button){min-height:36px;font-size:.8125rem}:is(.listening-hub-page,.skill-hub-page) :is(.reading-demo-top>div button,.reading-demo-words){font-size:.75rem}.listening-hub-footer{font-size:.8125rem}@media (max-width:760px){.prototype-topbar.is-learn .prototype-header{width:min(100% - 32px,1320px);height:58px}.prototype-topbar.is-learn .prototype-brand strong{font-size:1.1rem}.prototype-mobile-bottom a{font-size:.75rem}}.frozen-content-hub :is(.hub-eyebrow,.hub-button,.hub-level-card p,.hub-level-card>strong,.hub-search-preview input,.hub-search-row,.hub-feature strong,.hub-step strong,.hub-continue-card strong,.hub-faq-list summary){font-size:.8125rem}.frozen-content-hub :is(.hub-fact strong,.hub-feature small,.hub-step small,.hub-continue-card small,.hub-faq-list details div),.frozen-content-hub .hub-fact small{font-size:.75rem}.frozen-content-hub .hub-search-row a{font-size:1rem}.frozen-content-hub :is(.hub-button,.hub-level-card>strong){min-height:38px}