.sc-prev,
.sc-next {
  background: #111827;
  /* very dark slate */
  color: #1d4ed8;
  /* accent blue */
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  /* disable hover visual changes */
  transition: none !important;
}

/* Remove hover effects completely (no color/transform changes) */
.sc-prev:hover,
.sc-next:hover {
  background: #111827 !important;
  color: #1d4ed8 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  transform: none !important;
}

.sc-prev svg,
.sc-next svg {
  fill: currentColor;
}

.sc-prev:focus,
.sc-next:focus {
  outline: 3px solid rgba(59, 130, 246, 0.6);
  outline-offset: 2px;
}

/* Marker for today - handled in style.css */