/* VIDAPI Posts Block — frontend styles */
:root{ --vpl-bg:#0d1a20; --vpl-ink:#e7eef0; --vpl-muted:#a9bcc2; --vpl-line:#173239; }
.vpl-wrap{ width:min(max(64rem,68vw),96vw); margin:40px auto; color:var(--vpl-ink); }
.vpl-list{ display:grid; gap:28px; margin:24px 0 32px; }
.vpl-post{ display:grid; gap:22px; align-items:start; grid-template-columns:220px 1fr; padding:18px 16px; border:1px solid var(--vpl-line); background:rgba(11,21,26,.55); }
.vpl-thumb{ width:100%; aspect-ratio:1 / 1; object-fit:cover; display:block; border-radius:var(--vpl-radius, 14px); background:#2aa9e0; }
.vpl-title{ margin:0 0 8px; font-size:1.25rem; line-height:1.2; }
.vpl-meta{ color:#a9bcc2; font-size:.9rem; margin:.1rem 0 .6rem; }
.vpl-excerpt{ margin:0; color:#d9e6ea; }
.vpl-actions{ display:flex; gap:10px; margin-top:10px; }
.vpl-share{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--vpl-line); border-radius:8px; background:#0f1e24; color:#e7eef0; }
.vpl-share:hover{ background:#12262d; }
.vpl-share svg{ width:20px; height:20px; display:block; }
/* Pagination */
.vpl-pager{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.vpl-btn{ border:1px solid var(--vpl-line); background:#0f1e24; color:#e7eef0; padding:10px 14px; min-width:44px; border-radius:2px; text-decoration:none; }
.vpl-btn:hover{ background:#12262d; }
.vpl-btn.active{ background:#173d49; border-color:#1c5261; }
.vpl-pager .current{ pointer-events:none; }
/* Mobile clamping */
@media (max-width: 720px){
  .vpl-post{ grid-template-columns:120px 1fr; }
  .vpl-excerpt{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: var(--vpl-mobile-lines, 3); overflow:hidden; max-height:6.2em; }
}
@media (min-width: 721px){
  .vpl-excerpt{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: var(--vpl-desktop-lines, 6); overflow:hidden; max-height:12.4em; }
}