/* ==========================================================================
   RUSOV ACADEMY — DESIGN SYSTEM 2.0 / UTILITIES
   ========================================================================== */

.ds-visually-hidden {
  position: absolute; width: 1px; height: 1px;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  overflow: hidden; white-space: nowrap;
}

.ds-text-accent { color: var(--accent-bright); }
.ds-text-gold   { color: var(--accent-gold); }
.ds-text-muted  { color: var(--text-muted); }
.ds-text-dim    { color: var(--text-dim); }
.ds-text-center { text-align: center; }

.ds-mt-8  { margin-top: 8px; }
.ds-mt-16 { margin-top: 16px; }
.ds-mt-24 { margin-top: 24px; }
.ds-mt-32 { margin-top: 32px; }
.ds-mb-8  { margin-bottom: 8px; }
.ds-mb-16 { margin-bottom: 16px; }
.ds-mb-24 { margin-bottom: 24px; }

.ds-flex-1 { flex: 1; }

/* Спейсер перед sticky CTA, чтобы контент не прятался */
.ds-sticky-spacer { height: 96px; }