.article-list{gap:var(--space-8);max-width:var(--measure-steps);margin:0;padding:0;list-style:none;display:grid}.article-card{gap:var(--space-6);padding-block:var(--space-20);border-bottom:var(--border-thin) solid var(--color-line);display:grid}.article-card__title{font-size:var(--text-h4);font-weight:700;line-height:1.3}.article-card__title a{text-decoration:none}.article-card__title a:hover{text-decoration:underline}.byline{font-family:var(--font-heading);font-size:var(--text-caption);color:var(--color-muted);font-weight:600}.page-title--article{font-size:var(--text-h2)}.filter{gap:var(--space-8);flex-wrap:wrap;display:flex}.filter__option{min-height:44px;padding:var(--space-8) var(--space-16);border:var(--border-thin) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-heading);font-size:var(--text-ui);cursor:pointer;font-weight:600}.filter__option[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-dark)}.call-to-action{padding:var(--space-24);border-radius:var(--radius-panel);background:var(--color-paper)}@media (width<=860px){.page-title--article{font-size:var(--text-h2-small)}}