/* Before the rest of the CSS/JS loads: force only the page matching the
     detected route to be visible, overriding the hardcoded "active" class
     on the home page in the static markup. */
  html[data-route] .page.active { display: none; }
  html[data-route="home"] #page-home,
  html[data-route="contact"] #page-contact,
  html[data-route="invitations"] #page-invitations,
  html[data-route="submit"] #page-submit,
  html[data-route="admin"] #page-admin,
  html[data-route="vision-mission-values"] #page-vision-mission-values,
  html[data-route="sitas-legacy"] #page-sitas-legacy,
  html[data-route="corporate-profile"] #page-corporate-profile,
  html[data-route="mandate"] #page-mandate,
  html[data-route="acts-legislation"] #page-acts-legislation,
  html[data-route="commitment-to-customers"] #page-commitment-to-customers,
  html[data-route="sitas-customers"] #page-sitas-customers,
  html[data-route="shareholder"] #page-shareholder,
  html[data-route="governing-body"] #page-governing-body,
  html[data-route="board-of-directors"] #page-board-of-directors,
  html[data-route="executive-committee"] #page-executive-committee,
  html[data-route="provincial-management"] #page-provincial-management {
    display: block !important;
  }