/* Desktop inherits the already approved mobile SitePlan toggle contrast. */
.site-plan-toggle button .site-plan-toggle-content {
  color: #2c2926 !important;
}

.site-plan-toggle button.active .site-plan-toggle-content {
  color: #ffffff !important;
}

/* Mobile plans must never depend on IntersectionObserver for SVG paths.
   Render the complete geometry even if Safari leaves Motion at its initial
   opacity/pathLength. Raw-mode display:none stays authoritative. */
@media (max-width: 767px) {
  #plan svg[data-site-plan-mode="landscaped"] [data-site-plan-zone-shape] {
    opacity: 1 !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
  }

  #plan svg[data-site-plan-mode="landscaped"] [data-site-plan-zone-number] {
    opacity: 1 !important;
  }
}