
/* V05 — explicit intraoperative pathway and interactive clinical displays. */
.expertise-console .tablist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.expertise-console .tab,
.surgery-tabs .tab {
  position: relative;
  white-space: normal;
  min-height: 52px;
  line-height: 1.15;
  border-color: rgba(0, 217, 255, .34);
  box-shadow:
    0 0 8px rgba(0, 217, 255, .13),
    0 0 15px rgba(18, 97, 229, .06),
    inset 0 0 7px rgba(0, 217, 255, .035);
  animation: clinicalOptionGlow 2.8s ease-in-out infinite;
}
.expertise-console .tab:nth-child(2),
.surgery-tabs .tab:nth-child(2) { animation-delay: -.7s; }
.expertise-console .tab:nth-child(3),
.surgery-tabs .tab:nth-child(3) { animation-delay: -1.4s; }
.expertise-console .tab:nth-child(4) { animation-delay: -2.1s; }
.expertise-console .tab[aria-selected="true"],
.surgery-tabs .tab[aria-selected="true"] {
  color: #fff;
  border-color: rgba(0, 217, 255, .82);
  background: linear-gradient(135deg, rgba(0,217,255,.13), rgba(18,97,229,.12));
  box-shadow:
    0 0 13px rgba(0, 217, 255, .31),
    0 0 26px rgba(18, 97, 229, .15),
    inset 0 -2px #00D9FF,
    inset 0 0 12px rgba(0, 217, 255, .08);
  animation-name: clinicalSelectedGlow;
}
@keyframes clinicalOptionGlow {
  0%, 100% {
    border-color: rgba(0, 217, 255, .34);
    box-shadow: 0 0 8px rgba(0,217,255,.13), 0 0 15px rgba(18,97,229,.06), inset 0 0 7px rgba(0,217,255,.035);
  }
  50% {
    border-color: rgba(18, 97, 229, .52);
    box-shadow: 0 0 13px rgba(0,217,255,.22), 0 0 24px rgba(18,97,229,.12), inset 0 0 10px rgba(18,97,229,.055);
  }
}
@keyframes clinicalSelectedGlow {
  0%, 100% {
    box-shadow: 0 0 13px rgba(0,217,255,.31), 0 0 26px rgba(18,97,229,.15), inset 0 -2px #00D9FF, inset 0 0 12px rgba(0,217,255,.08);
  }
  50% {
    box-shadow: 0 0 19px rgba(0,217,255,.43), 0 0 34px rgba(18,97,229,.21), inset 0 -2px #00D9FF, inset 0 0 16px rgba(0,217,255,.12);
  }
}
/* Clinical displays remain clean; both retain the restrained text overglow below. */
.expertise-panel { position: relative; overflow: visible; }
.expertise-panel::before,
.expertise-panel::after { content: none; }
/* Both displays retain a restrained text overglow. */
.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, .11);
}
.surgery-panel { overflow: visible; }
.surgery-panel::before,
.surgery-panel::after { content: none; }
@media (max-width: 600px) {
  .expertise-console .tablist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .expertise-console .tab { min-height: 48px; font-size: .79rem; }
}
@media (prefers-reduced-motion: reduce) {
  .expertise-console .tab,
  .surgery-tabs .tab { animation: none; }
}
