/* V07 — one cyan-blue family with a rotating illumination around selectable tabs. */
@property --clinical-glow-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.expertise-console .tab,
.surgery-tabs .tab {
  --clinical-glow-angle: 0deg;
  border: 1px solid transparent;
  background:
    linear-gradient(145deg, rgba(5,7,10,.96), rgba(7,20,34,.91)) padding-box,
    conic-gradient(
      from var(--clinical-glow-angle),
      rgba(0,217,255,.18) 0deg,
      rgba(0,217,255,.18) 246deg,
      rgba(18,97,229,.72) 286deg,
      #00D9FF 316deg,
      rgba(163,240,255,.95) 329deg,
      rgba(0,217,255,.18) 360deg
    ) border-box;
  box-shadow:
    0 0 9px rgba(0,217,255,.16),
    0 0 18px rgba(18,97,229,.08),
    inset 0 0 8px rgba(0,217,255,.04);
  animation: clinicalBlueOrbit 3.6s linear infinite !important;
}
.expertise-console .tab[aria-selected="true"],
.surgery-tabs .tab[aria-selected="true"] {
  background:
    linear-gradient(145deg, rgba(4,22,32,.97), rgba(7,28,50,.94)) padding-box,
    conic-gradient(
      from var(--clinical-glow-angle),
      rgba(0,217,255,.30) 0deg,
      rgba(0,217,255,.30) 225deg,
      #1261E5 278deg,
      #00D9FF 314deg,
      #D2F9FF 328deg,
      rgba(0,217,255,.30) 360deg
    ) border-box;
  box-shadow:
    0 0 14px rgba(0,217,255,.31),
    0 0 26px rgba(18,97,229,.16),
    inset 0 0 13px rgba(0,217,255,.08);
  animation-duration: 2.8s !important;
}
@keyframes clinicalBlueOrbit {
  to { --clinical-glow-angle: 360deg; }
}
.expertise-panel h3,
.expertise-panel p,
.expertise-panel .micro,
.expertise-panel .pill,
.surgery-panel h3,
.surgery-panel p,
.surgery-panel .micro {
  text-shadow:
    0 0 7px rgba(0,217,255,.24),
    0 0 16px rgba(18,97,229,.12);
}
@media (prefers-reduced-motion: reduce) {
  .expertise-console .tab,
  .surgery-tabs .tab { animation: none !important; }
}