/* Articles index composition. Hero, background and buttons remain shared.
   Card surface/radius/border match the approved vendor detail section cards. */
.articles-index .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.articles-index .article-card{margin:0;padding:26px;min-height:0;border-radius:24px;background:linear-gradient(135deg,rgba(76,60,99,.30),rgba(36,47,67,.52));border:1px solid rgba(255,255,255,.09);box-shadow:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.articles-index .article-card::before{display:none}
.articles-index .article-image{width:100%;max-width:100%;height:auto;margin:0;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.articles-index .article-meta{margin-top:22px;color:#7dd3fc;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.12em}
.articles-index .article-title{margin-top:10px;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.025em}
.articles-index .article-title a:hover{color:#7dd3fc}
.articles-index .article-title a:focus-visible{outline:2px solid #7dd3fc;outline-offset:4px;border-radius:4px}
.articles-index .article-summary{margin-top:14px;color:#94a3b8;font-size:15px;line-height:1.65}
.articles-index .article-action{padding-top:24px;margin-top:auto}
.articles-index .article-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:32px;align-content:center}
.articles-index .article-card:first-child .article-image{grid-column:1;grid-row:1/5;height:100%;min-height:300px}
.articles-index .article-card:first-child :is(.article-meta,.article-title,.article-summary,.article-action){grid-column:2}
.articles-index .article-card:first-child .article-meta{margin-top:0}
@media(max-width:760px){
 .articles-index .article-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .articles-index .article-card{padding:22px}
 .articles-index .article-card:first-child{display:flex}
 .articles-index .article-card:first-child .article-image{height:auto;min-height:0}
 .articles-index .article-card:first-child .article-meta{margin-top:22px}
 .articles-index .article-action .site-button{width:100%;justify-content:center}
}