/**
 * دسته‌بندی‌ها — طرحِ «پرگار» (pcx-*) — تبلت، لپ‌تاپ و کامپیوتر
 * پورتِ دقیقِ طراحیِ Claude Design. همهٔ کلاس‌ها و متغیرها با پیشوندِ pcx
 * جداسازی شده‌اند تا با بقیهٔ قالب تداخل نداشته باشند.
 * حالتِ روز/شب از تاگلِ سراسریِ قالب (html[data-theme="dark"]) پیروی می‌کند.
 */

/* ---------- توکن‌ها (روز) ---------- */
.pcx{
  --pcx-surface:#ffffff;--pcx-line:#e3e5f0;
  --pcx-ink:#141a2e;--pcx-ink-muted:#555b78;--pcx-eyebrow:#4b4fd6;
  --pcx-primary:#5558e8;
  --pcx-accent-indigo:#4a4fd8;--pcx-accent-sky:#0f6fa8;--pcx-accent-amber:#a35f00;--pcx-accent-green:#0b7d53;
  --pcx-tint-indigo:#eceeff;--pcx-tint-sky:#e4f3fd;--pcx-tint-amber:#fdf0dc;--pcx-tint-green:#e1f6ec;
  --pcx-radius-sm:8px;
}
/* ---------- توکن‌ها (شب) ---------- */
:root[data-theme="dark"] .pcx{
  --pcx-surface:#141a2e;--pcx-line:#262d47;
  --pcx-ink:#f3f4fb;--pcx-ink-muted:#b7bad3;--pcx-eyebrow:#8f93ff;
  --pcx-primary:#6366f1;
  --pcx-accent-indigo:#8185ff;--pcx-accent-sky:#3ea6ea;--pcx-accent-amber:#f2a93b;--pcx-accent-green:#2fc48d;
  --pcx-tint-indigo:rgba(129,133,255,.14);--pcx-tint-sky:rgba(62,166,234,.14);--pcx-tint-amber:rgba(242,169,59,.14);--pcx-tint-green:rgba(47,196,141,.14);
}

/* ---------- قابِ بخش (فاصله‌ی کم، هماهنگ با بقیهٔ صفحه) ---------- */
.pcx-sec{overflow-anchor:none;display:block;padding:clamp(32px,3.2vw,44px) 20px clamp(28px,2.8vw,40px);margin:0;background:transparent}

/* ===== Pargar Compass — دسته‌بندی‌ها ===== */
.pcx{--c:var(--pcx-accent-indigo);--t:var(--pcx-tint-indigo);overflow-anchor:none;container:pcx/inline-size;width:100%;max-width:1200px;margin-inline:auto;direction:rtl;font-family:var(--bm-font,Vazirmatn,Tahoma,sans-serif);font-size:16px;line-height:normal;text-align:right;color:var(--pcx-ink)}
.pcx *{box-sizing:border-box}
.pcx .pcx-ico{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pcx .pcx-ico .pcx-d{fill:currentColor;fill-opacity:.24;stroke:none}

/* هدر */
.pcx__head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:clamp(14px,3cqi,36px)}
.pcx__eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--pcx-eyebrow);line-height:1.6}
.pcx__eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--pcx-primary)}
.pcx .pcx__h{margin:2px 0 0;font-family:var(--bm-font-heading,inherit);font-size:clamp(17px,2.8cqi,28px);font-weight:800;line-height:1.45;color:var(--pcx-ink);letter-spacing:normal}
.pcx__h em{font-style:normal;color:var(--c);transition:color .5s}
.pcx .pcx__all{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pcx-eyebrow);text-decoration:none;white-space:nowrap;transition:gap .25s}
.pcx .pcx__all:hover{gap:10px;color:var(--pcx-eyebrow)}
.pcx__all svg{width:16px;height:16px}

.pcx__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,5cqi,72px);align-items:center}

/* فهرست تایپوگرافیک */
.pcx .pcx__list{list-style:none;margin:0;padding:0}
.pcx__list > li{margin:0;padding:0}
.pcx .pcx-idx{--c:var(--pcx-accent-indigo);position:relative;display:grid;grid-template-columns:26px 28px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--pcx-line);text-decoration:none;color:var(--pcx-ink-muted);outline:none;transition:color .3s,padding .45s cubic-bezier(.2,.8,.2,1)}
.pcx .pcx-idx::after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:2px;background:var(--c);transform:scaleX(0);transform-origin:right;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.pcx .pcx-idx.is-active{color:var(--pcx-ink);padding-inline-start:14px}
.pcx .pcx-idx.is-active::after{transform:scaleX(1)}
.pcx .pcx-idx:focus-visible{box-shadow:inset 0 0 0 2px var(--pcx-primary);border-radius:var(--pcx-radius-sm)}
.pcx-idx__no{font-size:12px;font-weight:600;opacity:.6}
.pcx-idx__icon{display:grid;place-items:center;transition:color .3s}
.pcx-idx__icon svg,.pcx-idx__icon img{width:24px;height:24px}
.pcx-idx.is-active .pcx-idx__icon{color:var(--c)}
.pcx-idx__name{font-size:clamp(16px,2.2cqi,24px);font-weight:800;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcx-idx__meta{font-size:12px;font-weight:600;color:var(--pcx-ink-muted)}
.pcx-idx__go{display:grid;color:var(--c);opacity:0;transform:translateX(10px);transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.pcx-idx__go svg{width:18px;height:18px}
.pcx-idx.is-active .pcx-idx__go{opacity:1;transform:none}
/* بدونِ شمارهٔ ردیف (تنظیمات) */
.pcx--no-num .pcx-idx{grid-template-columns:28px minmax(0,1fr) auto 18px}

/* صفحه پرگار */
.pcx .pcx__stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin-inline:auto;container-type:inline-size}
.pcx__dial{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pcx__dial .pcx-ring{fill:none;stroke:var(--pcx-line);stroke-width:1}
.pcx__dial .pcx-ticks{fill:none;stroke:var(--pcx-line);stroke-width:7}
.pcx__dial .pcx-ticks-major{fill:none;stroke:var(--pcx-ink-muted);stroke-opacity:.45;stroke-width:12}
.pcx__dial .pcx-spin{fill:none;stroke:var(--pcx-ink-muted);stroke-opacity:.35;stroke-dasharray:1.5 7;transform-box:view-box;transform-origin:50% 50%;animation:pcx-spin 80s linear infinite}
.pcx__dial .pcx-core{fill:var(--pcx-surface);stroke:var(--pcx-line)}
.pcx__dial .pcx-glow{fill:var(--t);transition:fill .6s}
.pcx__dial .pcx-pointer{transform-box:view-box;transform-origin:50% 50%;transition:transform 1s cubic-bezier(.55,-0.35,.25,1.35)}
.pcx__dial .pcx-sector{fill:var(--c);fill-opacity:.07;transition:fill .6s}
.pcx__dial .pcx-arc{fill:none;stroke:var(--c);stroke-width:3;stroke-linecap:round;transition:stroke .6s}
.pcx__dial .pcx-stem{stroke:var(--c);stroke-width:2;stroke-linecap:round;transition:stroke .6s}
.pcx__dial .pcx-tip{fill:var(--c);transition:fill .6s}
.pcx__dial .pcx-pivot{fill:var(--pcx-surface);stroke:var(--c);stroke-width:2;transition:stroke .6s}
@keyframes pcx-spin{to{transform:rotate(360deg)}}

.pcx .pcx-orb{--c:var(--pcx-accent-indigo);--t:var(--pcx-tint-indigo);position:absolute;left:50%;top:50%;width:11.5cqw;height:11.5cqw;min-width:0;min-height:0;max-width:none;margin:-5.75cqw 0 0 -5.75cqw;padding:0;border-radius:50%;border:1px solid var(--pcx-line);background:var(--pcx-surface);color:var(--pcx-ink-muted);display:grid;place-items:center;cursor:pointer;font:inherit;line-height:1;box-shadow:none;transform:rotate(var(--a)) translateY(-45cqw) rotate(calc(var(--a) * -1));transition:color .3s,border-color .3s,box-shadow .4s}
.pcx-orb svg,.pcx-orb img{width:50%;height:50%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.pcx .pcx-orb:hover{color:var(--c);background:var(--pcx-surface)}
.pcx .pcx-orb.is-active{color:var(--c);border-color:var(--c);box-shadow:inset 0 0 0 40px var(--t),0 0 0 5px var(--t)}
.pcx-orb.is-active svg,.pcx-orb.is-active img{transform:scale(1.12)}
.pcx .pcx-orb:focus-visible{outline:2px solid var(--pcx-primary);outline-offset:3px}

.pcx__center{position:absolute;left:50%;top:50%;width:44cqw;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.2cqw;text-align:center}
.pcx__cicon{width:13cqw;height:13cqw;color:var(--c)}
.pcx__cicon svg,.pcx__cicon img{width:100%;height:100%}
.pcx__cicon img{object-fit:contain}
.pcx__cname{font-size:clamp(13px,5.4cqw,22px);font-weight:800;line-height:1.4;color:var(--pcx-ink)}
.pcx__cmeta{font-size:clamp(10px,3.1cqw,13px);font-weight:500;color:var(--pcx-ink-muted)}
.pcx .pcx__cta{display:inline-flex;align-items:center;gap:4px;margin-top:.8cqw;font-size:clamp(10.5px,3.1cqw,13px);font-weight:700;color:var(--c);text-decoration:none}
.pcx .pcx__cta:hover{color:var(--c)}
.pcx__cta svg{width:1.1em;height:1.1em;transition:transform .3s}
.pcx__cta:hover svg{transform:translateX(-3px)}
.pcx__center.is-swap>*{animation:pcx-in .5s cubic-bezier(.2,.8,.2,1) both}
.pcx__center.is-swap>:nth-child(2){animation-delay:.05s}
.pcx__center.is-swap>:nth-child(3){animation-delay:.1s}
.pcx__center.is-swap>:nth-child(4){animation-delay:.15s}
@keyframes pcx-in{from{opacity:0;transform:translateY(8px) scale(.96)}}
.pcx-idx__icon img,.pcx-orb img{object-fit:contain}

/* تبلت */
@container pcx (max-width:879px){
  .pcx__body{grid-template-columns:1fr;gap:20px}
  .pcx .pcx__stage{order:-1;max-width:340px}
  .pcx .pcx__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .pcx .pcx-idx{grid-template-columns:22px 24px minmax(0,1fr) auto;gap:10px;padding-block:9px}
  .pcx--no-num .pcx-idx{grid-template-columns:24px minmax(0,1fr) auto}
  .pcx-idx__go{display:none}
  .pcx-idx__name{font-size:16px}
}
/* موبایل */
@container pcx (max-width:559px){
  .pcx__head{margin-bottom:6px}
  .pcx .pcx__h{font-size:16px}
  .pcx .pcx__all{font-size:12px}
  .pcx__body{gap:6px}
  .pcx .pcx__stage{max-width:270px}
  .pcx .pcx__list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;border-bottom:1px solid var(--pcx-line);
    -webkit-mask-image:linear-gradient(to left,transparent,#000 16px,#000 85%,transparent);mask-image:linear-gradient(to left,transparent,#000 16px,#000 85%,transparent)}
  .pcx__list::-webkit-scrollbar{display:none}
  .pcx__list>li{flex:none;scroll-snap-align:center}
  .pcx .pcx-idx{display:flex;gap:6px;padding:10px 12px;border-bottom:0}
  .pcx .pcx-idx.is-active{padding-inline-start:12px}
  .pcx .pcx-idx::after{bottom:0;inset-inline:12px}
  .pcx-idx__no,.pcx-idx__meta{display:none}
  .pcx-idx__icon svg,.pcx-idx__icon img{width:18px;height:18px}
  .pcx-idx__name{font-size:13.5px;overflow:visible}
}
@media (prefers-reduced-motion:reduce){
  .pcx *,.pcx *::after{animation:none!important;transition:none!important}
}

/* ---------- نمایش بر اساسِ دستگاه (تنظیمات ← نقطهٔ جابه‌جایی) ---------- */
@media (max-width:767px){ .pcx-sec.pcat-bp-768{display:none!important} }
@media (max-width:1024px){ .pcx-sec.pcat-bp-1025{display:none!important} }

/* ---------- خنثی‌سازیِ قوانینِ سراسریِ چیدمانِ آکادمی (v3-mobile.css) ---------- */
.pg-home section.pcx-sec{padding-top:clamp(32px,3.2vw,44px)!important;padding-bottom:clamp(28px,2.8vw,40px)!important}
.pg-home > section.pcx-sec > .pcx{padding-left:0!important;padding-right:0!important}