/* Blog list — Priče o kosi
   Tokens, .section, .display, .blog-card, .blog__grid, .link-arrow live in styles.css */

.page-blog { background: var(--color-banner); }
.page-blog .site-header { background: #fff; }

.blog-list { padding-block: var(--space-7) var(--space-9); }

.blog-list__title {
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.blog-list__intro { margin-bottom: var(--space-7); }

.blog-list__grid {
  margin-block: 0;
  gap: var(--space-6) var(--space-5);
}

.blog-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.blog-card__link:hover .blog-card__title,
.blog-card__link:focus-visible .blog-card__title { background-size: 100% 1px; }

.blog-list__more {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-6);
}

@media (min-width: 1024px) {
  .page-blog .site-header { background: transparent; }
  .blog-list { padding-block: var(--space-9); }
  .blog-list__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: var(--space-7);
    align-items: start;
  }
  .blog-list__intro { margin-bottom: 0; }
  .blog-list__grid { gap: var(--space-7) var(--space-6); }
  .blog-list__more { width: 66.6667%; margin-left: auto; }
}