:where(.articles_page) ul.article-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;margin-top:clamp(32px,5vw,56px);display:grid}:where(.articles_page) ul.article-list>li{display:flex}:where(.articles_page) .article-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;transition:transform .35s var(--ease), border-color .3s, background .3s;flex-direction:column;gap:14px;padding:clamp(22px,3vw,30px);display:flex}:where(.articles_page) .article-card:hover{border-color:var(--line-strong);background:var(--surface-strong);transform:translateY(-4px)}:where(.articles_page) .article-card__meta{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}:where(.articles_page) .article-card__category{border:1px solid var(--line-strong);background:var(--surface);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-radius:999px;padding:4px 12px;font-weight:500}:where(.articles_page) .article-card__title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;color:var(--text);font-size:1.35rem;font-weight:600;line-height:1.25;transition:color .3s}:where(.articles_page) .article-card>a:hover .article-card__title{color:var(--accent)}:where(.articles_page) .article-card__excerpt{color:var(--muted);flex:1}:where(.articles_page) .article-card__footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;font-size:.9rem;display:flex}:where(.articles_page) .article-card__soon{font-style:italic}:where(.articles_page) .articles-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center;max-width:56ch;margin:clamp(32px,5vw,56px) auto 0;padding:48px 32px}:where(.articles_page) .articles-empty h3{font-family:var(--font-display), sans-serif;margin-bottom:12px;font-size:1.4rem;font-weight:600}:where(.articles_page) .articles-empty p{color:var(--muted)}