/* =========================================================================
   articles — استایل ویجت المنتور زبان‌نگار (هندل: zbn-el-articles)
   ========================================================================= */

.zar{--bg:#130B12;--ink:#EAF0FF;--muted2:#6B78A0;--cyan:#FF3B5C;--violet:#FF5C8A;--amber:#F5B301;--card:rgba(255,255,255,.03);direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;color:var(--ink);background:var(--bg);padding-block:80px;border-top:1px solid rgba(255,150,175,.1);}
.zar-container{max-width:1160px;margin:0 auto;padding-inline:40px;}
.zar-head{text-align:center;}
.zar-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 15%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zar-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
.zar-title{margin:16px 0 40px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--ink) 35%,#FF9FB2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.zar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.zar-item{--line:rgba(255,150,175,.14);margin:0;border-radius:22px;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.zar-item:hover{transform:translateY(-5px);}
.zar-card{display:block;color:inherit;text-decoration:none;}
.zar-media{margin:0;border-bottom:1px solid var(--line);}
.zar-img{display:block;width:100%;height:165px;object-fit:cover;}
.zar-ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;background:linear-gradient(135deg,#1D0D17,#150912);color:#5C6788;font-size:12px;font-weight:700;}
.zar-body{padding:20px 22px 22px;}
.zar-meta{display:flex;align-items:center;gap:8px;}
.zar-tag{padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:900;}
.zar-time{font-size:11.5px;font-weight:700;color:var(--muted2);}
.zar-card h3{margin:11px 0 0;font-size:16.5px;font-weight:800;line-height:1.9;color:var(--ink);}

.zar-item.is-cyan{box-shadow:0 0 40px color-mix(in srgb,var(--cyan) 23%,transparent);}
.zar-item.is-violet{box-shadow:0 0 40px color-mix(in srgb,var(--violet) 23%,transparent);}
.zar-item.is-amber{box-shadow:0 0 40px rgba(245,179,1,.42);}
.zar-card.is-cyan .zar-tag{background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 20%,transparent);color:#FFB3C1;}
.zar-card.is-violet .zar-tag{background:color-mix(in srgb,var(--violet) 12%,transparent);border:1px solid color-mix(in srgb,var(--violet) 20%,transparent);color:#FFC2D2;}
.zar-card.is-amber .zar-tag{background:rgba(245,179,1,.12);border:1px solid rgba(245,179,1,.40);color:#F5CE5B;}
.zar-item.is-cyan:hover{border-color:color-mix(in srgb,var(--cyan) 20%,transparent);}
.zar-item.is-violet:hover{border-color:color-mix(in srgb,var(--violet) 20%,transparent);}
.zar-item.is-amber:hover{border-color:rgba(245,179,1,.4);}

@media(max-width:1024px){.zar-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;}}