.lpg{
  --lpg-card:#f6f7f9;
  --lpg-title:#1f2430;
  --lpg-excerpt:#3d4350;
  --lpg-muted:#6b7280;
  --lpg-badge-bg:#e8eefc;
  --lpg-badge-text:#2a4bc7;
  --lpg-link:#2a4bc7;
  --lpg-ph:#e3e6ec;
  --lpg-gap:16px;
  --lpg-radius:24px;
  --lpg-img-radius:22px;

  direction:rtl;
  font-family:"Vazirmatn","IRANSansX","IRANSans",Tahoma,sans-serif;
  color:var(--lpg-title);
  box-sizing:border-box;
}
.lpg *,.lpg *::before,.lpg *::after{box-sizing:border-box}

.lpg-heading{margin:0 0 24px;font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.6;color:var(--lpg-title)}

.lpg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:var(--lpg-gap);align-items:stretch}
.lpg-list{display:flex;flex-direction:column;gap:var(--lpg-gap)}
.lpg--featured-end .lpg-featured{order:2}

.lpg-card{position:relative;display:flex;background:var(--lpg-card);border-radius:var(--lpg-radius)}
.lpg-card svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

.lpg-media{position:relative;overflow:hidden;background:var(--lpg-ph);border-radius:var(--lpg-img-radius)}
.lpg-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lpg-card:hover .lpg-media img{transform:scale(1.04)}
.lpg-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#a4aab6}

.lpg-badge{position:relative;z-index:2;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:500;line-height:1.6;color:var(--lpg-badge-text);background:var(--lpg-badge-bg);border-radius:999px;text-decoration:none}

.lpg-title{margin:0;font-weight:800;line-height:1.7;color:var(--lpg-title)}
.lpg-title a{color:inherit;text-decoration:none}
.lpg-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.lpg-title a:focus-visible{outline:none}
.lpg-title a:focus-visible::after{outline:2px solid var(--lpg-link);outline-offset:2px}
.lpg-card:hover .lpg-title{color:var(--lpg-link)}

.lpg-excerpt{margin:0;font-size:14px;line-height:2;color:var(--lpg-excerpt)}

.lpg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;line-height:1.6;color:var(--lpg-muted)}
.lpg-meta-item{display:inline-flex;align-items:center;gap:5px}
.lpg-sep{width:3px;height:3px;border-radius:50%;background:#c3c8d1}
.lpg-cta{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;font-size:11px;font-weight:500;color:var(--lpg-link)}

/* مقاله شاخص */
.lpg-featured{flex-direction:column-reverse;justify-content:flex-end;gap:18px;padding:12px 12px 22px}
.lpg-featured .lpg-media{aspect-ratio:16/9;border-radius:var(--lpg-radius)}
.lpg-featured .lpg-body{display:flex;flex-direction:column;gap:12px;padding:0 12px}
.lpg-featured .lpg-title{font-size:clamp(20px,2.4vw,26px)}
.lpg-featured .lpg-meta{margin-top:4px}

/* مقالات کناری */
.lpg-item{flex:1;align-items:center;gap:20px;padding:12px;padding-inline-start:24px}
.lpg-item .lpg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.lpg-item .lpg-title{font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lpg-item .lpg-media{flex:0 0 clamp(120px,32%,170px);aspect-ratio:10/7}

@media (max-width:900px){
  .lpg-grid{grid-template-columns:minmax(0,1fr)}
  .lpg--featured-end .lpg-featured{order:0}
}
@media (max-width:560px){
  .lpg-item{flex-direction:column-reverse;align-items:stretch;gap:14px;padding:12px 12px 16px}
  .lpg-item .lpg-media{flex:none;width:100%;aspect-ratio:16/9}
  .lpg-item .lpg-body{padding:0 8px}
  .lpg-item .lpg-title{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .lpg-media img{transition:none}
  .lpg-card:hover .lpg-media img{transform:none}
}