:root {
  /* A — Default: D's style/background + A's highlight (blue) + A's hero sizing */
  --bg: #020617;
  --bg-alt: #111827;
  --bg-section-light: #f9fafb;
  --text: #f9fafb;
  --muted: #9ca3af;
  --primary: #2563eb;
  --primary-soft: #1d4ed8;
  --border-subtle: #111827;
}

/* Make pill text white on body card */
.injury-figure-markers .injury-btn {
  color: #ffffff !important;
}

/* Style A: Much taller hero section (desktop) */
.hero {
  position: relative;
  z-index: 1;
  padding: 140px 0 160px !important;
  min-height: 80vh;
  display: flex;
  align-items: center;
  background: rgba(2, 6, 23, 0.85) !important;
}

@media (max-width: 900px) {
  .hero {
    padding: 64px 0 40px !important;
    min-height: calc(100vh - var(--header-height));
  }
}

@media (max-width: 600px) {
  .hero {
    padding: 48px 0 32px !important;
    min-height: calc(100vh - var(--header-height));
  }
}

/* D-style: Subtle 146REHAB pattern with parallax (A's blue highlight) */
body {
  position: relative;
  overflow-x: hidden;
  background: var(--bg) !important;
}

body.site-unlocked::after {
  content: "146REHAB";
  position: fixed;
  top: 5%;
  left: 3%;
  font-family: var(--font-heading);
  font-size: 12rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: rgba(37, 99, 235, 0.20);
  white-space: nowrap;
  transform: rotate(-20deg);
  transform-origin: top left;
  pointer-events: none;
  z-index: 0;
  will-change: transform;
  background: transparent;
  user-select: none;
  display: block !important;
  opacity: 1 !important;
}

body.style-d-parallax::after {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#site-content {
  position: relative;
  z-index: 1;
  background: transparent;
}

.about {
  position: relative;
  z-index: 1;
  background: rgba(2, 6, 23, 0.85) !important;
}

.services {
  position: relative;
  z-index: 1;
  background: rgba(17, 24, 39, 0.85) !important;
}

.testimonials {
  position: relative;
  z-index: 1;
  background: rgba(2, 6, 23, 0.85) !important;
}

.contact {
  position: relative;
  z-index: 1;
  background: rgba(17, 24, 39, 0.85) !important;
}

.accreditation {
  position: relative;
  z-index: 1;
  background: rgba(2, 6, 23, 0.85) !important;
}

.site-footer {
  position: relative;
  z-index: 1;
  background: rgba(2, 6, 23, 0.9) !important;
}

@media (max-width: 900px) {
  body::after {
    font-size: 8rem;
    top: 4%;
    left: 2%;
  }
}

@media (max-width: 600px) {
  body::after {
    font-size: 5rem;
    top: 3%;
    left: 2%;
  }
}