.usage-categories.svelte-6mqayv{display:grid;grid-template-columns:1fr;gap:0;border:3px solid var(--vm-dark-seafoam);border-radius:8px;overflow:hidden;margin:2rem auto;max-width:650px}.usage-category.svelte-6mqayv{display:grid;grid-template-columns:30% 1fr;border-bottom:3px solid var(--vm-dark-seafoam)}.usage-category.svelte-6mqayv:last-child{border-bottom:none}.category-icon-section.svelte-6mqayv{background:var(--vm-ivory);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;border-right:3px solid var(--vm-dark-seafoam);color:var(--vm-navy)}.category-icon.svelte-6mqayv{width:120px;height:120px}.category-icon.svelte-6mqayv svg{width:100%;height:100%}.category-right.svelte-6mqayv{display:flex;flex-direction:column}.category-header.svelte-6mqayv{background:var(--vm-lighter-navy);padding:.75rem 1.5rem}.category-header.svelte-6mqayv h4:where(.svelte-6mqayv){font-family:Roboto Slab,serif;font-weight:600;font-size:1.35rem;color:var(--vm-ivory);margin:0}.category-content.svelte-6mqayv{padding:1.5rem;background:var(--vm-ivory)}.category-content.svelte-6mqayv p:where(.svelte-6mqayv){margin:.5rem 0}.category-content.svelte-6mqayv .spanish:where(.svelte-6mqayv){color:var(--vm-navy);font-size:1.2rem;margin-bottom:.5rem}.category-content.svelte-6mqayv .english:where(.svelte-6mqayv){color:var(--vm-navy-50);font-size:1.1rem}.dark .usage-categories.svelte-6mqayv{border-color:var(--vm-light-navy)}.dark .usage-category.svelte-6mqayv{border-bottom-color:var(--vm-light-navy)}.dark .category-icon-section.svelte-6mqayv{background:var(--vm-navy);border-right-color:var(--vm-light-navy);color:var(--vm-castaway)}.dark .category-header.svelte-6mqayv{background:var(--vm-light-navy)}.dark .category-content.svelte-6mqayv{background:var(--vm-dark-navy)}.dark .category-content.svelte-6mqayv .spanish:where(.svelte-6mqayv){color:var(--vm-castaway)}.dark .category-content.svelte-6mqayv .english:where(.svelte-6mqayv){color:var(--vm-castaway-50)}.lesson-section.svelte-1mnp7gg{margin-bottom:3rem}p.svelte-1mnp7gg{line-height:1.8;margin-bottom:1rem;color:var(--color-text-primary)}.lesson-section.svelte-1mnp7gg h3:where(.svelte-1mnp7gg){font-family:Roboto Slab,serif;font-weight:600;font-size:1.25rem;margin-top:2rem;margin-bottom:1rem}.example-figure.svelte-1mnp7gg{max-width:650px;background:transparent;padding:1.25rem;margin:1.5rem auto;border-radius:8px}.example-figure-inner.svelte-1mnp7gg{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.example-image.svelte-1mnp7gg{width:100%;max-width:100%;height:auto;border-radius:6px}.example-image.svelte-1mnp7gg img:where(.svelte-1mnp7gg){width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.sentence-box.svelte-1mnp7gg{background:var(--vm-dark-seafoam-20);padding:.75rem 1rem;border-radius:6px;margin-bottom:.75rem}.sentence-box.svelte-1mnp7gg p:where(.svelte-1mnp7gg){color:var(--vm-navy)}.dark .sentence-box.svelte-1mnp7gg{background:var(--vm-light-navy)}.dark .sentence-box.svelte-1mnp7gg p:where(.svelte-1mnp7gg){color:var(--vm-castaway)}.example-text.svelte-1mnp7gg{flex:1}.example-figure.svelte-1mnp7gg .example-sentence:where(.svelte-1mnp7gg){margin-bottom:.5rem;text-align:center}.example-figure.svelte-1mnp7gg .example-translation:where(.svelte-1mnp7gg){margin-bottom:.75rem;text-align:center}.example-image.svelte-1mnp7gg img.dark-only:where(.svelte-1mnp7gg){display:none}.dark .example-image.svelte-1mnp7gg img.light-only:where(.svelte-1mnp7gg){display:none}.dark .example-image.svelte-1mnp7gg img.dark-only:where(.svelte-1mnp7gg){display:block}@media(max-width:700px){.example-figure-inner.svelte-1mnp7gg{flex-direction:column;align-items:stretch}.example-image.svelte-1mnp7gg{width:100%;max-width:100%}}
