.meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.meta .who{color:var(--ink-2);font-weight:600}.meta .sep{opacity:.5}.media-fallback{background:linear-gradient(135deg, var(--surface-2), color-mix(in oklch, var(--accent) 12%, var(--surface-2)));width:100%;height:100%}.feed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 26px;display:grid}@media (max-width:620px){.feed{grid-template-columns:1fr}}article.card{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:var(--r-m);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong);transform:translateY(-2px)}.card-body{padding:var(--space-4) var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.card .media{aspect-ratio:16/10;background:var(--surface-2);min-width:0;overflow:hidden}.card .media img{object-fit:cover;width:100%;height:100%}.card h3{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;margin:10px 0 8px;font-size:1.14rem;font-weight:700;line-height:1.18}.card h3 a{background-image:linear-gradient(var(--accent), var(--accent));transition:background-size var(--dur) var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;padding-bottom:1px}.card:hover h3 a{background-size:100% 1.5px}.card p{color:var(--muted);margin:0 0 12px;font-size:.92rem;line-height:1.5}.card .meta{margin-top:auto}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}
