.article-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-list-item{max-width:var(--measure-wide);background:var(--ground-sunk);border:1px solid var(--rule-strong);padding:var(--space-5);clip-path:var(--pixel-clip);transition:background var(--transition-fast), border-color var(--transition-fast);margin:0}.article-list-item:hover{background:var(--ground-raised);border-color:var(--cyan)}.has-thumb article{gap:var(--space-4);align-items:start;display:grid}@media (width>=40rem){.has-thumb article{grid-template-columns:12rem 1fr}}.article-thumb{border:1px solid var(--rule-strong);background:var(--ground);clip-path:var(--pixel-clip);line-height:0;display:block}.article-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.article-list-item:hover .article-thumb{border-color:var(--cyan)}.article-list-text{min-width:0}.article-list-title{font-size:var(--pixel-1);line-height:var(--leading-pixel);margin-bottom:var(--space-4)}.article-list-title a{color:var(--ink);text-decoration-color:#0000}.article-list-item:hover .article-list-title a{color:var(--cyan)}.article-list-meta{gap:var(--space-2);margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink-dim);flex-wrap:wrap;display:flex}.article-list-meta time{color:var(--gold)}.article-list-meta span[aria-hidden]{color:var(--rule-strong)}.article-list-summary{color:var(--ink-dim);line-height:var(--leading-snug);max-width:var(--measure);margin:0}