:root{--bg:#faf7f2;--bg-card:#fff;--bg-soft:#f2eee6;--bg-deep:#0e1f1e;--ink:#15201f;--ink-2:#3b4948;--ink-3:#6b7878;--ink-4:#9aa5a4;--line:#e8e2d6;--accent:#2bb3a3;--accent-strong:#1f9c8e;--accent-soft:#e6f6f4;--accent-ink:#0e3f3a;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--shadow-xs:0 1px 2px rgba(20,30,30,.04);--shadow-sm:0 2px 8px rgba(20,30,30,.05),0 1px 2px rgba(20,30,30,.04);--shadow-md:0 8px 24px rgba(20,30,30,.06),0 2px 6px rgba(20,30,30,.04);--shadow-lg:0 24px 48px rgba(20,30,30,.08),0 4px 12px rgba(20,30,30,.05);--pad-x:clamp(20px,4vw,56px);--pad-y:clamp(40px,7vw,76px);--font:"Noir Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace}.article-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.article-card:hover{border-color:color-mix(in oklab,var(--accent) 25%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-3px)}.article-card__thumb{aspect-ratio:16/10;background:var(--bg-soft);flex-shrink:0;overflow:hidden;position:relative;width:100%}.article-card__img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.article-card:hover .article-card__img{transform:scale(1.04)}.article-card__cat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:var(--r-pill);color:var(--ink-2);font-size:11px;font-weight:600;left:12px;letter-spacing:.03em;padding:4px 10px;position:absolute;top:12px}.article-card__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 12px}.article-card__title{color:var(--ink);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.35}.article-card__excerpt,.article-card__title{display:-webkit-box;-webkit-line-clamp:2;margin:0;-webkit-box-orient:vertical;overflow:hidden}.article-card__excerpt{color:var(--ink-2);font-size:13px;line-height:1.5}.article-card__footer{align-items:center;color:var(--ink-3);display:flex;justify-content:space-between;padding:10px 20px 16px}.article-card__footer svg{flex-shrink:0}.article-card__date{color:var(--ink-3);font-size:12px}