/* Кастомные стили презентации */

.reveal .subtitle {
  color: #9ad;
  font-size: 0.7em;
}

/* Вводный абзац на слайдах */
.reveal .lead {
  color: #cfe6ff;
  font-size: 0.95em;
}

/* Финальный посыл на слайде «Итог» */
.reveal .takeaway {
  margin-top: 0.6em;
  color: #ffd24a;
  font-style: italic;
}

/* Списки с акцентами */
.reveal section[data-id="advantages"] li,
.reveal section[data-id="summary"] li,
.reveal section[data-id="what"] li {
  margin: 0.25em 0;
}

.reveal li strong {
  color: #dff0ff;
}

/* Код в текстовых слайдах */
.reveal section li code,
.reveal section p code {
  color: #ffd24a;
}

/* Ключевой слайд: выравниваем по верху, чтобы высокая таблица не обрезалась */
.reveal section[data-id="compare"] {
  height: 100%;
}

/* Доступность: подпись только для скринридеров */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Таблица сравнения Claude Code vs Codex */
.reveal table.compare {
  width: 100%;
  font-size: 0.66em;
  border-collapse: collapse;
}

.reveal table.compare th,
.reveal table.compare td {
  border: 1px solid #444;
  padding: 0.4em 0.6em;
  text-align: left;
  vertical-align: top;
}

.reveal table.compare thead th {
  background: #1b2a3a;
}

/* Колонка Claude Code — акцент */
.reveal table.compare th:nth-child(2),
.reveal table.compare td:nth-child(2) {
  background: rgba(110, 170, 255, 0.12);
}

/* Усиленный акцент на ячейках-преимуществах */
.reveal table.compare td.adv {
  color: #dff0ff;
  font-weight: 500;
}

/* Бейдж-звезда в заголовке колонки Claude Code */
.reveal table.compare .badge {
  color: #ffd24a;
  margin-left: 0.2em;
}

/* «vs» в заголовке слайда */
.reveal .vs {
  color: #ffd24a;
  font-style: italic;
  font-size: 0.7em;
}

/* Подпись под таблицей */
.reveal .caption {
  margin-top: 0.6em;
  font-size: 0.5em;
  color: #9ad;
}

/* Код внутри таблицы */
.reveal table.compare code {
  font-size: 0.95em;
  color: #ffd24a;
}