.site-link-preview { min-width: 0; margin: 10px 0; }
.site-link-card { display: grid; grid-template-columns: 160px minmax(0,1fr); min-width: 0; overflow: hidden; border: 1px solid var(--x-border); border-radius: 12px; color: var(--x-ink); background: var(--x-panel-bg, var(--x-bg)); text-decoration: none; }
.site-link-card:hover { background: var(--x-hover); }
.site-link-card--text { grid-template-columns: minmax(0,1fr); }
.site-link-card__image { display: block; width: 100%; height: 100%; min-height: 120px; max-height: 170px; object-fit: cover; background: var(--x-line); }
.site-link-card__body { display: grid; align-content: center; gap: 5px; min-width: 0; padding: 12px 14px; }
.site-link-card__site { color: var(--x-muted); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.site-link-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px; line-height: 21px; overflow-wrap: anywhere; }
.site-link-card__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: var(--x-muted); font-size: 13px; line-height: 19px; overflow-wrap: anywhere; }
.x-user-text .site-shared-link { color: var(--accent); overflow-wrap: anywhere; }
.x-user-text .site-shared-link:hover { text-decoration: underline; }
@media(max-width:600px) {
    .site-link-card { grid-template-columns: 96px minmax(0,1fr); }
    .site-link-card--text { grid-template-columns: minmax(0,1fr); }
    .site-link-card__body { padding: 10px; }
    .site-link-card__description { -webkit-line-clamp: 2; }
}