/* Blog kartları ve makale */

.article-grid { display: grid; gap: var(--space-l) var(--column-gap); }
@media (min-width: 750px) { .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 990px) { .article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.article-card { display: grid; align-content: start; gap: var(--space-s); }
.article-card__media img { transition: transform 420ms var(--ease); }
.article-card:hover .article-card__media img { transform: scale(1.03); }
.article-card__body { display: grid; gap: var(--space-2xs); justify-items: start; }
.article-card__date { margin: 0; font-size: var(--step--2); font-weight: 600; color: var(--muted); }
.article-card__title { font-size: var(--step-1); margin: 0; }
.article-card__title a { text-decoration: none; }
.article-card__title a:hover { color: var(--brand); }
.article-card__excerpt { margin: 0; font-size: var(--step--1); color: var(--muted); }

.article { padding-block: var(--space-xl) var(--space-3xl); }
.article__head { max-width: 46rem; margin: 0 auto var(--space-xl); text-align: center; }
.article__title { font-size: var(--h1); margin: var(--space-s) 0 0; }
.article__media { aspect-ratio: 16 / 9; margin-bottom: var(--space-xl); }
.article__body { margin-inline: auto; font-size: var(--step-1); line-height: 1.65; }
.article__foot { max-width: 68ch; margin: var(--space-xl) auto 0; padding-top: var(--space-l); border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: var(--space-m); flex-wrap: wrap; }
.tag-list { display: flex; gap: var(--space-xs); flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
/* Mobilde yazılar yatay kayan tek satır */
@media (max-width: 749px) {
  .blog-posts .article-grid {
    grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
    margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter);
  }
  .blog-posts .article-grid::-webkit-scrollbar { display: none; }
  .blog-posts .article-card { scroll-snap-align: start; }
}