/* MeetSpan A11y (centralized) */
.ms-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.ms-skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;overflow:visible;z-index:9999;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff;color:#111827;box-shadow:0 12px 28px rgba(0,0,0,.28);}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto !important;}
}

/* Footer color normalization (match Sydney) */
footer.text-gray-400{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 */
}
/* Ensure any footer elements using text-gray-400 are not overly faint */
footer .text-gray-400{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 */
}

/* Define missing Tailwind utility (some builds may omit it due to purge) */
.text-gray-200{
  color: rgba(229, 231, 235, 1); /* gray-200 */
}

/* Footer contrast boost (fix "transparent" look on mobile) */
footer.bg-gray-900{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 base */
}
footer.bg-gray-900 .text-gray-400{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 */
}
footer.bg-gray-900 .text-gray-200,
footer.bg-gray-900 a.text-gray-200{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 */
}
footer.bg-gray-900 a.text-gray-200:hover{
  color: rgba(255, 255, 255, 1) !important;
}

/* Footer small-print hierarchy: keep smallprint readable (no transparency) */
footer.bg-gray-900 p.text-gray-400,
footer.bg-slate-900 p.text-gray-400,
footer.text-gray-400 p.text-gray-400{
  color: rgba(229, 231, 235, 1) !important; /* gray-200 */
}

/* Footer mobile safe-area padding (avoid install bar / overlay) */
@media (max-width: 640px){
  footer.bg-gray-900{ padding-bottom: calc(2.5rem + env(safe-area-inset-bottom, 0px)) !important; }
}