.link-previews {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 4px;
}
.link-preview {
  display: flex;
  margin: 6px 0;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  border: 1px solid #dcd9d0;
  border-radius: 10px;
  background: #f7f6f2;
  color: #1d1d1b;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.link-previews .link-preview {
  margin: 0;
}
.link-preview:hover {
  border-color: #b9b5aa;
  background: #f1efe9;
}
.link-preview-image {
  flex: 0 0 168px;
  background: #e4e2db;
}
.link-preview-image IMG {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 88px;
  max-height: 132px;
  object-fit: cover;
}
.link-preview-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 10px 14px;
}
.link-preview-site {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #6b6a63;
}
.link-preview-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: #1d1d1b;
}
.link-preview-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12.5px;
  line-height: 1.35;
  color: #4a4a46;
}
@media (max-width: 520px) {
  .link-preview {
    flex-direction: column;
  }
  .link-preview-image {
    flex-basis: auto;
  }
  .link-preview-image IMG {
    height: auto;
    max-height: none;
    aspect-ratio: 1.91 / 1;
  }
}