@import url('/styles/tokens/colors.css?v=1788435516');
@import url('/styles/tokens/spacing.css?v=1787085875');
@import url('/styles/tokens/typography.css?v=1763482509');
@import url('/styles/tokens/motion.css?v=1762170565');
@import url('/styles/tokens/z-index.css?v=1762170593');



@import url('/styles/base/reset.css?v=1767796764');
@import url('/styles/base/global.css?v=1766069815');
@import url('/styles/base/utilities.css?v=1762170688');

@import url('/_modes/shared-css/seoHidden.css?v=1761766012');



@import url('/styles/layout/containers.css?v=1762432618');
@import url('/styles/layout/grid.css?v=1762170776');
@import url('/styles/layout/responsive.css?v=1762170811');




@import url('/styles/components/cosmetics.css?v=1788435516');





@import url('/styles/sections/header.css?v=1789564365');
@import url('/styles/sections/footer.css?v=1787085875');
@import url('/styles/sections/bottom-nav.css?v=1788435516');

@import url('/styles/sections/keyboard.css?v=1789146401');









/**
 * =========================================
 * USAGE INSTRUCTIONS
 * =========================================
 *
 * In your HTML, include this single file:
 * <link rel="stylesheet" href="/styles/main.css">
 *
 * This will automatically load all stylesheets in the correct order.
 *
 * =========================================
 * FILE ORGANIZATION
 * =========================================
 *
 * styles/
 * ├── main.css (this file)
 * ├── tokens/
 * │   ├── colors.css ✓
 * │   ├── spacing.css ✓
 * │   ├── typography.css ✓
 * │   ├── motion.css ✓
 * │   └── z-index.css ✓
 * ├── base/
 * │   ├── reset.css ✓
 * │   ├── global.css ✓
 * ├── sections/
 * │   ├── header.css (TODO - refactor existing)
 * │   ├── footer.css (TODO - refactor existing)