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

.zgr{--bg:#130B12;--ink:#EAF0FF;--ink-soft:#C6D0EC;--muted:#8C99BC;--cyan:#FF3B5C;--violet:#FF5C8A;--amber:#F5B301;--card:rgba(255,255,255,.03);--line:rgba(255,150,175,.16);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);}
.zgr-container{max-width:1160px;margin:0 auto;padding-inline:40px;}
.zgr-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;}
.zgr-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
.zgr-title{margin:16px 0 8px;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;}
.zgr-lead{margin:0 0 34px;font-size:14.5px;line-height:2;color:var(--muted);}

.zgr-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:11px;}
.zgr-item{margin:0;display:inline-flex;}
.zgr-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 19px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.zgr-chip .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}

.zgr-chip.is-cyan .dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);}
.zgr-chip.is-violet .dot{background:var(--violet);box-shadow:0 0 10px var(--violet);}
.zgr-chip.is-amber .dot{background:var(--amber);box-shadow:0 0 10px var(--amber);}
.zgr-chip.is-cyan{box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 28%,transparent);}
.zgr-chip.is-violet{box-shadow:0 0 18px color-mix(in srgb,var(--violet) 28%,transparent);}
.zgr-chip.is-amber{box-shadow:0 0 18px rgba(245,179,1,.45);}
.zgr-chip.is-cyan:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 22px color-mix(in srgb,var(--cyan) 28%,transparent);}
.zgr-chip.is-violet:hover{transform:translateY(-2px);border-color:var(--violet);box-shadow:0 0 22px color-mix(in srgb,var(--violet) 28%,transparent);}
.zgr-chip.is-amber:hover{transform:translateY(-2px);border-color:var(--amber);box-shadow:0 0 22px rgba(245,179,1,.45);}