.article-list{display:grid;gap:20px}
.article-card{display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;border-radius:18px;transition:transform .25s,box-shadow .25s}
.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #50637f1a}
.article-cover{position:relative;min-height:210px;background:linear-gradient(135deg,#dce6ee77,#eeeaf688);overflow:hidden}
.article-cover img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.8);transition:transform .5s}
.article-card:hover .article-cover img{transform:scale(1.025)}
.article-copy{padding:26px 28px;min-width:0;display:flex;flex-direction:column;align-items:start}
.article-topline{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#72849d;font-size:10px;letter-spacing:.04em;margin-bottom:13px}
.article-featured{color:#6a789c;border:1px solid #bcc9dd;padding:2px 6px;border-radius:5px;background:#f4f5ff70}
.article-copy h2{font-weight:500;font-size:21px;line-height:1.5;letter-spacing:.025em;margin:0 0 10px;overflow-wrap:anywhere}
.article-copy p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px;overflow-wrap:anywhere}
.article-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto}
.article-open{white-space:nowrap;font-size:10px;color:#647d9b}.article-open b{font-weight:400;margin-left:8px}
.article-card.without-cover{grid-template-columns:62px minmax(0,1fr)}
.article-card.without-cover .article-cover{min-height:0;display:grid;place-items:start center;padding-top:30px;background:transparent}
.article-cover svg{width:27px;height:33px;color:#8295b0;stroke-width:1.2}
.article-card.without-cover .article-copy{padding-left:0}
.article-heading .document-meta{gap:12px}.article-heading .document-meta span+span::before{content:'·';margin-right:12px;color:#a0afc1}
.article-end{display:flex;align-items:center;gap:14px;font-size:9px;color:#8c9db4;letter-spacing:.15em;margin-top:34px}.article-end::before{content:'';height:1px;width:35px;background:#bccada}
.blog-filter .search-box{width:100%}.blog-filter .filter-controls{display:block}
@media(max-width:1050px){.article-card{grid-template-columns:175px minmax(0,1fr)}.article-copy{padding:24px}.article-cover{min-height:210px}}
@media(max-width:760px){.article-card{grid-template-columns:1fr}.article-cover{height:180px;min-height:0}.article-copy{padding:24px}.article-copy h2{font-size:20px}.article-card.without-cover{grid-template-columns:48px minmax(0,1fr)}.article-card.without-cover .article-cover{height:auto;padding-top:28px}.article-cover svg{width:22px;height:28px}}
@media(max-width:560px){.article-copy{padding:21px}.article-copy h2{font-size:18px}.article-copy p{font-size:11px}.article-topline{font-size:9px}.article-bottom{gap:10px}.article-open{font-size:9px}.article-heading .document-meta{gap:8px}.article-heading .document-meta span+span::before{margin-right:8px}}
@media(prefers-reduced-motion:reduce){.article-card,.article-cover img{transition:none}.article-card:hover,.article-card:hover .article-cover img{transform:none}}