.care-navigation-rail { position: absolute; z-index: 22; pointer-events: none; }
.care-navigation-rail[hidden] { display: none; }
.care-shell-navigation {
  position: sticky;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 22;
  width: 100%;
  max-height: calc(100vh - 170px);
  display: grid;
  overflow-y: auto;
  padding: 0 28px 20px 0;
  border-right: 1px solid rgba(151, 187, 214, .22);
  background: #07111c;
  box-shadow: 0 18px 36px rgba(3, 8, 15, .2);
}

.care-shell-navigation[hidden] { display: none; }
.care-shell-navigation strong { padding: 0 0 18px; color: #8294a7; font: 800 .72rem Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.care-shell-navigation a { padding: 12px 0; border-top: 1px solid rgba(151, 187, 214, .22); color: #afbdcb; font: 650 .88rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; }
.care-shell-navigation a:last-child { border-bottom: 1px solid rgba(151, 187, 214, .22); }
.care-shell-navigation a:hover, .care-shell-navigation a:focus-visible { color: #f3c98e; }

@media (max-width: 900px) {
  .care-shell-navigation { display: none !important; }
}

/* Space glass (approved 30 Sep 2026): the Care Hub sidebar is a glass panel like the page around it. */
.care-shell-navigation { background: linear-gradient(160deg, rgba(14, 20, 40, .78), rgba(6, 10, 22, .74)); border: 1px solid rgba(255, 236, 190, .12); border-radius: 18px; padding: 18px 20px 14px; }