/* ==== Scoped: .lpv (Latest Posts Vertical) ==== */
.lpv{
  --lpv-radius: 14px;
  --lpv-shadow: 0 8px 18px rgba(17,24,39,.06);
  --lpv-border: #eef1ff;
  --lpv-muted: #6b7280;
  --lpv-text:  #111827;
  --lpv-brand: #5b6cff;
  direction: rtl;
  font-family: "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--lpv-text);
}
.lpv *{box-sizing:border-box}

.lpv-card{
  background:#fff;
  border:1px solid var(--lpv-border);
  border-radius: var(--lpv-radius);
  box-shadow: var(--lpv-shadow);
  overflow:hidden;
}

.lpv-head{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  font-weight:800; color:#1f2937;
  background: linear-gradient(135deg,#ffffff 0%, #f8f9ff 100%);
  border-bottom:1px solid var(--lpv-border);
}
.lpv-head i{color: var(--lpv-brand)}

.lpv-list{list-style:none; margin:0; padding:10px 12px}

.lpv-item{
  display:grid; grid-template-columns:56px 1fr; gap:10px; align-items:center;
  padding:8px 2px;
}
.lpv-thumb{
  display:block; width:56px; height:56px; border-radius:12px; overflow:hidden;
  box-shadow: 0 2px 8px rgba(17,24,39,.06);
}
.lpv-thumb img{width:100%; height:100%; object-fit:cover; display:block}

.lpv-body{min-width:0}
.lpv-title{
  display:block; text-decoration:none; color:#0f172a; font-weight:700;
  line-height:1.6; margin-bottom:4px;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.lpv-title:hover{color: var(--lpv-brand)}
.lpv-meta{font-size:12px; color: var(--lpv-muted); display:flex; align-items:center; gap:6px}

.lpv-sep{height:1px; background: var(--lpv-border); margin:6px 0}

.lpv-empty{padding:16px; text-align:center; color:var(--lpv-muted)}

/* compact on very small widths */
@media (max-width: 420px){
  .lpv-item{grid-template-columns:48px 1fr}
  .lpv-thumb{width:48px; height:48px}
}