/* One active design system. Historical visual stylesheets are not loaded. */
@layer tokens, reset, structure, components, pages, typography, polish, sage, utilities;
@import url('./tokens.css') layer(tokens);
@import url('./foundation.css') layer(reset);
@import url('./structure.css') layer(structure);
@import url('./components.css') layer(components);
@import url('./sections.css') layer(pages);
@import url('./banners.css') layer(pages);
@import url('./typography.css') layer(typography);
@import url('./polish.css') layer(polish);
@import url('./sage.css') layer(sage);
@import url('./lesson.css') layer(sage);
@import url('./account.css') layer(sage);
@layer utilities {
  [hidden] { display:none !important; }
  .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
}