.split-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: var(--exhibit);
  border: 1px solid var(--rule);
  border-radius: 999px;
  padding: 0.3rem 0.75rem 0.3rem 0.6rem;
  cursor: pointer;
  font-family: var(--mono);
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-soft);
  white-space: nowrap;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.split-toggle:hover {
  color: var(--ink);
  border-color: var(--ink-soft);
}

.split-toggle[aria-pressed='true'] {
  color: var(--accent);
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, var(--exhibit));
}

.split-toggle-icon {
  font-size: 0.85rem;
  line-height: 1;
}

.split-toggle-label {
  /* hide label on very small screens */
}

@media (max-width: 480px) {
  .split-toggle-label { display: none; }
  .split-toggle { padding: 0.35rem 0.55rem; }
}