/* Shared motion for the connected clinical workspace. Keep movement short and
   let system reduced-motion settings remove it altogether. */
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  box-shadow: 0 1px 0 rgba(27, 76, 105, .04);
}
.site-product {
  padding: 5px 9px;
  border: 1px solid #c4dce9;
  border-radius: 6px;
  color: #27698d;
  background: #f3f9fd;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  white-space: nowrap;
}
.site-product + .site-nav { margin-left: 0; }
.site-brand .brand-lockup { display: flex; flex-direction: column; justify-content: center; gap: 5px; line-height: 1; }
.site-brand .brand-parent { font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #4f7690; }
.site-brand .brand-product { font-size: 21px; font-weight: 700; letter-spacing: -.02em; color: #173d56; }
.site-nav a,
.site-signin,
.site-brand,
.login-links a,
.radio-controls button {
  transition: background-color 170ms ease, color 170ms ease,
    border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
}
.site-nav a[aria-current="page"] {
  background: #d4e9f5;
  color: #155d88;
  font-weight: 650;
}
.site-nav a:hover,
.site-signin:hover,
.login-links a:hover {
  background: #d8eaf5;
  color: #155d88;
}
.radio-controls button:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 14px rgba(24, 73, 104, .15);
}
.radio-controls button:not(:disabled):active {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .site-nav a,
  .site-signin,
  .site-brand,
  .login-links a,
  .radio-controls button { transition: none; }
}