/* Увеличение логотипа */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 80px;   /* Нужная ширина */
  height: auto;   /* Сохраняет пропорции */
}

/* Для мобильных устройств (опционально) */
@media screen and (max-width: 760px) {
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    width: 40px;  /* Меньший размер для мобилок */
  }
}
.md-header__button.md-logo {
  padding: 0;  /* Убирает внутренние отступы */
}

/* Обтекание справа */
.img-float-right {
  float: right;
  margin: 0 0 15px 25px; /* Отступы: верх право низ лево */
  max-width: 35%; /* Чтобы изображение не занимало всю ширину */
  width: 50%;
}

/* Обтекание слева */
.img-float-left {
  float: left;
  margin: 0 25px 15px 0;
  max-width: 55%;
  width: 55%;
}

/* Отмена обтекания для мобильных устройств */
@media (max-width: 760px) {
  .img-float-right,
  .img-float-left {
    float: none;
    margin: 20px auto;
    max-width: 100%;
  }
}

/* Центрирование */
.img-center {
  display: block;
  margin: 0 auto;
}

.grid.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

/* Широкие мониторы: 4-5 колонок */
@media (min-width: 2000px) {
    .grid.cards {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 2500px) {
    .grid.cards {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Скрываем правую панель с оглавлением (TOC) */
.md-sidebar--secondary {
  display: none;
}

/* Заставляем основной контент занять всю освободившуюся ширину */
.md-content {
  width: 100%;
  max-width: none;
}

/* (Опционально) убираем лишние отступы у внутреннего контента, чтобы он не прилипал к краю слишком сильно */
.md-content__inner {
  margin-left: 15;
  margin-right: 15;
}

/* Заставляет кнопку "Наверх" быть видимой всегда */
.md-top {
  opacity: 1 !important;
  pointer-events: auto !important;
  color: #000000 !important;
}

@media (max-width: 768px) {
    .md-top {
        display: none !important;
    }
}

/* Стили для вашей кнопки открытия меню */
#open-nav-btn {
    background-color: transparent !important;  /* Прозрачный фон */
    border-radius: 32px !important;           /* Сильно скруглённые края (можно 16px, 24px) */
    border: 1px solid rgba(0,0,0,0.12) !important; /* Лёгкая рамка для видимости (опционально) */
    box-shadow: none !important;               /* Убираем тень, которая есть у стандартных кнопок */
    color: #000000 !important;  /* Чёрный текст */
    transition: all 0.2s ease !important;
    padding: 6px 16px
}

/* Опционально: стиль при наведении (например, полупрозрачный фон) */
#open-nav-btn:hover {
    background-color: rgba(0,0,0,0.04) !important;
}

/* Скрываем кнопку на экранах шире планшетов (десктоп) */
@media (min-width: 1280px) {
    #open-nav-btn {
        display: none !important;
    }
}