/* Editorial listing parity: src/components/ArticleList.tsx and three React archive routes */
.ref-article-page .ref-article-list{margin-top:48px}
.ref-articles-filter.filter-bar{margin:0;gap:8px;padding:0;border:0;display:flex;flex-wrap:wrap}
.ref-articles-filter.filter-bar [data-filter]{border:1px solid var(--line);border-radius:100px;padding:8px 16px;background:#fff;font-size:14px;font-weight:400;color:var(--muted);transition:color .2s,border-color .2s,background .2s}
.ref-articles-filter.filter-bar [data-filter]:hover{color:var(--primary);border-color:var(--primary)}
.ref-articles-filter.filter-bar [data-filter][aria-pressed=true]{color:white;background:var(--primary);border-color:var(--primary)}
.ref-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.ref-article-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .2s}
.ref-article-card[hidden]{display:none!important}
.ref-article-card:hover{border-color:var(--primary)}
.ref-article-card a{display:block;color:var(--ink)}
.ref-article-card .ref-article-image{height:176px;overflow:hidden}
.ref-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.ref-article-card:hover .ref-article-image img{transform:scale(1.05)}
.ref-article-copy{padding:20px}
.ref-article-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--muted)}
.ref-article-meta time{display:inline-flex;align-items:center;margin-inline-end:8px;font-weight:600}
.ref-article-meta span{border-radius:100px;padding:4px 12px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:600;display:inline-block}
.ref-article-card h2{font-size:16px;line-height:1.9;font-weight:850;margin:12px 0 0}
.ref-article-card:hover h2{color:var(--primary)}
.ref-article-card p{font-size:14px;line-height:2;color:var(--muted);margin:12px 0 0}
@media(max-width:991px){.ref-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ref-article-grid{grid-template-columns:1fr;gap:18px}}