/* One-shot interaction feedback, scoped to the approved sidebar only. */
.sidebar.mcq-refined #site-nav a{
  position:relative;isolation:isolate;transform-origin:left center;
  transition:transform 200ms cubic-bezier(.2,.7,.2,1),color 180ms ease;
  -webkit-tap-highlight-color:transparent
}
.sidebar.mcq-refined #site-nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;
  background:#ff7a00;pointer-events:none;
  transform:scaleX(0);transform-origin:left center;
  transition:transform 280ms cubic-bezier(.2,.7,.2,1)
}
.sidebar.mcq-refined #site-nav a::before{
  content:"";position:absolute;inset:2px -8px;z-index:-1;
  background:#ff7a00;opacity:0;pointer-events:none
}
.sidebar.mcq-refined #site-nav a[aria-current="page"]::after,
.sidebar.mcq-refined #site-nav a:focus-visible::after{transform:scaleX(1)}
.sidebar.mcq-refined #site-nav a:focus-visible{transform:translateX(3px) scale(1.035);color:#ff8a23}
@media(hover:hover) and (pointer:fine){
  .sidebar.mcq-refined #site-nav a:hover{transform:translateX(3px) scale(1.045);color:#ff8a23}
  .sidebar.mcq-refined #site-nav a:hover::after{transform:scaleX(1)}
}
.sidebar.mcq-refined #site-nav a:active{transform:translateX(2px) scale(.99)}
.sidebar.mcq-refined #site-nav a:active::before{opacity:.12}
.sidebar.mcq-refined #site-nav a.mcq-nav-clicked::before{animation:mcqMenuTap 420ms ease-out both}
@keyframes mcqMenuTap{0%{opacity:.16}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .sidebar.mcq-refined #site-nav a{transition:none!important;transform:none!important}
  .sidebar.mcq-refined #site-nav a::after{transition:none!important}
  .sidebar.mcq-refined #site-nav a.mcq-nav-clicked::before{animation:none!important}
}