:root{--pill-radius:999px;--v4-navy:#142b50;--v4-pale:#eef3fb}
.button,.menu,.grammar-groups button,.category-row a,.word-category{border-radius:var(--pill-radius)!important;border:1px solid #c4d2e5;min-height:44px;font-weight:600;transition:background .22s,color .22s,box-shadow .22s;display:inline-flex;align-items:center;justify-content:center;line-height:1.3}
.button:hover,.category-row a:hover{box-shadow:0 4px 14px #142b5015}
.grammar-groups,.category-row,.resource-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:10px;scroll-behavior:smooth;scrollbar-width:thin;scroll-padding:8px;padding:12px 0}
.grammar-groups button,.category-row>a{flex:1 0 135px;max-width:240px;text-align:center;min-height:48px;padding:10px 18px}
.grammar-groups button[aria-pressed=true],.category-row>a[aria-current],.word-category[aria-pressed=true],.resource-category[aria-pressed=true]{background:var(--v4-navy)!important;color:white!important;border-color:var(--v4-navy)!important}
.resource-category{flex:1 0 145px;max-width:220px;border-radius:18px}.resource-category[aria-pressed=true] .resource-illustration{color:var(--v4-navy)}
.section-demo{max-width:660px;margin:22px auto 16px}.intro{padding-bottom:20px!important}.intro:has(.section-demo){padding-top:22px!important}.section-demo.learning-animation{min-height:210px}
.home-paths .path{border:1px solid #d7e3f3;border-radius:20px;background:#eef3fb;transition:transform .25s,box-shadow .25s}.home-paths .path:hover{transform:translateY(-3px);box-shadow:0 8px 24px #142b5014}.home-paths .learning-animation{border:0;border-radius:0;min-height:230px}.learning-label{margin:0;padding:0 20px 18px;font-size:20px;color:#142b50}
.word-categories{display:flex!important;gap:16px;overflow-x:auto;flex-wrap:nowrap;align-items:stretch}.word-category{flex:1 0 260px;display:flex;flex-direction:column;border-radius:20px!important;padding:18px 12px 12px;background:#eef3fb;gap:12px}.word-category>svg{display:none}.word-category .section-demo{margin:0;width:100%}.word-category .learning-animation{min-height:210px;border:none}.word-category>strong{font-size:22px}
.story-grammar-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.story-grammar-controls .button{font-size:15px;padding:10px 18px}.story-actions:has(#arrangeScenes[hidden]){margin:0}.story-gallery img{object-fit:contain!important;aspect-ratio:3/4!important}.teacher-thanks{padding:22px 24px;background:#eef3fb;border-left:3px solid #142b50;border-radius:0 18px 18px 0;font-size:18px!important;line-height:1.6!important;margin-top:24px}.credits{padding:20px 0;color:#536681}.credits h2{font-size:22px}
.lesson-pills{margin-bottom:18px}.lesson-verbs-download{margin:8px}.lesson-grid .path{border-radius:18px;overflow:hidden}.news-resource{max-width:360px}.social-links a{transition:transform .2s}.social-links a:hover{transform:translateY(-2px)}
#nav{max-height:calc(100dvh - 110px);overflow-y:auto;max-width:calc(100vw - 36px);grid-template-columns:1fr!important}#languagePanel{right:0;max-width:calc(100vw - 36px)}.bar{position:relative}main .shell{min-width:0}img{max-width:100%}.document-viewer{min-width:0}.file-dialog{max-width:calc(100vw - 20px)}
@media(max-width:600px){.section-demo{margin:14px auto}.intro h1{font-size:34px}.grammar-groups button,.category-row>a{flex-basis:140px}.story-grammar-controls .button{font-size:13px;padding:10px 12px}.home-paths .learning-animation{min-height:210px}.word-category{flex-basis:280px}.lesson-verbs-download{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.button,.menu,.home-paths .path,.social-links a{transition:none}.home-paths .path:hover,.social-links a:hover{transform:none}}
header .bar>.logo{margin-right:auto}header .bar>.menu{margin-left:auto}header #nav{display:none!important;position:absolute!important;top:calc(100% - 6px);right:62px;left:auto!important;width:260px;background:white;border:1px solid #d6e1ef;border-radius:20px;padding:12px;box-shadow:0 12px 30px #142b5020;z-index:30}header #nav.open{display:grid!important;grid-template-columns:1fr!important}header #nav a{padding:11px 16px!important;border-radius:999px!important}header .language-picker{margin-left:12px}.home-paths .path>.learning-label{display:block!important}.home-paths .path>[data-learning-animation]{display:block!important}
.grammar-groups button{height:54px!important;min-height:54px!important;padding:8px 16px!important;font-size:13px!important}.words-pills button{flex:1 0 150px;min-height:48px}.words-pills button[aria-pressed=true]{background:#142b50;color:white}.word-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:12px 0 24px}.word-preview-grid[hidden]{display:none!important}@media(max-width:560px){.word-preview-grid{grid-template-columns:1fr}}