/* ═══ Link preview cards (lc-) — shared listings / recipes / discussions / profiles / posts
       in the feed (inc/components.php postCard) and in private messages (inc/dm.php dmRow) ═══ */
.lc{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;
  box-shadow:0 1px 2px rgba(20,40,25,.05);transition:border-color .15s,box-shadow .15s,transform .15s}
.lc:hover{color:var(--ink);border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:0 8px 24px -14px rgba(20,40,25,.35)}
.lc:focus-visible{outline:3px solid var(--lime);outline-offset:2px}

/* media: the image "contained" over a soft blurred copy of itself (logos and photos both look right) */
.lc-media{position:relative;display:grid;place-items:center;height:200px;overflow:hidden;background:color-mix(in srgb,var(--c) 10%,#fff)}
.lc-media::before{content:"";position:absolute;inset:-24px;background:var(--bg) center/cover no-repeat;filter:blur(22px) saturate(1.2);opacity:.55;transform:scale(1.1)}
.lc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(20,40,25,.12))}
.lc-media-ico,.lc-media-av{height:96px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c))}
.lc-media-ico::before,.lc-media-av::before{display:none}
.lc-media-ico i{color:#fff;font-size:34px;opacity:.95;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}
.lc-media-av .avatar{width:60px!important;height:60px!important;border-radius:50%;box-shadow:0 0 0 3px #fff;font-size:24px!important}

.lc-body{display:flex;flex-direction:column;gap:3px;padding:12px 16px 14px;min-width:0}
.lc-kind{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.lc-kind i{margin-right:2px}
.lc-ok{color:#2563EB;font-size:11px;margin-left:2px}
.lc-title{font:700 18px/1.25 var(--display);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-meta{font-size:13px;color:var(--muted)}
.lc-desc{font-size:14px;line-height:1.45;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.lc-cta{align-self:flex-start;margin-top:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);font-size:13px;font-weight:700}
.lc-cta i{font-size:11px;margin-left:2px;transition:transform .15s}
.lc:hover .lc-cta i{transform:translateX(2px)}

/* feed */
.post-card{margin:12px 16px 4px}   /* same side margins as .post-body */
.gr-qcard .post-card{margin:12px 0 4px}
@media (max-width:560px){ .lc-media{height:170px} .lc-title{font-size:16.5px} }

/* messages */
.lc-sm{width:280px;max-width:100%;border-radius:14px}
.lc-sm .lc-media{height:130px}
.lc-sm .lc-media-ico,.lc-sm .lc-media-av{height:72px}
.lc-sm .lc-media-ico i{font-size:26px}
.lc-sm .lc-media-av .avatar{width:48px!important;height:48px!important}
.lc-sm .lc-body{padding:10px 12px 12px}
.lc-sm .lc-title{font-size:15.5px}
.lc-sm .lc-desc{font-size:13px}
.lc-sm .lc-cta{padding:5px 10px;font-size:12.5px}
.dm-card{margin-top:4px;max-width:100%}
.dm-row.dm-me .dm-card{align-self:flex-end}
.dm-text-link{opacity:.85;font-size:13.5px}