.tag-list{align-items:end;-moz-column-gap:.65rem;column-gap:.65rem;display:flex;flex-wrap:wrap;row-gap:.35rem}.tag-list .tag{align-items:center;display:flex;font-size:var(--font-size-xxs);font-weight:500;gap:.35rem}.tag-list .tag .icon{color:var(--color-green);height:.8rem;width:.8rem}.article-card{--focus-color:var(--card-color);align-items:start;background-color:var(--card-color-light);border:1px solid var(--color-card-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.article-card:has(.card-link:focus-visible){outline:2px solid var(--focus-color);outline-offset:.25rem}.article-card:has(.card-link:focus-visible) .card-link{outline:none}.article-card .card-link:after{content:"";inset:0;position:absolute;z-index:1}.article-card:hover{outline:2px solid var(--focus-color)}.article-card .card-image{aspect-ratio:3/2;border-radius:var(--radius-md) var(--radius-md) 0 0;min-height:12rem;-o-object-fit:cover;object-fit:cover;order:-1;width:100%}.article-card .card-title{font-size:var(--font-size-md);margin-bottom:.5rem}.article-card .card-content{align-content:space-between;display:grid;gap:1rem;height:100%;padding:1.25rem 1.5rem}.article-card .card-content p{font-size:var(--font-size-sm)}.article-card .card-content>.icon{background-color:var(--card-color);border-radius:var(--radius-full);color:#fff;height:1.75rem;margin-top:.5rem;width:1.75rem}.article-card .card-date{color:var(--card-color-text);display:block;font-size:.65rem;font-weight:500;margin-bottom:.5rem}.dark-mode .article-card{background-color:var(--card-color-bg)}