/* Blog detay sayfalarında başlık, kapak ve içerik için ortak merkez ekseni. */
main.wrap .cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0;
}

/* İlgili yazı kartlarında görsel alanını tamamen doldur. */
main.wrap .related .media-photo {
  object-fit: cover;
  padding: 0;
}

@media (min-width: 981px) {
  main.wrap {
    width: min(1840px, calc(100% - 36px));
    margin-inline: auto;
  }

  main.wrap .crumb,
  main.wrap .article-head,
  main.wrap .cover,
  main.wrap .article-grid {
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
  }

  /* İlgili yazılar, footer kabuğuyla aynı genişlik ve yatay boşluğu kullanır. */
  main.wrap .related {
    width: 100%;
    max-width: 1840px;
    margin-inline: auto;
  }

  main.wrap .cover {
    margin-bottom: 48px;
  }
}