/* Чуть крупнее основной текст на сайте (Obsidian это не затрагивает) */
.rendered-mdx:not(.is-plain) {
  font-size: 1.2rem;
}

.rendered-mdx p,
.rendered-mdx li {
  line-height: 1.75;
}

/* Таблицы не раздуваем сильнее текста */
.rendered-mdx table {
  font-size: 1rem;
}

/* Шрифт в боковом меню сайта */
.site-sidebar .site-tree-item-self {
  font-size: 1.05rem;
  line-height: 1.45;
}

/* Тема Monospace задаёт размер текста через --font-size-base и !important.
   Переопределяем переменную: так увеличивается и текст, и заголовки без разнобоя. */
:root {
  --font-size-base: 1rem;
}

/* Главная «Содержание» — всегда первой в боковом меню */
.site-sidebar .site-tree-container > .site-tree {
  display: flex;
  flex-direction: column;
}

.site-sidebar .site-tree-container > .site-tree > .site-tree-item:has(> .site-tree-item-self[href="/"]) {
  order: -1;
}

/* --- Раскладка: меньше пустых колонок слева и справа ---
   ВАЖНО: только на широких экранах (≥1280px). На меньших ширинах Flowershow
   сам упрощает сетку (1–2 колонки), и переопределять grid-template-columns
   там нельзя — иначе на телефоне текст зажимается в узкую полоску,
   а широкие строки (формулы, таблицы) вылезают за край экрана. */
@media (min-width: 1280px) {
  /* Шире левое меню, уже правое оглавление, меньше зазоры между колонками */
  .layout-inner.has-sidebar-and-toc {
    grid-template-columns: 20rem minmax(0, 1fr) 210px;
    column-gap: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /* Текст занимает всю среднюю колонку — пустые поля по бокам исчезают */
  .layout-inner .rendered-mdx:not(.is-plain) {
    max-width: none;
  }
}

/* --- Мобильное меню в navbar ---
   Гамбургер (3 полоски) открывает панель с пунктами из nav.links в настройках
   сайта. Сейчас ссылок нет, поэтому панель пустая — скрываем кнопку, чтобы
   она не сбивала с толку. Навигация по заметкам на телефоне — кнопка «>»
   в полоске прямо над текстом (открывает полное дерево заметок).
   Если добавишь nav.links — удали это правило. */
.site-navbar-mobile-nav-button {
  display: none;
}