/* ═══════════════════════════════════════════════════════════════════════════
   AIU CATALOG DIRECTORY NAV — the persistent nav (Concept 1 · REQ-59 / R-165 /
   MEET M212). Grounds in the FOUNDER-picked Concept-1 frame
   (docs/design/AIUNI-RESEARCH-CATALOG-NAV-CONCEPTS-2026-07-20.html, PR #1195):
   the university register — Majors · Research · News — as the one persistent nav
   across the landing + the ten field pages. Injected identically by catalog-nav.js
   ("one system, no per-page copy").

   R-166 (News): the News entry is the ONE exception to links-into-Intel — it points
   to aiuni.tech/news (News is a first-class marketing surface, NOT research).
   M211/M212: every Research/brief touchpoint (Today's Brief · My Intel · Knowledge
   Map · Sources) links INTO intel.aiuni.tech. NO /research route.

   CVD-safe (FOUNDER is red/green colourblind): identity never rests on hue — the
   red Intel pip is always paired with the "Research" label + text. Self-contained
   Daylight-Aurora hexes (light default + [data-theme=dark] override) so it renders
   correctly on the dark-capable landing AND the light-only field pages.
   ═══════════════════════════════════════════════════════════════════════════ */
.cnav{position:sticky;top:0;z-index:100;font-family:'Familjen Grotesk',system-ui,-apple-system,sans-serif;
  background:rgba(240,243,248,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(20,23,29,.12)}
[data-theme="dark"] .cnav{background:rgba(18,22,30,.82);border-bottom-color:rgba(236,238,244,.12)}

.cnav-main{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:13px clamp(16px,3vw,32px)}
/* THE WORDMARK IS THE ONE RECIPE, NOT A LOCAL SERIF (revise round, independent
   Designer, 2026-07-31). This used to be `font-family:Georgia,'Times New
   Roman',serif;font-weight:700` — a second, invented wordmark sitting one bar
   away from the real one. Style guide §3 (Cinzel is the institutional register;
   "Inter/Roboto/Arial/system-default = automatic fail") + Appendix A.0 THE ONE
   RECIPE (Cinzel 800 caps · azure #86A9D6 left ghost · bronze #8B6A3A right ·
   0.042em offset · 0.58 opacity · multiply on light / screen on dark).

   The recipe is NOT re-declared here — that would fork it, and a forked recipe
   drifts. The markup now carries `class="cnav-brand aiu-brand" data-text="AIU"`,
   so the ONE definition in /styles.css (`.aiu-brand`, lines ~318-370) paints it,
   byte-identical to the wordmark on every other marketing page. All ten
   consumers of this sheet load /styles.css BEFORE it (verified: 10/10), so the
   definition is always present; that ordering is the dependency, and it is why
   this rule must never re-declare font-family/weight/colour — at equal
   specificity a declaration here would silently beat the recipe.

   What is left below is the ONLY honest local business: this bar's own fixed
   size. Appendix A.0's scale rule permits a fixed-size chrome tier because the
   recipe is em-based by design and scales with font-size. */
.cnav-brand{font-size:28px}
.cnav-reg{display:flex;gap:4px}
.cnav-item{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#39404E;
  text-decoration:none;padding:7px 12px;border-radius:9px}
.cnav-item:hover{color:#14171D;background:rgba(20,23,29,.05)}
[data-theme="dark"] .cnav-item{color:#B9BFCC}
[data-theme="dark"] .cnav-item:hover{color:#ECEEF4;background:rgba(236,238,244,.06)}
.cnav-pip{width:7px;height:7px;border-radius:50%;background:#E24B3A;flex:none}
.cnav-spacer{flex:1}
.cnav-cta{background:#E24B3A;color:#fff !important;font-weight:700;font-size:14.5px;padding:9px 17px;
  border-radius:10px;text-decoration:none;box-shadow:0 6px 18px -6px rgba(226,75,58,.5);
  transition:transform .15s ease}
.cnav-cta:hover{transform:translateY(-1px)}

/* Tier 2 — the explicit Intel-access directory (M212). The 4 Research entries enter
   Intel at its front door; Intel's own in-app nav resolves the exact section (a
   SEPARATE lane, not this build) — so they are honest pointers, never invented paths. */
.cnav-sub{display:flex;align-items:center;gap:13px;flex-wrap:wrap;max-width:1200px;margin:0 auto;
  padding:8px clamp(16px,3vw,32px);border-top:1px solid rgba(20,23,29,.06)}
[data-theme="dark"] .cnav-sub{border-top-color:rgba(236,238,244,.07)}
.cnav-sub-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:#8A6210}
[data-theme="dark"] .cnav-sub-label{color:#D8B470}
.cnav-sub-item{font-size:13px;font-weight:600;color:#39404E;text-decoration:none;padding:2px 1px;
  border-bottom:1px solid transparent}
.cnav-sub-item:hover{color:#14171D;border-bottom-color:#8A6210}
[data-theme="dark"] .cnav-sub-item{color:#B9BFCC}
[data-theme="dark"] .cnav-sub-item:hover{color:#ECEEF4;border-bottom-color:#D8B470}
.cnav-sub-sep{width:1px;height:14px;background:rgba(20,23,29,.14)}
[data-theme="dark"] .cnav-sub-sep{background:rgba(236,238,244,.16)}

/* Theme switch (light/dark) — rendered by catalog-nav.js ONLY on pages that load
   theme-boot.js (the landing; field pages are light-only today, no dead control).
   Current-mode glyph: sun in light, moon in dark — shape-distinct, CVD-safe (never
   hue-encoded). Persistence rides the shared AIUTheme store (.aiuni.tech cookie +
   localStorage), so the choice carries suite-wide and survives reload. */
.cnav-theme{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;
  border:1px solid rgba(20,23,29,.16);border-radius:999px;background:transparent;color:#39404E;cursor:pointer;padding:0}
.cnav-theme:hover{background:rgba(20,23,29,.06);color:#14171D}
.cnav-theme:focus-visible{outline:2px solid #E24B3A;outline-offset:2px}
.cnav-theme .cnav-moon{display:none}
[data-theme="dark"] .cnav-theme{border-color:rgba(236,238,244,.22);color:#B9BFCC}
[data-theme="dark"] .cnav-theme:hover{background:rgba(236,238,244,.08);color:#ECEEF4}
[data-theme="dark"] .cnav-theme .cnav-sun{display:none}
[data-theme="dark"] .cnav-theme .cnav-moon{display:block}

@media (max-width:760px){
  .cnav-main{gap:12px}
  .cnav-cta{display:none}
  .cnav-sub{gap:11px 12px}
  .cnav-brand{font-size:23px}
  .cnav-item{font-size:14px;padding:6px 9px}
}