/* Legacy CSS overrides for the Next.js migration.
   1. XEIcon shim — xeicon@2.3.3 was unpublished from npm in 2022 and is
      no longer available on any CDN. Map the two glyphs we actually use
      (xi-home, dropdown chevron) to standard Unicode chars.
   2. Body opacity override — layout.css starts body at opacity 0 and relies
      on script.js's window.load handler to add __load class. In our React
      flow, script.js is injected AFTER initial load event in some browsers,
      so the listener misses the event and body stays invisible.
      All CSS is already in <head>, so FOUC prevention is unnecessary. */

body {
  opacity: 1 !important;
  transition: none !important;
}

.xi-home::before {
  content: '\2302'; /* ⌂ HOUSE — U+2302 */
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
}

.dropdown-nav-section .dropdown-wrap > a::after {
  content: '\25BE'; /* ▾ BLACK DOWN-POINTING SMALL TRIANGLE — U+25BE */
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
}
