/* ==========================================================================
   Содержание статьи в две колонки.

   Виджет «Содержание» в шаблоне статей 28538 строит плоский список
   из всех h2 статьи. У длинных статей он вытягивается на полэкрана,
   поэтому от 16 пунктов раскладываем его в две колонки и чуть
   уменьшаем кегль.

   Порог задан через :has(> li:nth-child(16)) — правило включается само,
   по числу пунктов, и у коротких статей ничего не меняет.
   На 24.08.2026 под него попадают только «Самые дорогие отели Дубая»
   (28 пунктов) и «Рейтинг самых безопасных бизнес-джетов» (19).
   Следующая по длине статья — 11 пунктов, запас есть.
   ========================================================================== */

/* Кегль поменьше — на всех экранах, где пунктов много. */
.single-post .elementor-widget-table-of-contents
  .elementor-toc__list-wrapper:has(> li:nth-child(16))
  .elementor-toc__list-item-text {
  font-size: 16px;
  line-height: 22px;
}

/* Две колонки — только от планшета: на телефоне для них нет ширины. */
@media screen and (min-width: 768px) {
  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) {
    /* column-fill: balance по умолчанию — колонки выходят равной высоты */
    columns: 2;
    column-gap: 40px;
  }

  /* Пункт из двух строк не должен разрываться между колонками. */
  .single-post .elementor-widget-table-of-contents
    .elementor-toc__list-wrapper:has(> li:nth-child(16)) > li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
}