/* ============================================================================
   GUIDEBOOK - Main Stylesheet
   Modular CSS with separate mobile/desktop files for better organization
   ============================================================================ */

/* Load base styles (always) */
@import url('style-base.css');

/* Load mobile styles (< 768px only) */
@import url('mobile.css') screen and (max-width: 767px);

/* Load desktop styles (>= 768px only) */
@import url('desktop.css') screen and (min-width: 768px);

/* 
   Benefits of this approach:
   - Cleaner separation of concerns
   - Easier to maintain
   - Better performance (only load what's needed)
   - No duplicate code
   - Clear mobile-first vs desktop patterns
*/