/* Плотная типографика для пользовательской документации GetTask.
 * Цель — приблизить читаемость к голому Markdown: уже колонка,
 * мельче основной текст, компактнее межстрочный интервал. */

:root {
  /* Material использует эту переменную для основной колонки контента.
   * Делаем её уже — для длинных деловых абзацев это резко облегчает чтение. */
  --md-content-max-width: 46rem;
}

/* Колонка статьи — уже и центрирована. */
.md-content {
  max-width: var(--md-content-max-width);
  margin: 0 auto;
}

/* Мельче основной текст и плотнее интервал — приближаем к ощущению
 * squidfunk: текст занимает меньше места по высоте, глаз быстрее сканирует. */
.md-typeset {
  font-size: 0.72rem;
  line-height: 1.55;
}

/* Сайдбар: компактнее пункты, чуть мельче шрифт, выраженные заголовки разделов. */
.md-nav {
  font-size: 0.68rem;
}

.md-nav__title {
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.md-nav__item {
  padding: 0;
}

.md-nav__link {
  margin-top: 0.35em;
  margin-bottom: 0.35em;
}

/* Заголовки тише: меньше размер, меньше отступы сверху-снизу,
 * чтобы статья ощущалась как непрерывный текст, а не каскад баннеров. */
/* Заголовки в стиле Material/squidfunk: крупные, но ТОНКИЕ (light).
 * Именно тонкое начертание даёт «воздушный дизайнерский» вид,
 * а не жирный «офисный». */
.md-typeset h1 {
  font-size: 1.15rem;
  line-height: 1.3;
  margin: 0 0 0.9rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  font-size: 1.05rem;
  line-height: 1.35;
  margin: 1.4rem 0 0.5rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  font-weight: 400;
}

.md-typeset h3 {
  font-size: 0.9rem;
  line-height: 1.35;
  margin: 1.1rem 0 0.35rem;
  font-weight: 600;
}

/* Абзацы и списки — компактнее. */
.md-typeset p {
  margin: 0.6em 0;
}

.md-typeset ul,
.md-typeset ol {
  margin: 0.5em 0 0.6em;
}

.md-typeset li {
  margin: 0.2em 0;
}

/* Цитаты и плашки-предупреждения — уже воздуха, не отрывают взгляд. */
.md-typeset blockquote {
  margin: 0.8em 0;
  padding-left: 0.9rem;
}

.md-typeset .admonition,
.md-typeset details {
  margin: 1em 0;
}

/* В тёмной теме чёрный логотип не виден на тёмной шапке — инвертируем в белый. */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: invert(1) brightness(1.6);
}

/* Логотип в шапке — двухстрочный wordmark, поднимаем высоту для читаемости. */
.md-header__button.md-logo img {
  height: 1.9rem;
  width: auto;
}