/* CasinoOpsAI route-scoped page-family design. Internal.
   Loaded only for the matching visual family; the protected homepage loads none. */
body[data-page-family='employer'] {
  --family-accent: #183c5a;
  --family-accent-dark: #0a2236;
  --family-accent-soft: #e9eff4;
  --family-border: #9eafbd;
  --family-surface: #f2f5f7;
  --family-radius: 7px;
  --family-shadow: 0 9px 22px rgba(10, 34, 54, 0.1);
}

/* Employer pages: executive dossier rather than marketing-card repetition. */
body[data-page-family='employer'] {
  background: #eef2f5;
}

body[data-page-family='employer'] :is(.hero, .page-header, .about-hero) {
  background:
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(135deg, #061421 0%, #102f47 67%, #183c5a 100%) !important;
  border-bottom: 5px solid #aab8c4;
}

body[data-page-family='employer'] :is(.card, .mini-card, .info-card, .experience-card, .employer-path__resource, .employer-path__choice, .employer-path__timeline article, .employer-path__checklist div) {
  border-radius: 7px !important;
  box-shadow: var(--family-shadow) !important;
  border-color: var(--family-border) !important;
}

body[data-page-family='employer'] .card::before {
  width: 100%;
  height: 4px;
  background: var(--family-accent) !important;
}

body[data-page-family='employer'] .section--alt {
  background: #e6ebef;
  border-color: #c3cdd5;
}

body[data-page-family='employer'] .section-label {
  color: #345c79;
}

body[data-page-family='employer'] .section--dark .section-label,
body[data-page-family='employer'] .hero .section-label,
body[data-page-family='employer'] .page-header .section-label {
  color: #e9d39b !important;
}