.article-list-page{gap:var(--space-2);flex-direction:column;display:flex}.article-list-page h1{margin:0}.article-filter ul,.article-cards{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.article-filter-link{min-height:var(--space-tap-min);padding-inline:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-link);font:var(--type-label);letter-spacing:var(--type-label-letter-spacing);align-items:center;text-decoration:none;display:inline-flex}.article-filter-link:hover{text-decoration:underline}.article-filter-link.is-current{background:var(--color-primary);color:var(--color-on-primary)}.article-active-tag{align-items:center;gap:var(--space-1);margin:0;display:flex}.article-active-tag-remove{min-width:var(--space-tap-min);min-height:var(--space-tap-min);color:var(--color-link);font:var(--type-page-title);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.article-list-summary p{font:var(--type-body);margin:0}.article-cards{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (min-width:600px){.article-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.article-card{border-radius:var(--radius-md);background:var(--color-surface);height:100%;box-shadow:var(--elevation-card);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 5px var(--color-focus-ring)}.article-card-figure{aspect-ratio:3/2;background:var(--color-surface-sunken);margin:0}.article-card-figure img{object-fit:cover;width:100%;height:100%;display:block}.article-card-body{align-items:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);flex-direction:column;display:flex}.article-card-title{font:var(--type-page-title);overflow-wrap:anywhere}.article-card:hover .article-card-title{color:var(--color-primary)}.article-card-meta{color:var(--color-text-secondary);font:var(--type-caption)}.article-card-excerpt{font:var(--type-body);overflow-wrap:anywhere}.article-pagination{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.article-pagination a{min-height:var(--space-tap-min);color:var(--color-link);text-underline-offset:2px;align-items:center;display:inline-flex}
