/* odh.css — entry stylesheet for src/projects/odh/odh.html
 * Imports per-component partials. Order matters for cascade
 * specificity ties — do not reorder without verifying.
 *
 * RESPONSIVE TIER SYSTEM (desktop-first cascade):
 *   Tier 5 (≥ 2048px) — base styles, no MQ. Mac Studio.
 *   Tier 4 (≤ 2047px) — desktop / laptop (recruiter default).
 *   Tier 3 (≤ 1245px) — large tablet / iPad Pro landscape.
 *   Tier 2 (≤ 1000px) — small tablet / iPad portrait.
 *   Tier 1 (≤  750px) — mobile (modern phones, ~375pt floor). */

@import url('../shared/_base.css');
@import url('../shared/nav.css');       /* shared nav: structure + light theme */
@import url('../shared/_nav.css');      /* ODH dark-theme nav colour overrides */
@import url('../shared/_eu-system.css?v=20260605-2');
@import url('../shared/_goal-cards.css');
@import url('../shared/_roles.css');
@import url('../shared/_comic.css');
@import url('../shared/_persona.css');
@import url('./_diff-station.css');
@import url('./_eu-compare.css');
@import url('./_wf-compare.css');
@import url('./_high-fidelity.css');
@import url('./_outcome.css');
@import url('../shared/_responsive.css');
@import url('../shared/_case-study.css?v=20260519-2');  /* shared NIOCCS + ODH case-study styles */
@import url('../shared/_footer.css?v=20260601-1');  /* shared dark site footer */

/* Footer accent — ODH cyan on the shared dark footer. */
.site-footer { --footer-accent-rgb: 0, 174, 255; }