/* Quiet, tactile navigation shared by the story rail and toolkit shelf. */
#seer-focus-carousel .carousel-controls .arrow,
#seer-intelligence .ts30-controls button {
  width:44px;
  height:44px;
  border-radius:12px;
  box-shadow:none;
  transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 120ms cubic-bezier(.23,1,.32,1);
}
#seer-focus-carousel .carousel-controls .arrow:not(:disabled),
#seer-intelligence .ts30-controls button:not(:disabled) {
  background:#f0f0eb;
  border:1px solid #d9d9d2;
  color:#292a26;
}
#seer-focus-carousel .carousel-controls .arrow:disabled,
#seer-intelligence .ts30-controls button:disabled {
  background:transparent;
  border:1px solid #e9e9e3;
  color:#c2c2ba;
  opacity:1;
}
#seer-focus-carousel .carousel-controls .arrow svg,
#seer-intelligence .ts30-controls button svg {
  width:18px;
  height:18px;
  stroke-width:1.6;
}
#seer-focus-carousel .carousel-controls .arrow:focus-visible,
#seer-intelligence .ts30-controls button:focus-visible {
  outline:2px solid #a64c29;
  outline-offset:4px;
}
@media (hover:hover) and (pointer:fine) {
  #seer-focus-carousel .carousel-controls .arrow:not(:disabled):hover,
  #seer-intelligence .ts30-controls button:not(:disabled):hover {
    background:#e9e7e0;
    border-color:#cbc6bc;
    color:#9b4323;
  }
}
#seer-focus-carousel .carousel-controls .arrow:not(:disabled):active,
#seer-intelligence .ts30-controls button:not(:disabled):active {
  background:#deddd5;
  transform:scale(.96);
}
@media (prefers-reduced-motion:reduce) {
  #seer-focus-carousel .carousel-controls .arrow,
  #seer-intelligence .ts30-controls button { transition:none; }
  #seer-focus-carousel .carousel-controls .arrow:not(:disabled):active,
  #seer-intelligence .ts30-controls button:not(:disabled):active { transform:none; }
}