.landing-experience .story-product-frame:has(.landing-vocabulary-preview){aspect-ratio:auto;height:480px;min-height:0}.landing-vocabulary-preview{text-align:left;width:100%;min-width:0;height:100%;padding:20px;overflow-y:auto}.landing-vocabulary-preview .vocabulary-list-scroll{overscroll-behavior-y:auto}.landing-vocabulary-preview>section:has([data-vocabulary-flashcards=inline]){flex-direction:column;height:100%;min-height:0;display:flex}.landing-vocabulary-preview [data-vocabulary-notebook]:has([data-vocabulary-flashcards=inline]){flex-direction:column;flex:1;min-height:0;display:flex}.landing-vocabulary-preview [data-vocabulary-notebook]:has([data-vocabulary-flashcards=inline])>:not([data-vocabulary-flashcards]){flex-shrink:0}.landing-vocabulary-preview [data-vocabulary-flashcards=inline]{flex-direction:column;flex:1;min-height:0;margin-top:8px;display:flex}.landing-vocabulary-preview [data-vocabulary-flashcards=inline]>div{flex:1;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-card]{height:100%;min-height:0}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-face]{padding:16px}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-face=front] h3{margin-top:8px;font-size:clamp(28px,3vw,40px);line-height:1.15}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-face=back] h3{font-size:20px;line-height:1.3}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-face] p{margin-top:8px;font-size:13px;line-height:1.4}.landing-vocabulary-preview [data-vocabulary-flashcards=inline] [data-flashcard-controls]{margin-top:8px}@media (min-width:1200px){.landing-experience #landing-vocabulary .story-preview{align-self:stretch;display:flex}.landing-experience #landing-vocabulary .story-product-frame{flex:1;height:auto;min-height:480px}}.vocabulary-preview-filter-toggle{display:none}@media (max-width:1199px){.landing-vocabulary-preview{padding:14px}.vocabulary-preview-filter-toggle{background:var(--brand-soft);min-height:44px;color:var(--brand-ink);border-radius:12px;align-items:center;gap:8px;margin-bottom:4px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.landing-vocabulary-preview[data-filters-open=false] [data-vocabulary-filters]{display:none}.landing-vocabulary-preview [data-vocabulary-list]{max-height:none;overflow-y:visible}.landing-vocabulary-preview [data-vocabulary-list] .truncate{white-space:normal;text-overflow:clip;overflow:visible}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]{min-height:64px}.landing-vocabulary-preview:has([data-vocabulary-flashcards=inline]){flex-direction:column;display:flex}.landing-vocabulary-preview>.vocabulary-preview-filter-toggle{flex-shrink:0}.landing-vocabulary-preview>section:has([data-vocabulary-flashcards=inline]){flex:1;height:auto}.landing-vocabulary-preview:not(:has([data-vocabulary-filters]))>.vocabulary-preview-filter-toggle{display:none}}.vocabulary-preview-pages{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.vocabulary-preview-pages button{background:var(--brand-soft);border-radius:12px;width:44px;height:44px}.vocabulary-preview-pages button:disabled{opacity:.35}.vocabulary-preview-pages span{font-size:12px}@media (max-width:1199px){.landing-vocabulary-preview[data-filters-open=true] [data-vocabulary-list]{display:none}.landing-vocabulary-preview{position:relative}.landing-vocabulary-preview>section,.landing-vocabulary-preview [data-vocabulary-notebook]{flex-direction:column;height:100%;min-height:0;display:flex}.landing-vocabulary-preview .vocabulary-preview-filter-toggle{z-index:2;background:0 0;justify-content:center;width:44px;height:44px;margin:0;padding:0;position:absolute;top:14px;right:14px}.landing-vocabulary-preview .vocabulary-preview-filter-toggle[aria-expanded=true]{background:var(--brand-soft)}.landing-vocabulary-preview [data-vocabulary-toolbar]{flex:0 0 48px;padding-right:44px}.landing-vocabulary-preview [data-vocabulary-tabs]{gap:0;width:100%}.landing-vocabulary-preview [data-vocabulary-tabs]>button{white-space:nowrap;flex:1;gap:4px;padding:0 5px;font-size:12px}.landing-vocabulary-preview [data-vocabulary-tabs]>button>svg{display:none}.landing-vocabulary-preview [data-vocabulary-collections]{flex-wrap:nowrap;flex:0 0 44px;gap:0;margin-top:8px}.landing-vocabulary-preview [data-vocabulary-collections]>button{flex:1;justify-content:center;min-width:0;padding:0 3px;font-size:12px}.landing-vocabulary-preview [data-vocabulary-list]{flex-direction:column;flex:1;min-height:0;margin-top:8px;display:flex}.landing-vocabulary-preview [data-vocabulary-list] li>div{grid-template-columns:minmax(0,1fr);padding:6px 0}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:56px}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]>span:first-child{display:none}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]>span:nth-child(2){grid-area:1/1;font-size:16px}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]>span:nth-child(3){grid-area:1/2;font-size:11px;font-weight:500;display:block}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]>span:nth-child(4){grid-area:3/2;padding:0 4px}.landing-vocabulary-preview [data-vocabulary-list] button[aria-pressed]>span:nth-child(5){grid-area:2/1/auto/-1;font-size:13px;line-height:1.4}.landing-vocabulary-preview .vocabulary-preview-pages{border-top:1px solid var(--swk-cloud-gray);flex-shrink:0;margin-top:auto;padding-top:8px}}