/* ============================================================
   Utilities
   Single-purpose classes. Keep this file short — anything that
   grows past one job belongs in components/.
   ============================================================ */

/* Tabular figures, so numbers don't jitter as they change */
.tnum {
  font-feature-settings: 'tnum';
}

/* Measure caps for prose-width columns */
.narrow-2 {
  max-width: 640px;
}

.narrow-3 {
  max-width: 660px;
}

/* ---------- Scrollbar ---------- */

/* Sized to disappear into the ground until there's something to drag. */
.scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.scroll::-webkit-scrollbar-thumb {
  background: var(--border-2);
  border-radius: var(--r-full);
  border: 3px solid transparent;
  background-clip: padding-box;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: var(--border-3);
  background-clip: padding-box;
}

.scroll::-webkit-scrollbar-track {
  background: transparent;
}