/* Post-build accessibility repair — zenithbci.co.in (Next.js static export)
   Loaded after the page's own chunks. Fixes measured WCAG 2.1 AA failures. */

/* 1. Body copy and stat labels: #aaa99c on white measures 2.36:1 and #d8d4c5 is 1.48:1.
      Both read as "quiet sand" in the brand palette; the darker warm greys below keep that
      character while clearing 4.5:1. */
p.text-center.text-\[\#aaa99c\],
.text-\[\#aaa99c\] {
  color: #6b6a60 !important;
}
li.font-display.text-mist-300,
.text-mist-300 {
  color: #75736a !important;
}

/* 2. Off-canvas mobile panel: it is hidden with aria-hidden="true" but still holds
      focusable elements, which traps screen-reader and keyboard users.
      pointer-events:none does not remove them from the tab order; visibility does. */
div[aria-hidden="true"].fixed.inset-0 {
  visibility: hidden !important;
}
div[aria-hidden="true"].fixed.inset-0:focus-within,
div[aria-hidden="true"].fixed.inset-0.is-open {
  visibility: visible !important;
}
/* The panel becomes visible again when the app toggles aria-hidden off. */
div.fixed.inset-0.z-40.overflow-hidden:not([aria-hidden="true"]) {
  visibility: visible !important;
}

/* 3. Eyebrow line above the section: text-mist-400 (#aaa99c) on white measures 2.36:1. */
.text-mist-400,
p.text-center.text-mist-400 {
  color: #6b6a60 !important;
}