:root {
  --ink: #0c0e14;
  --white: #ffffff;
  --font-head: 'Syne', sans-serif;
  --r: 5px;
}

/* Цвет label в тёмной секции */
.sec--dark .label {
  color: #f07040;
}

/* Вводный абзац */
.std-lead {
  font-size: 15px;
  color: rgba(255, 255, 255, .55);
  max-width: 600px;
  line-height: 1.7;
  margin-bottom: 32px;
}

/* Ссылка внутри тёмной секции */
.std-link {
  color: #7aadff;
}

/* Тёмный фон секции */
.sec--dark {
  background: var(--ink);
  color: var(--white);
}

/* Белый вариант заголовка h2 */
.h2--white {
  color: #fff;
}

/* Сетка карточек стандартов */
.std-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

/* Карточка стандарта */
.std-card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: var(--r);
  padding: 16px 18px;
}

/* ID стандарта */
.std-id {
  font-family: var(--font-head);
  font-size: 13px;
  font-weight: 800;
  color: #f07040;
  margin-bottom: 4px;
}

/* Описание стандарта */
.std-name {
  font-size: 12px;
  color: rgba(255, 255, 255, .55);
  line-height: 1.5;
}

/* Адаптивность */
@media (max-width: 700px) {
  .std-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .std-grid {
    grid-template-columns: 1fr;
  }
}