.atom-slider-controls {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  padding-top: 8px;
}
.atom-slider-button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: 24px/1 Manrope, sans-serif;
  touch-action: manipulation;
  transition: background .2s, color .2s;
}
.atom-slider-button:hover {
  background: var(--ink);
  color: var(--cream);
}
.atom-slider-button:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 4px;
}
.atom-slider-count {
  font: 500 13px/1.4 'DM Mono', monospace;
  letter-spacing: .08em;
}
body[data-theme="dark"] .atom-slider-button:hover {
  background: var(--lime);
  color: var(--ink);
}
.managed-detail.change { animation: detailIn .3s ease; }
@media (max-width: 800px) {
  .atom-slider-controls { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .managed-detail.change { animation: none; }
  .atom-slider-button { transition: none; }
}