/* Шире область чтения на планшете/десктопе; мобильная вёрстка не трогаем */

:root {
  --md-grid-max-width: 78rem;
}

/* Логотип с прозрачным PNG — без белой подложки в шапке */
.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  background: transparent;
}

@media screen and (min-width: 76.25em) {
  .md-main__inner.md-grid {
    max-width: var(--md-grid-max-width);
  }

  /* Пост рецепта: текст шире, без перекрытия сайдбара (width:100% ломал клики в мета) */
  .md-content--post > .md-sidebar--post {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
  }

  .md-content--post > .md-content__inner {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    width: auto;
    position: relative;
    z-index: 1;
  }

  .md-content--post .md-typeset {
    max-width: 52rem;
    margin-inline: 0;
  }

  /* Ленты блога, категории, sources */
  .md-content:not(.md-content--post) .md-content__inner > .md-typeset {
    max-width: 50rem;
  }
}

@media screen and (max-width: 76.1875em) {
  .md-content--post .md-typeset,
  .md-content:not(.md-content--post) .md-content__inner > .md-typeset {
    max-width: 100%;
  }
}

/* Портретные фото/видео (сторис) — не на весь экран, текст виден без долгого скролла */
.md-content--post .md-typeset p > img,
.md-post .md-typeset p > img,
.md-content--post .md-typeset video,
.md-post .md-typeset video {
  max-height: min(70vh, 720px);
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* inline width:100% в <video> перебивает width:auto — снимаем для всех постов */
.md-content--post .md-typeset video,
.md-post .md-typeset video {
  width: auto !important;
}