.articles-page-head{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1.6rem}
.articles-page-head p{max-width:44rem;color:var(--muted);line-height:1.9;margin:0}
.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.article-list-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:1.15rem;background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.article-list-card:hover{transform:translateY(-3px);border-color:rgba(169,108,255,.35)}
.article-list-card .article-list-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}
.article-list-card-body{display:flex;flex-direction:column;flex:1;padding:1.15rem}
.article-list-date{display:flex;align-items:center;gap:.45rem;color:var(--primary-2);font-size:.76rem;margin-bottom:.7rem}
.article-list-card h2{font-size:1.05rem;line-height:1.7;font-weight:800;margin:0 0 .65rem}
.article-list-card p{color:var(--muted);font-size:.88rem;line-height:1.85;margin:0 0 1rem;flex:1}
.article-list-card .btn{align-self:flex-start}
.articles-empty{padding:2rem;border:1px dashed var(--line);border-radius:1rem;text-align:center;color:var(--muted)}
@media(max-width:1199.98px){.articles-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.articles-page-head{display:block}.articles-page-head h1{margin-bottom:.65rem}.article-list-card-body{padding:1rem}}