.card{display:inline-flex;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:12px;width:var(--width);max-width:calc(100% - 24px);margin:12px;padding:12px;text-align:left;background:var(--paper);border:1px solid var(--border);border-radius:22px;box-shadow:0 1px 3px rgba(15,23,42,0.08),0 1px 2px rgba(15,23,42,0.04);text-decoration:none;color:var(--text);background-image:none;transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),border-color 280ms cubic-bezier(0.4, 0, 0.2, 1)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,23,42,0.1),0 6px 12px rgba(15,23,42,0.05);border-color:var(--accent)}.card>*{margin:0}.card .tags{margin:0}.card .card_image{flex-shrink:0;width:100%;height:calc(2 / 3 * var(--width));max-width:100%;overflow:hidden;border-radius:14px;background:var(--surface)}.card .card_image img{object-fit:cover;width:100%;height:100%;transition:transform 480ms cubic-bezier(0.4, 0, 0.2, 1)}.card:hover .card_image img{transform:scale(1.05)}.card .card_title{font-family:var(--display);font-size:clamp(1.20rem, 1.12rem + 0.36vw, 1.42rem);font-weight:700;letter-spacing:-0.02em;line-height:var(--compact);color:var(--heading);padding:0 8px}.card .card_subtitle{margin-top:0;padding:0 8px;font-style:normal;font-size:clamp(0.83rem, 0.80rem + 0.13vw, 0.89rem);color:var(--muted)}