/**
 * MOE.common.css
 * ──────────────────────────────────────────────────────────────────────────
 * Single stylesheet for the SharePoint master page.
 * Include this ONE file — it covers every portal page automatically.
 *
 * Import strategy:
 *   1. Shared base layers are imported ONCE here at the top.
 *   2. Page-specific CSS files follow — in development they carry their own
 *      @import of App/ListingPage/ContentDetailPage (needed for standalone use).
 *      The production build (scripts/deploy.js step 2) strips those redundant
 *      @imports from every page CSS file in dist/css/ automatically.
 *   → MOE.DS.css and MOE.App.css are only ever parsed and applied ONCE.
 *
 * Vendor CSS still required separately in the master page template:
 *   <link id="bs-css-rtl" rel="stylesheet" href=".../assets/css/bootstrap.rtl.min.css" />
 *   <link id="bs-css-ltr" rel="stylesheet" href=".../assets/css/bootstrap.min.css" disabled />
 *   <link rel="stylesheet" href=".../assets/vendors/hugeicons/hgi-stroke-rounded.css" />
 *   <link rel="stylesheet" href=".../assets/css/muneer.min.css" />
 *   <link rel="stylesheet" href=".../assets/css/muneer.icons.css" />
 *   <link rel="stylesheet" href=".../assets/css/sharepoint-compat.css" /> ← MUST be last
 * ──────────────────────────────────────────────────────────────────────────
 */

/* ── 1. Shared base layers — imported ONCE ──────────────────────
   All page CSS files pull these in transitively.
   Declaring them first here ensures a single parse + apply.
   ──────────────────────────────────────────────────────────────── */
@import url('./MOE.App.css');               /* DS tokens (MOE.DS.css) + app-wide base */
@import url('./MOE.ListingPage.css');       /* Hero, filter bar, pagination, skeletons */
@import url('./MOE.ContentDetailPage.css'); /* Content layout, sidebar, meta card, share */

/* ── 2. Page-specific styles ────────────────────────────────────
   @imports inside these files that target the bases above
   are silently deduplicated by the browser.
   ──────────────────────────────────────────────────────────────── */

/* Home */
/* @import url('./MOE.HomePage.css'); */

/* Search */
@import url('./MOE.Search.css');

/* News */
@import url('./MOE.NewsPage.css');
@import url('./MOE.NewsDetails.css');

/* Media Center */
@import url('./MOE.MediaPage.css');
@import url('./MOE.MediaPhotoDetails.css');
@import url('./MOE.MediaVideoDetails.css');

/* Events */
@import url('./MOE.EventsPage.css');
@import url('./MOE.EventDetails.css');

/* Services */
@import url('./MOE.Services.css');
@import url('./MOE.ServiceDetail.css');
@import url('./MOE.SLA.css');
@import url('./MOE.AboutOnlineServices.css');
@import url('./MOE.FreeServicesAndPrograms.css');

/* Knowledge */
@import url('./MOE.ProjectsAndInitiatives.css');
@import url('./MOE.DocumentCenter.css');

/* Contact Us */
@import url('./MOE.ContactUs.css');

/* Sharepoint override */
@import url('./MOE.SharepointOverride.css');