/* Compact catalogue; article reading styles remain scoped separately. */
.blog-index .article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.blog-index .article-card__media{aspect-ratio:3/2;height:auto!important}
.blog-index .article-card__body{padding:18px 18px 16px}
.blog-index .article-card h2{font-size:19px;line-height:1.3;margin:0 0 12px}
.blog-index .article-card__tag{font-size:10px;line-height:1.5;letter-spacing:.06em;margin-bottom:10px}
.blog-index .article-card__body>p:not(.article-card__tag){font-size:14px;line-height:1.6;margin-bottom:12px}
.blog-index .article-card__link{font-size:13px;margin-top:0;min-height:36px;align-items:center}
@media(max-width:1099px){.blog-index .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-index .article-card h2{font-size:21px}.blog-index .article-card__body>p:not(.article-card__tag){font-size:15px}}
@media(max-width:600px){.blog-index .article-grid{grid-template-columns:1fr;gap:20px}.blog-index .article-card__body{padding:20px}.blog-index .article-card h2{font-size:21px}.blog-index .article-card__link{min-height:44px;font-size:14px}}

/* Two columns on phones, with fluid typography and spacing. */
@media(max-width:600px){
 .blog-index>.container{padding-inline:12px}
 .blog-index .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(10px,3vw,16px)!important}
 .blog-index .article-card__media{aspect-ratio:4/3}
 .blog-index .article-card__body{padding:clamp(10px,3vw,16px)!important}
 .blog-index .article-card h2{font-size:clamp(14px,3.6vw,19px)!important;line-height:1.3!important;margin-bottom:10px;overflow-wrap:anywhere}
 .blog-index .article-card__tag{font-size:clamp(8px,2.15vw,11px);line-height:1.45;letter-spacing:.025em;margin-bottom:8px}
 .blog-index .article-card__body>p:not(.article-card__tag){font-size:clamp(12px,3vw,15px);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:8px}
 .blog-index .article-card__link{font-size:clamp(11px,2.9vw,14px);line-height:1.4;min-height:44px;margin-top:auto}
 .blog-index .article-card{border-radius:12px}
}

.blog-index .article-card__date{margin:0 0 10px;font-size:11px;line-height:1.5;color:#617780}
@media(max-width:600px){.blog-index .article-card__date{font-size:10px;margin-bottom:8px}}