/* X (Twitter) large card: image with the title in a pill over it. */
.xcard { position: relative; max-width: 506px; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: var(--surface-2); }
.xcard__img { display: block; width: 100%; aspect-ratio: 1.91 / 1; object-fit: cover; }
.xcard__img--empty { display: grid; place-items: center; color: var(--text-3); font-size: 0.85rem; }
.xcard__pill { position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 0 6px; border-radius: 4px; background: rgb(0 0 0 / 0.77); color: #fff; font-size: 13px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xcard__from { margin: 4px 0 0; font-size: 13px; color: var(--text-2); }
.xcard--small { max-width: 506px; border-radius: 16px; }