.article-card{border:.5px solid var(--color-zinc-800);border-radius:.5rem;background:var(--color-zinc-900);overflow:hidden;transition:border-color .15s ease,background-color .15s ease}@media(prefers-reduced-motion:reduce){.article-card{transition:none!important}}.article-card:hover{border-color:var(--color-zinc-700)}.article-card:hover .article-card-title{color:var(--color-sky-400)}.article-card-link{display:block;text-decoration:none}.article-card-link:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px;border-radius:.5rem}.article-card-image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-zinc-800)}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card-image-fallback{background:linear-gradient(135deg,var(--color-zinc-900),var(--color-zinc-800));display:flex;align-items:center;justify-content:center}.article-card-image-placeholder{color:var(--color-zinc-600)}.article-card-body{padding:1rem}.article-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.article-card-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-sky-400);background:var(--color-zinc-800);padding:.15rem .5rem;border-radius:.25rem}.article-card-reading-time{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;color:var(--color-zinc-500)}.article-card-title{font-size:1.125rem;font-weight:600;color:var(--color-zinc-50);margin:0 0 .375rem;line-height:1.3;transition:color .15s ease}.article-card-description{font-size:.875rem;color:var(--color-zinc-400);margin:0 0 .5rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-date{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;color:var(--color-zinc-500)}