/* lp-solo 래퍼 안에서는 우리 카드만 표시 (겹침 방지) */
.lp-solo > *:not(.lp-center){ display:none !important; }
.lp-solo > p:not(:has(.lp-center)){ display:none !important; }
.lp-solo > p:has(.lp-center){ display:contents !important; }

/* 혹시 기본 카드가 밖에 생겨도 숨김 */
.linkpreview, .link-preview, .linkpreview-card, .linkpreview__card,
.ogp-card, .web-card, .url-card { display:none !important; }

/* 가운데 정렬 */
.lp-center{ width:100%; display:flex; justify-content:center; }

/* 유동 카드(원하면 기존 고정 버전 유지 가능) */
.lp-card{
  display:flex; align-items:stretch; gap:12px;
  width:100%; max-width:min(920px,100%);
  margin:16px 0; padding:14px;
  border:1px solid #e6e8eb; border-radius:12px;
  background:#fff; color:inherit; text-decoration:none;
  overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.lp-card:hover{ box-shadow:0 6px 16px rgba(0,0,0,.09); }

/* 썸네일: 배경이미지로 표시 → 중첩 <a> 문제 원천 차단 */
.lp-thumb{
  flex:0 0 clamp(120px, 28vw, 220px);  /* 유동 폭 */
  min-width:120px; max-width:220px;
  aspect-ratio:4/3;                    /* 높이는 비율로 자동 */
  border-radius:8px; background:#f2f3f5;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* 텍스트 */
.lp-meta{ min-width:0; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.lp-title{
  font-weight:800; font-size:clamp(15px,1.6vw,18px); line-height:1.35; margin:0;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.lp-desc{
  font-size:clamp(13px,1.3vw,14px); color:#6b7280; line-height:1.4; margin:0;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.lp-domain{ font-size:12px; color:#9ca3af; }

/* 모바일 */
@media (max-width:560px){
  .lp-card{ flex-direction:column; }
  .lp-thumb{ flex:0 0 auto; width:100%; max-width:none; aspect-ratio:16/9; }
}