:root{--ym-text-strong:#122b46;--ym-text-body:#425a73;--ym-text-muted:#5d7289;--ym-border-soft:#d7e1ee}html body.ym-studio,html body.ym-premium-speaking,html body.ym-premium-flashcards,html body.ym-speaking-bank,html body.ym-speaking-hub,html body.ym-speaking-library,html body.ym-flashcards-hub,html body.ym-flashcards-set{color:var(--ym-text-strong)!important}html body :is(h1,h2,h3,h4,h5,h6,b,strong){-webkit-text-fill-color:currentColor}html body.ym-studio :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span,.site-nav a,.nav-submenu a span,.nav-submenu a b,.site-footer span,.topic-card p,.question-subtitle,.question-hint,.helper-text,.field-help,.admin-empty,.stat-subtitle,.table-note,.activity-note,.draft-meta,.auth-help-row,.auth-status,.source-card p,.source-copy p,.source-list li,.example,.translation,.meaning),html body.ym-premium-speaking :is(p,li,small,label,.vi,.en,.ipa,.source-copy,.source-vocab td,.source-vocab th,.source-card p,.source-list li),html body.ym-premium-flashcards :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span),html body.ym-speaking-bank :is(.topic-card p,.question-subtitle,.question-hint,.source-card p,.source-list li),html body.ym-flashcards-hub :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span){color:var(--ym-text-body)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}html body.ym-studio :is(.eyebrow,.section-head .eyebrow,.badge,.metric b,.book-number,.topic-card h3,.set-card h3,.reader-title b,.hero-card h2,.section-head h2),html body.ym-premium-speaking :is(.eyebrow,.source-kicker,.source-step,.source-card h3,.source-block h3),html body.ym-speaking-bank :is(.topic-card h3,.question-card .question-title,.question-card summary span:last-child){color:var(--ym-text-strong)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}html body.ym-studio .hero>div>p,html body.ym-premium-flashcards .hero>div>p,html body.ym-flashcards-hub .hero>div>p{color:var(--ym-text-body)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;opacity:1!important}html body.ym-studio .metric,html body.ym-studio .set-card,html body.ym-studio .hero-card,html body.ym-studio .search-wrap,html body.ym-studio .flashcard-category-tab,html body.ym-studio .topic-card,html body.ym-studio .question-card,html body.ym-studio .ym-sf-section,html body.ym-studio .ym-sf-practice,html body.ym-studio .tools,html body.ym-studio .admin-panel,html body.ym-studio .stat-card,html body.ym-studio .data-table-wrap,html body.ym-studio .ss-panel,html body.ym-premium-speaking :is(.source-card,.source-vocab,.source-block,details,.memory,.hero,.script),html body.ym-flashcards-hub :is(.metric,.set-card,.hero-card,.search-wrap,.flashcard-category-tab){border-color:var(--ym-border-soft)!important}html body.ym-studio input::placeholder,html body.ym-studio textarea::placeholder,html body.ym-premium-speaking input::placeholder,html body.ym-premium-speaking textarea::placeholder,html body.ym-premium-flashcards input::placeholder{color:#8091a3!important;opacity:1!important}html body.ym-studio :is(table td,table th,.source-vocab td,.source-vocab th,.data-table td,.data-table th){color:var(--ym-text-strong)!important;-webkit-text-fill-color:currentColor!important}html body.ym-studio :is(.btn,.btn.primary,.btn.secondary,.open-topic,.tool-btn,.mobile-topic-toggle,.ss-primary,.auth-login-btn,.auth-secondary-login,.mode-btn.active,.nav-btn,.mobile-toggle,.reader-item.active,.precision-part-tabs a[aria-current=page],.topic-button.active,.topic-all-link.active,.fc-section-link.active span,[data-sf-practice]),html body.ym-premium-speaking :is(button.primary,a.primary,.nav-btn,[data-sf-practice]),html body.ym-premium-flashcards :is(.btn,.nav-btn,.mobile-toggle,.reader-item.active){color:#fff!important;-webkit-text-fill-color:currentColor!important}html body.ym-studio .site-footer strong,html body.ym-studio .site-footer span{color:#fff!important;-webkit-text-fill-color:currentColor!important}

@layer ym-content-layout{html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{--sf-ink:#232b50 !important;--sf-muted:#5d6480 !important;--sf-accent:#6550b5 !important;--sf-accent-soft:#f1eef8 !important;--sf-line:#dce4f0 !important;--sf-surface:#fff !important;--sf-bg:#f6f8fc !important;--sf-good:#1f7a3a !important;--sf-good-soft:#e8f6ec !important;--sf-bad:#b3261e !important;--sf-bad-soft:#fdecea !important;--sf-gold:#b99b60 !important;--sf-radius:18px !important;display:block!important;max-width:1200px!important;margin:0 auto!important;padding:24px clamp(16px,3vw,32px) 64px!important;color:var(--sf-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *::before,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *::after{box-sizing:border-box!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp [hidden][hidden]{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp :is(h1,h2,h3,p,strong,li,span,em){color:inherit!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp h1,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp h2{color:var(--sf-ink)!important;font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.01em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp p{margin:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important;margin-bottom:28px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy{padding:28px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-kicker{margin:0 0 10px!important;color:var(--sf-accent)!important;font:800 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero h1{margin:0 0 12px!important;font-size:clamp(30px,4.2vw,48px)!important;line-height:1.08!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lead{color:var(--sf-muted)!important;font-size:17px!important;line-height:1.6!important;max-width:62ch!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:20px 0 0!important;padding:0!important;list-style:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats li{padding:10px 14px!important;border-radius:14px!important;background:var(--sf-accent-soft)!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats b{display:block!important;color:var(--sf-ink)!important;font-size:22px!important;line-height:1.2!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important;align-items:center!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-summary{margin-top:14px!important;color:var(--sf-muted)!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how{padding:24px!important;border-radius:24px!important;background:var(--sf-ink)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how h2{margin:0 0 14px!important;color:#fff!important;font-size:24px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how ol{margin:0!important;padding:0!important;list-style:none!important;counter-reset:sfhow!important;display:grid!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li{position:relative!important;padding:0 0 0 38px!important;counter-increment:sfhow!important;color:#e6e9f5!important;font-size:15px!important;line-height:1.5!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li::before{content:counter(sfhow)!important;position:absolute!important;left:0!important;top:0!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--sf-gold)!important;color:#232b50!important;font-weight:800!important;font-size:13px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li b{color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:700 15px/1.25 Inter,Arial,sans-serif!important;text-decoration:none!important;cursor:pointer!important;text-align:center!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main{background:var(--sf-accent)!important;border-color:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main:hover{background:#53409c!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-soft{background:var(--sf-accent-soft)!important;border-color:transparent!important;color:var(--sf-accent)!important;min-height:40px!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn[aria-disabled=true]{opacity:.45!important;pointer-events:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn:disabled{opacity:.45!important;cursor:default!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--sf-accent)!important;outline-offset:2px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-say{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-accent)!important;font:700 13px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-section-head{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:end!important;gap:12px 24px!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-section-head h2{margin:0!important;font-size:clamp(24px,3vw,32px)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab{display:grid!important;gap:2px!important;min-height:64px!important;padding:12px 16px!important;border-radius:16px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab b{font:800 17px/1.2 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab span{font-size:13px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true]{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-search{display:flex!important;gap:8px!important;align-items:center!important;margin:0 0 18px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-search input{flex:1 1 auto!important;min-width:0!important;min-height:48px!important;padding:10px 16px!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:500 16px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important;gap:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:18px!important;border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-decoration:none!important;transition:border-color .15s ease!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done]{border-color:#a8d5b3!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-top{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-no{font-weight:800!important;color:var(--sf-accent)!important;letter-spacing:.06em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-code{color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-title{font:800 17px/1.35 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-idea{color:var(--sf-muted)!important;font-size:14px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-meta{font-size:13px!important;color:var(--sf-muted)!important;margin-top:auto!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-bar,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-bar{display:block!important;height:6px!important;border-radius:6px!important;background:#edf0f7!important;overflow:hidden!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-bar i,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-bar i{display:block!important;height:100%!important;background:var(--sf-accent)!important;border-radius:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done] .sf-card-bar i{background:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-state{font-size:13px!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done] .sf-card-state{color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-results-head{margin:0 0 10px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-list{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result{display:grid!important;gap:4px!important;padding:12px 16px!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-where{font-size:12px!important;color:var(--sf-accent)!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-label{font-size:12px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-text{font-size:15px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-note{color:var(--sf-muted)!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-top{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-back{color:var(--sf-accent)!important;font-weight:800!important;text-decoration:none!important;padding:8px 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-back::before{content:"← "!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-where{color:var(--sf-muted)!important;font-size:14px!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav{display:flex!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{padding:24px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important;margin-bottom:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-title{margin:0 0 14px!important;font-size:clamp(24px,3.4vw,36px)!important;line-height:1.15!important;outline:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea{padding:14px 16px!important;border-radius:14px!important;background:#fbf7ee!important;border-left:4px solid var(--sf-gold)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea strong{display:block!important;margin-bottom:4px!important;font-size:13px!important;color:#7a6331!important;text-transform:uppercase!important;letter-spacing:.06em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea p{font-size:16px!important;line-height:1.6!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-progress-text{margin-top:12px!important;color:var(--sf-muted)!important;font-size:14px!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-steps{position:sticky!important;top:8px!important;z-index:3!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:0 0 16px!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px -12px rgba(35,43,80,.35)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:8px 10px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:var(--sf-ink)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-no{flex:none!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:2px solid var(--sf-line)!important;font-size:13px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-short{display:none!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true]{background:var(--sf-accent-soft)!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true] .sf-step-no{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[data-done=true] .sf-step-no{background:var(--sf-good)!important;border-color:var(--sf-good)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel{padding:24px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-intro{margin:0 0 16px!important;padding:12px 16px!important;border-radius:14px!important;background:var(--sf-bg)!important;color:var(--sf-ink)!important;font-size:15px!important;line-height:1.6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-tools{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-next{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-done-note{flex:1 1 100%!important;font-weight:800!important;color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-questions{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q{display:grid!important;gap:10px!important;justify-items:start!important;padding:16px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q.sf-flash{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q-top{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-code{display:inline-block!important;padding:3px 10px!important;border-radius:999px!important;background:var(--sf-ink)!important;color:#fff!important;font:700 12px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.04em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q-text{font:600 18px/1.5 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue{justify-self:stretch!important;padding:10px 14px!important;border-radius:12px!important;background:var(--sf-bg)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue-lead{font-size:14px!important;font-style:italic!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue ul,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp ul.sf-cue{margin:6px 0 0!important;padding-left:20px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue li{font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide{justify-self:stretch!important;padding:12px 14px!important;border-radius:12px!important;background:var(--sf-good-soft)!important;border-left:4px solid var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide strong{display:block!important;margin-bottom:4px!important;color:var(--sf-good)!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.06em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide p{font-size:16px!important;line-height:1.6!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch{display:inline-flex!important;flex-wrap:wrap!important;gap:4px!important;padding:4px!important;border-radius:999px!important;background:var(--sf-bg)!important;border:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch-btn{min-height:38px!important;padding:6px 14px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:var(--sf-ink)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch-btn[aria-checked=true]{background:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-item{display:grid!important;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:14px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-no{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--sf-accent)!important;color:#fff!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-vi{font-size:16px!important;line-height:1.55!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en{display:grid!important;gap:8px!important;justify-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-text{font-size:16px!important;line-height:1.55!important;color:#2b3f8f!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-reveal{display:none!important;min-height:40px!important;padding:8px 14px!important;border-radius:12px!important;border:1px dashed var(--sf-accent)!important;background:var(--sf-accent-soft)!important;color:var(--sf-accent)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en[data-shown=false] .sf-reveal{display:inline-flex!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en[data-shown=false] :is(.sf-flow-text,.sf-say){display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow[data-mode=en] .sf-flow-item{grid-template-columns:36px minmax(0,1fr)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow[data-mode=en] .sf-flow-vi{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrases{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase{display:grid!important;gap:6px!important;align-content:start!important;padding:14px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase[data-known=true]{border-color:#a8d5b3!important;background:#f7fcf8!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-head{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-no{min-width:26px!important;height:26px!important;padding:0 6px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--sf-bg)!important;color:var(--sf-muted)!important;font-size:12px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-en{flex:1 1 140px!important;font:800 17px/1.35 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-vi{font-size:15px!important;color:var(--sf-good)!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-ex{font-size:14px!important;line-height:1.55!important;color:var(--sf-muted)!important;font-style:italic!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-known{justify-self:start!important;min-height:36px!important;padding:6px 14px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:700 13px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-known[aria-pressed=true]{background:var(--sf-good)!important;border-color:var(--sf-good)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:10px!important;margin-bottom:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile{display:grid!important;gap:6px!important;align-content:start!important;padding:16px!important;border-radius:16px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;min-height:120px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile strong{font:800 16px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile span{font:500 14px/1.45 Inter,Arial,sans-serif!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile em{font:700 13px/1.3 Inter,Arial,sans-serif!important;font-style:normal!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile[data-done=true]{border-color:#a8d5b3!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile[data-done=true] em{color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex{display:grid!important;gap:12px!important;padding:18px!important;border-radius:18px!important;background:var(--sf-bg)!important;border:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-head{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-head strong{color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-ask{font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-prompt{font:700 20px/1.45 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options.sf-ex-long{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option{min-height:52px!important;padding:12px 16px!important;border-radius:14px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:600 15px/1.45 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .15s ease,background-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option:hover:not(:disabled){border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option:disabled{cursor:default!important;opacity:1!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option[data-state=right]{border-color:var(--sf-good)!important;background:var(--sf-good-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option[data-state=wrong]{border-color:var(--sf-bad)!important;background:var(--sf-bad-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-feedback{min-height:1.5em!important;font-weight:700!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-after{display:block!important;margin-top:6px!important;font-weight:500!important;font-style:italic!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-end{justify-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-score{font:800 24px/1.2 Inter,Arial,sans-serif!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-order-done{margin:0!important;padding-left:24px!important;display:grid!important;gap:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-order-done li{padding:8px 12px!important;border-radius:10px!important;background:var(--sf-good-soft)!important;color:var(--sf-ink)!important;font-size:15px!important;line-height:1.45!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-select{display:grid!important;gap:4px!important;flex:1 1 320px!important;min-width:0!important;font-size:13px!important;font-weight:700!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-select select{width:100%!important;min-height:46px!important;padding:8px 12px!important;border:1px solid var(--sf-line)!important;border-radius:12px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:500 15px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-main,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-side{display:grid!important;gap:12px!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-card{display:grid!important;gap:10px!important;justify-items:start!important;padding:18px!important;border-radius:18px!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock{display:grid!important;gap:6px!important;padding:16px!important;border-radius:18px!important;border:1px solid var(--sf-line)!important;text-align:center!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-phase{font-weight:800!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-time{font:800 44px/1 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important;font-variant-numeric:tabular-nums!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-notes{width:100%!important;padding:12px!important;border:1px solid var(--sf-line)!important;border-radius:12px!important;font:500 15px/1.5 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important;background:var(--sf-surface)!important;resize:vertical!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-check{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:15px!important;line-height:1.4!important;cursor:pointer!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-check input{width:20px!important;height:20px!important;margin:1px 0 0!important;accent-color:var(--sf-accent)!important;flex:0 0 auto!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hints,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-checklist{display:grid!important;gap:10px!important;padding:16px!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;margin:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-checklist legend{padding:0 6px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hint-head{font-weight:800!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-chip{padding:6px 12px!important;border-radius:999px!important;background:var(--sf-good-soft)!important;color:var(--sf-good)!important;font-weight:700!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more summary{cursor:pointer!important;font-weight:700!important;color:var(--sf-accent)!important;padding:4px 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more p,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more ol{margin:6px 0 0!important;font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more ol{padding-left:20px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-playback audio{width:100%!important;margin-top:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{display:grid!important;grid-template-columns:minmax(0,1.5fr) auto!important;gap:16px 24px!important;align-items:center!important;margin:0 0 28px!important;padding:24px 28px!important;border-radius:24px!important;background:#232b50!important;color:#fff!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card :is(p,h2,span,b){color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-kicker{margin:0 0 6px!important;color:#e7d6ae!important;font:800 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card h2{margin:0 0 6px!important;font-size:clamp(22px,3vw,30px)!important;font-family:Georgia,"Times New Roman",serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-text{margin:0!important;color:#dfe3f2!important;font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-go{display:inline-flex!important;align-items:center!important;min-height:46px!important;padding:10px 20px!important;border-radius:999px!important;background:#fff!important;color:#232b50!important;font-weight:800!important;white-space:nowrap!important}@media(max-width:900px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{font-size:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step{flex-direction:column!important;justify-content:center!important;gap:4px!important;text-align:center!important;padding:6px 4px!important}}@media(max-width:640px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{padding:16px 16px 48px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{padding:18px!important;border-radius:18px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tabs{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab{min-height:52px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-item{grid-template-columns:32px minmax(0,1fr)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en{grid-column:2!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-short{display:block!important;font-size:11px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-steps{gap:2px!important;padding:4px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav{width:100%!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav .sf-btn{flex:1 1 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-next .sf-btn{width:100%!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{grid-template-columns:1fr!important;padding:20px!important}}@media(prefers-reduced-motion:reduce){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *{transition:none!important}}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-games{margin:0 0 32px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:14px!important;align-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card{display:grid!important;gap:10px!important;padding:20px!important;border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius)!important;background:var(--sf-surface)!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card h3{margin:0!important;font:800 18px/1.35 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card .sf-btn{justify-self:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-box{display:grid!important;gap:10px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-title{margin:0!important;font:800 20px/1.3 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games{display:grid!important;gap:10px!important;margin-top:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-head{font-weight:700!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game{min-height:46px!important;padding:8px 12px!important;border-radius:12px!important;border:1px solid var(--sf-line)!important;background:var(--sf-bg)!important;color:var(--sf-ink)!important;font:700 14px/1.3 Inter,Arial,sans-serif!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .15s ease,background-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game:hover{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game[data-game=quizduel]{background:var(--sf-accent)!important;border-color:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-games{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game{display:grid!important;gap:4px!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid var(--sf-line)!important;background:var(--sf-good-soft)!important;color:var(--sf-ink)!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game strong{font:800 15px/1.3 Inter,Arial,sans-serif!important;color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game span{font-size:13px!important;line-height:1.45!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game:hover{border-color:var(--sf-good)!important}@media(max-width:640px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game{font-size:13px!important;padding:8px!important}}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{--sf-navy:#1c2347 !important;--sf-champagne:#c8a96a !important;--sf-ivory:#fbf8f1 !important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy{background:linear-gradient(180deg,var(--sf-ivory),#fff 55%)!important;border-color:#e6dcc4!important;border-top:3px solid var(--sf-champagne)!important;box-shadow:0 18px 40px -28px rgba(28,35,71,.45)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero h1{color:var(--sf-navy)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-kicker{color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats li{background:#fff!important;border:1px solid #e6dcc4!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats b{color:var(--sf-navy)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:26px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how{background:linear-gradient(160deg,#232b50,#1c2347)!important;border:1px solid #39426f!important;box-shadow:0 18px 40px -26px rgba(28,35,71,.7)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how h2{color:#f3e6c6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(200,169,106,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main:hover{background:#2a3466!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{box-shadow:0 14px 34px -30px rgba(28,35,71,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card{border-top:3px solid transparent!important;transition:border-color .15s ease,box-shadow .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card:hover{border-color:#e6dcc4!important;border-top-color:var(--sf-champagne)!important;box-shadow:0 18px 38px -26px rgba(28,35,71,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-no{color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true]{border-color:var(--sf-navy)!important;background:var(--sf-navy)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true] span{color:#e9dcbb!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{border-top:3px solid var(--sf-champagne)!important;background:linear-gradient(180deg,var(--sf-ivory),#fff 60%)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-title{color:var(--sf-navy)!important;font-family:Georgia,"Times New Roman",serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true]{background:var(--sf-navy)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true] .sf-step-no{border-color:var(--sf-champagne)!important;color:#f3e6c6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-code{background:var(--sf-navy)!important;box-shadow:inset 0 0 0 1px rgba(200,169,106,.6)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card{border-top:3px solid var(--sf-champagne)!important;background:linear-gradient(180deg,var(--sf-ivory),#fff 70%)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game[data-game=quizduel]{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{background:linear-gradient(135deg,#232b50,#1c2347)!important;border:1px solid #c8a96a!important;box-shadow:0 20px 44px -30px rgba(28,35,71,.8)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-go{background:#c8a96a!important;color:#1c2347!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#2b3470!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;border-bottom:1px solid #c8a96a!important;padding-bottom:1px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link::after{content:"→"!important;color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link:hover{color:#6550b5!important}}

html:is(#wrc,*) body:is(#wrc,*) .wr-main{max-width:1080px;margin:0 auto;padding:24px 16px 64px;display:grid;gap:20px}html:is(#wrc,*) body:is(#wrc,*) .wr-hero{background:linear-gradient(135deg,#1c2b4a,#2c4270);color:#fff;border:1px solid #d9c08a;border-radius:22px;padding:28px clamp(18px,4vw,40px)}html:is(#wrc,*) body:is(#wrc,*) .wr-hero :is(h1,p){color:#fff}html:is(#wrc,*) body:is(#wrc,*) .wr-kicker{color:#e7d6ae!important;font-weight:800;font-size:12px;letter-spacing:.08em;margin:0 0 8px}html:is(#wrc,*) body:is(#wrc,*) .wr-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4.4vw,42px);margin:0 0 10px;line-height:1.15}html:is(#wrc,*) body:is(#wrc,*) .wr-hero-actions,html:is(#wrc,*) body:is(#wrc,*) .wr-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}html:is(#wrc,*) body:is(#wrc,*) .wr-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;border:1px solid #d9c08a;background:#fff;color:#1c2b4a!important;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s}html:is(#wrc,*) body:is(#wrc,*) .wr-btn:active{transform:scale(.96)}html:is(#wrc,*) body:is(#wrc,*) .wr-btn-main{background:#1c2b4a;color:#fff!important}html:is(#wrc,*) body:is(#wrc,*) .wr-hero .wr-btn-main{background:#f3d58f;color:#1c2b4a!important}html:is(#wrc,*) body:is(#wrc,*) .wr-panel{background:#fff;border:1px solid #e3d3ab;border-radius:20px;padding:clamp(16px,3vw,28px);box-shadow:0 10px 26px rgba(28,43,74,.07);min-width:0}html:is(#wrc,*) body:is(#wrc,*) .wr-panel>h2{font-family:Georgia,serif;color:#1c2b4a;margin:0 0 12px;font-size:clamp(22px,3vw,28px)}html:is(#wrc,*) body:is(#wrc,*) .wr-guide-part{border-top:1px solid #eee3c8;padding-top:14px;margin-top:14px}html:is(#wrc,*) body:is(#wrc,*) .wr-guide-part :is(h2,h3){color:#1c2b4a;font-family:Georgia,serif}html:is(#wrc,*) body:is(#wrc,*) .wr-guide :is(p,li,td,th){line-height:1.65;overflow-wrap:anywhere}html:is(#wrc,*) body:is(#wrc,*) .wr-table{width:100%;border-collapse:collapse;margin:10px 0;display:block;overflow-x:auto}html:is(#wrc,*) body:is(#wrc,*) .wr-table :is(th,td){border:1px solid #9bb7e0;padding:8px 10px;vertical-align:top;text-align:left}html:is(#wrc,*) body:is(#wrc,*) .wr-table th{background:#eef4fc;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*) .wr-sources{margin-top:16px;font-weight:600}html:is(#wrc,*) body:is(#wrc,*) .wr-form{display:grid;gap:14px}html:is(#wrc,*) body:is(#wrc,*) .wr-task{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid #e3d3ab;border-radius:14px;padding:10px 14px}html:is(#wrc,*) body:is(#wrc,*) .wr-task legend{font-weight:800;color:#1c2b4a;padding:0 6px}html:is(#wrc,*) body:is(#wrc,*) .wr-task label{display:flex;gap:6px;align-items:center;font-weight:600}html:is(#wrc,*) body:is(#wrc,*) .wr-field{display:grid;gap:6px;font-weight:800;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*) .wr-field textarea,html:is(#wrc,*) body:is(#wrc,*) .wr-reply-input{width:100%;box-sizing:border-box;border:1px solid #d6c79f;border-radius:12px;padding:12px;font:400 16px/1.6 inherit;resize:vertical;background:#fffdf8}html:is(#wrc,*) body:is(#wrc,*) .wr-count{font-style:normal;font-weight:700;color:#2e7d32;margin-left:8px}html:is(#wrc,*) body:is(#wrc,*) .wr-count.is-short{color:#b3261e}html:is(#wrc,*) body:is(#wrc,*) .wr-note{margin:0;color:#5b6475;font-size:14px}html:is(#wrc,*) body:is(#wrc,*) .wr-status{font-weight:700;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*) .wr-mine-list,html:is(#wrc,*) body:is(#wrc,*) .wr-admin-list{display:grid;gap:12px}html:is(#wrc,*) body:is(#wrc,*) .wr-card{border:1px solid #e3d3ab;border-radius:16px;padding:14px;background:#fff;min-width:0}html:is(#wrc,*) body:is(#wrc,*) .wr-card.is-replied{border-color:#7fb685}html:is(#wrc,*) body:is(#wrc,*) .wr-card summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;cursor:pointer;font-weight:700;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*) .wr-card-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}html:is(#wrc,*) body:is(#wrc,*) .wr-badge{background:#1c2b4a;color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}html:is(#wrc,*) body:is(#wrc,*) .wr-sum-text{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}html:is(#wrc,*) body:is(#wrc,*) .wr-state{font-size:12px;font-weight:800;color:#8a6d2b}html:is(#wrc,*) body:is(#wrc,*) .wr-state.is-replied{color:#2e7d32}html:is(#wrc,*) body:is(#wrc,*) .wr-meta{color:#5b6475;font-size:13px;margin:6px 0}html:is(#wrc,*) body:is(#wrc,*) .wr-prompt{background:#f7f3ea;border-radius:10px;padding:10px 12px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}html:is(#wrc,*) body:is(#wrc,*) .wr-essay{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere;padding:4px 2px}html:is(#wrc,*) body:is(#wrc,*) .wr-feedback-item{margin-top:10px;border-left:4px solid #d9c08a;background:#fffaf0;border-radius:10px;padding:10px 12px}html:is(#wrc,*) body:is(#wrc,*) .wr-feedback-by{font-size:12px;font-weight:800;color:#8a6d2b;margin-bottom:4px}html:is(#wrc,*) body:is(#wrc,*) .wr-rich{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}html:is(#wrc,*) body:is(#wrc,*) .wr-reply{margin-top:12px;display:grid;gap:8px}html:is(#wrc,*) body:is(#wrc,*) .wr-empty{color:#5b6475}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-main{max-width:1100px;padding:20px 16px 72px;gap:22px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-main>[hidden],html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) [data-wr-lesson][hidden],html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) [data-wr-bar][hidden]{display:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-hero{padding:clamp(20px,3.4vw,32px) clamp(18px,4vw,40px)!important;border-radius:22px!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-hero .wr-lead{max-width:62ch;font-size:16px;line-height:1.6;margin:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-panel{padding:clamp(18px,3vw,30px)!important;border-radius:22px!important;border:1px solid #e3d3ab!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 18px;margin:0 0 18px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-eyebrow{margin:0 0 4px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.14em;color:#a87b1f!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-panel-head h2{margin:0!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,28px)!important;line-height:1.2;color:#1c2b4a!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-panel-sub{margin:6px 0 0!important;max-width:64ch;color:#5b6475!important;font-size:15px;line-height:1.6}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-link{font-weight:800;color:#2f5fd0!important;text-decoration:none!important;white-space:nowrap}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-submit{border:2px solid #d9c08a!important;background:linear-gradient(180deg,#fffdf6,#fff)!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-task{border:0!important;padding:0!important;margin:0;gap:10px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-task legend{float:left;width:100%;margin:0 0 8px;padding:0!important;font-weight:800;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-task label{padding:10px 16px;border:1.5px solid #d6c79f;border-radius:12px;background:#fff;cursor:pointer;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-task label:has(input:checked){border-color:#1c2b4a;background:#1c2b4a;color:#fff!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-task input{accent-color:#f3d58f}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-field textarea{padding:12px 14px!important;line-height:1.6}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-group{margin-top:20px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-group-title{display:flex;align-items:center;gap:12px;margin:0 0 12px!important;font:800 12.5px/1.2 Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#1c2b4a!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-group-title::after{content:"";flex:1;height:1px;background:#eadfc4}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-cards{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-cards>li{margin:0!important;padding:0!important;list-style:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-cards>li::before,html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-cards>li::marker{content:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card{--wr-accent:#1c2b4a;--wr-soft:#eef1f7;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;height:100%;box-sizing:border-box;padding:16px 14px 16px 16px;border:1px solid #e5dcc6;border-left:4px solid var(--wr-accent);border-radius:16px;background:#fff;color:#1c2b4a!important;text-decoration:none!important;box-shadow:0 8px 20px -16px rgba(28,43,74,.45);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card[data-task=task1]{--wr-accent:#2f5fd0;--wr-soft:#eaf0fd}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card[data-task=task2]{--wr-accent:#0f766e;--wr-soft:#e3f5f2}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card[data-task=check]{--wr-accent:#a87b1f;--wr-soft:#fbf2dc}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card:hover{transform:translateY(-2px);border-color:var(--wr-accent);box-shadow:0 14px 26px -16px rgba(28,43,74,.5)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card:focus-visible{outline:3px solid #f3d58f;outline-offset:3px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-no{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--wr-soft);color:var(--wr-accent);font:800 15px/1 Arial,sans-serif}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-text{display:grid;gap:5px;min-width:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-text strong{font-size:15.5px;line-height:1.35;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-sum{font-size:13.5px;line-height:1.5;color:#5b6475}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-meta{font-size:12px;font-weight:800;color:#8a6d2b}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-card.is-read .wr-card-meta::after{content:" · Đã học";color:#2e7d32}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-go{align-self:center;font-size:24px;line-height:1;color:var(--wr-accent)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-library .wr-sources{margin:22px 0 0;padding-top:14px;border-top:1px solid #eee3c8;font-size:14px;color:#5b6475}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px 10px 18px;border:1px solid #e3d3ab;border-radius:16px;background:#fff;box-shadow:0 8px 22px -16px rgba(28,43,74,.45);scroll-margin-top:110px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-bar-back{font-weight:800;color:#1c2b4a!important;text-decoration:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-bar-where{margin-right:auto;font-size:14px;font-weight:800;color:#8a6d2b}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-bar-submit{padding:9px 18px!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lessons{display:grid;gap:22px;min-width:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson{display:grid;gap:18px;min-width:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-head{padding:clamp(20px,3.4vw,34px)!important;border:1px solid #d9c08a;border-radius:22px;background:linear-gradient(135deg,#1c2b4a,#2c4270);color:#fff}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson[data-task=task1] .wr-lesson-head{background:linear-gradient(135deg,#1c2b4a,#2f5fd0)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson[data-task=task2] .wr-lesson-head{background:linear-gradient(135deg,#0b3f3b,#0f766e)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson[data-task=check] .wr-lesson-head{background:linear-gradient(135deg,#4a3710,#8a6d2b)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-kicker{margin:0 0 8px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.14em;color:#f3d58f!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-head h2{margin:0!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,4vw,38px)!important;line-height:1.15!important;color:#fff!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-sum{margin:10px 0 0!important;max-width:64ch;font-size:16px;line-height:1.6;color:rgba(255,255,255,.92)!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-meta span{padding:5px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff!important;font-size:13px;font-weight:700}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-toc b{width:100%;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e7d6ae!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-toc a{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;color:#1c2b4a!important;text-decoration:none!important;font-size:13.5px;font-weight:700}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-toc a span{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c2b4a;color:#fff!important;font-size:12px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-body{display:grid;gap:16px;min-width:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step{min-width:0;padding:clamp(18px,3vw,30px)!important;border:1px solid #e5dcc6;border-radius:20px;background:#fff;box-shadow:0 10px 26px -20px rgba(28,43,74,.45);scroll-margin-top:110px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step h3{display:flex;align-items:center;gap:12px;margin:0 0 16px!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2.6vw,24px)!important;line-height:1.25;color:#1c2b4a!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-no{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1c2b4a;color:#f3d58f!important;font:800 15px/1 Arial,sans-serif}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step :is(p,li){font-size:16px;line-height:1.75;color:#25324a;overflow-wrap:anywhere}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step p{margin:0 0 12px!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step>:last-child{margin-bottom:0!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step :is(ul,ol){display:grid;gap:10px;margin:0 0 14px!important;padding:0!important;list-style:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step :is(ul,ol)>li{position:relative;margin:0!important;padding:12px 16px 12px 42px!important;border-radius:12px;background:#f8f6f0;list-style:none!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ul>li::before{content:"";position:absolute;left:18px;top:22px;width:8px;height:8px;border-radius:50%;background:#c9a45c}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ol{counter-reset:wr-li}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ol>li{counter-increment:wr-li}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ol>li::before{content:counter(wr-li);position:absolute;left:12px;top:13px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c2b4a;color:#fff;font:800 12px/1 Arial,sans-serif}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step li strong{color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step em{color:#7a5a12}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap{margin:6px 0 16px;border:1px solid #d7e2f3;border-radius:14px;overflow:hidden;background:#fff}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap:last-child{margin-bottom:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap table{display:table!important;width:100%;margin:0!important;border-collapse:collapse;overflow:visible}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap th{padding:11px 16px!important;border:0!important;background:#1c2b4a!important;color:#fff!important;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap td{padding:12px 16px!important;border:0!important;border-top:1px solid #e3eaf5!important;vertical-align:top;font-size:15px;line-height:1.65;color:#25324a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap td:first-child{width:40%;background:#f4f7fc;font-weight:700;color:#1c2b4a}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-2 td:last-child{font-style:italic;color:#334155}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-3 td:first-child{width:24%}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;padding:18px 22px;border:1px solid #ecd9a6;border-radius:18px;background:#fff8e6}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-cta p{margin:0!important;color:#4a3b16;font-size:15.5px;line-height:1.6}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link{display:grid;gap:3px;padding:14px 18px;border:1px solid #e5dcc6;border-radius:16px;background:#fff;color:#1c2b4a!important;text-decoration:none!important;box-shadow:0 8px 20px -18px rgba(28,43,74,.5)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link.is-next{text-align:right}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link:hover{border-color:#c9a45c}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a6d2b}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link b{font-size:15.5px;line-height:1.35}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-main :is(#wr-submit,#wr-guide,#wr-mine,.wr-lesson,.wr-step){scroll-margin-top:110px}@media(max-width:680px){html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap thead{display:none}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap tr{display:block;border-top:1px solid #e3eaf5}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap tbody tr:first-child{border-top:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap td{display:block;width:auto!important;border:0!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-table-wrap td::before{content:attr(data-label);display:block;margin-bottom:4px;font:800 11px/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8a6d2b;font-style:normal}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-foot{grid-template-columns:1fr}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link.is-next{text-align:left}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step-link.is-empty{display:none}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step :is(ul,ol)>li{padding:11px 12px 11px 36px!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ul>li::before{left:14px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-step ol>li::before{left:8px}}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-hero :is(h1,.wr-lead){color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-hero h1{margin:0 0 10px!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-hero .wr-kicker{-webkit-text-fill-color:#e7d6ae!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-lesson-head :is(h2,.wr-lesson-sum,.wr-lesson-meta span){-webkit-text-fill-color:currentColor!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-sum{font-weight:500!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*) .wr-card-meta{font-weight:800!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:20px 0 4px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc{--wr-doc:linear-gradient(135deg,#1d4ed8,#3b82f6);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon text" "go go";gap:12px 14px;align-items:center;padding:18px 20px!important;border:2px solid rgba(255,255,255,.55);border-radius:18px;background:var(--wr-doc)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;box-shadow:0 14px 30px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .15s ease,box-shadow .15s ease}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-t2{--wr-doc:linear-gradient(135deg,#047857,#10b981)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.3)}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc:focus-visible{outline:3px solid #f3d58f;outline-offset:3px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc *{color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-icon{grid-area:icon;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);font:800 18px/1 Arial,sans-serif}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-text{grid-area:text;display:grid;gap:3px;min-width:0}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-text small{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.9}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-text strong{font-size:clamp(19px,2.4vw,22px);line-height:1.2}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-text span{font-size:14px;line-height:1.45;opacity:.95}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-go{grid-area:go;justify-self:start;padding:9px 16px;border-radius:999px;background:#fff!important;font-weight:800;font-size:14.5px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-t1 .wr-doc-go{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-t2 .wr-doc-go{color:#047857!important;-webkit-text-fill-color:#047857!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-cta-actions{display:flex;flex-wrap:wrap;gap:10px}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-btn{border:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important}html:is(#wrc,*) body:is(#wrc,*):is(#wrc,*):is(#wrc,*) .wr-doc-btn-task2{background:linear-gradient(135deg,#047857,#10b981)!important}