/* ============================================================
   main.css — single entry point for every VRX template page.
   Add ONE link in <head>:
     <link rel="stylesheet" href="css/main.css">

   Load order is intentional:
     tokens     — variables, reset, base typography
     chrome     — announcement, top-bar, header, breadcrumb, mobile bar
     layout     — page grid + sticky sidebar
     components — left-column content cards & primitives
     sidebar    — right-column sticky cards (book, info, related)
     sections   — full-width sections below grid (centres, packages, faq)
     responsive — all media queries (loaded last to win specificity)
   ============================================================ */

@import url('tokens.css');
@import url('chrome.css');
@import url('layout.css');
@import url('components.css');
@import url('sidebar.css');
@import url('sections.css');
@import url('responsive.css');
@import url('pages.css');
