/* layout/header.css — نوار بالا و منوی موبایل */
.topbar{position:fixed;inset-block-start:0;inset-inline:0;z-index:70;block-size:var(--nav-height);
  display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:var(--gutter);
  transition:background var(--dur-base) var(--ease-soft),border-color var(--dur-base),block-size var(--dur-base) var(--ease-out);
  border-block-end:1px solid transparent}
.topbar.solid{background:rgba(5,7,15,.78);backdrop-filter:blur(18px);border-block-end-color:var(--line);block-size:66px}
.lockup{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--fg)}
.lockup svg{inline-size:40px;block-size:40px;color:var(--accent);flex:none;
  filter:drop-shadow(0 0 16px color-mix(in oklab,var(--accent) 45%,transparent))}
/* نشان تصویری (مجموعه‌ی برند یا لوگوی پنل): ارتفاع ثابت تا نوار نپرد، هاله‌ی
   طلایی کم‌رنگ هم‌خانواده‌ی درخشش نشان برداری. */
.lockup .lockup-mark{block-size:54px;inline-size:auto;flex:none;
  filter:drop-shadow(0 0 14px rgba(245,179,1,.18));transition:block-size var(--dur-base) var(--ease-out)}
.topbar.solid .lockup .lockup-mark{block-size:48px}
.lockup .wm{display:flex;flex-direction:column;line-height:1.25}
.lockup .wm b{font-family:var(--font-display);font-size:18px;font-weight:900}
.lockup .wm span{font-size:10.5px;color:var(--fg-muted);letter-spacing:2.5px}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px);font-size:14.5px}
.nav a{color:#BCCBE4;text-decoration:none;padding-block:8px;position:relative;transition:color var(--dur-fast)}
.nav a::after{content:"";position:absolute;inset-block-end:2px;inset-inline-start:0;inline-size:0;block-size:2px;
  border-radius:2px;background:var(--accent);transition:inline-size var(--dur-base) var(--ease-out)}
.nav a:hover{color:#fff}
.nav a:hover::after{inline-size:100%}

/* منوی کشویی هدر — جهت «لوح»
   نوار سرمه‌ای تمام‌عرض که از لبه‌ی هدر پایین می‌افتد؛ ستون راست دسته‌ها،
   ستون کنارش زیردسته‌ها. سطحِ نوار از بالا به پایین و از راست به چپ آرام
   محو می‌شود، پس مرز سختی ندارد.
   پنل نسبت به نزدیک‌ترین والد position دار جای می‌گیرد و باید همان .topbar
   باشد (که position:fixed دارد) تا تمام‌عرض شود؛ پس آیتم منو عمدا static است. */
.nav-item{position:relative;display:flex;align-items:center;gap:4px}
/* پل هاور فقط برای کشویی‌های کوچکِ چسبیده‌به‌آیتم لازم است.
   ⚠️ روی آیتم‌های has-slab عمدا نیست: آن‌ها position:static اند، پس این
   شبه‌عنصر هم نسبت به .topbar تمام‌عرض می‌شد و پلِ هر دو منو روی هم می‌افتاد؛
   یک بار حرکت ماوس در آن نوار باریک، هر دو نوار را هم‌زمان باز می‌کرد.
   ضمنا نوار خودش دقیقا از لبه‌ی هدر شروع می‌شود و اصلا فاصله‌ای نیست. */
.nav-item:not(.has-slab)::after{content:"";position:absolute;inset-block-start:100%;inset-inline:0;block-size:0}
.nav-item:not(.has-slab):hover::after,
.nav-item:not(.has-slab):focus-within::after{block-size:14px}
.nav-item.has-slab{position:static}
/* پل عمودی زیر متنِ منو.
   بین پایینِ نوشته‌ی «دوره‌ها» و لبه‌ی پایینِ هدر یک نوار باریک هست که نه جزو
   آیتم است نه جزو نوارِ کشویی؛ ماوس در راه پایین آمدن از آن رد می‌شد،
   :hover یک فریم قطع می‌شد و نوار می‌پرید.
   حاشیه‌ی بالا و پدینگ پایینِ هم‌اندازه، جعبه‌ی آیتم را تا لبه‌ی هدر پایین
   می‌کشد و چون .nav روی align-items:center است، خودِ متن ذره‌ای جابه‌جا
   نمی‌شود (مرکزِ جعبه با احتساب حاشیه حساب می‌شود). */
.nav-item.has-slab{padding-block-end:24px;margin-block-start:24px}

.nav-caret{display:grid;place-items:center;flex:none;inline-size:18px;block-size:18px;
  padding:0;border:0;background:none;color:var(--fg-muted);cursor:pointer}
.nav-caret svg{inline-size:12px;block-size:12px;transition:transform var(--dur-fast) var(--ease-out)}
.nav-item:hover .nav-caret,.nav-item.open .nav-caret{color:#fff}
.nav-item:hover .nav-caret svg,
.nav-item:focus-within .nav-caret svg,
.nav-item.open .nav-caret svg{transform:rotate(180deg)}

/* ───── نوار (پنل سطح اول) ───── */
/* زمان‌بندی نوار جدا از توکن‌های عمومی است: dur-base (۴۵۰ms) برای بسته شدن
   یک منو کند است و dur-fast (۱۸۰ms) بریده. این دو عدد فقط اینجا معنی دارند. */
:root{--slab-dur:.3s;--sub-dur:.2s}
.slab{position:absolute;inset-block-start:100%;inset-inline:0;z-index:5;
  display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);
  padding:24px 30px 26px;background:transparent;
  /* ⚠️ خود نوار شکارچی ماوس نیست. تمام‌عرض است و بخش بزرگی از سطحش نامرئی
     می‌ماند؛ اگر رویداد ماوس بگیرد دو ضرر دارد: منو با ماوسی که جای خالی
     ایستاده باز می‌ماند، و بدتر، جعبه‌ی جست‌وجوی هیرو زیرش گیر می‌افتد و
     کلیک نمی‌خورد. فقط دو ستون واقعی رویداد می‌گیرند. */
  pointer-events:none;
  /* کف ارتفاع تا ستون زیردسته‌ها هرگز از نوار بیرون نزند */
  min-block-size:258px;
  opacity:0;visibility:hidden;transform:translateY(-10px);
  /* حالت پایه = حالتِ «در حال بسته شدن». visibility با تاخیر و بدون مدت
     عوض می‌شود، یعنی نوار تا آخرین لحظه‌ی انیمیشن دیده می‌شود و بعد ناپدید.
     پیش از این visibility وسط راه پرش می‌کرد و بسته شدن بریده به نظر می‌رسید. */
  transition:opacity var(--slab-dur) var(--ease-out),
             transform var(--slab-dur) var(--ease-out),
             visibility 0s linear var(--slab-dur)}
/* بسته که هست visibility:hidden است نه فقط شفاف، تا لینک‌های داخلش از مسیر
   Tab بیرون بمانند و کاربر کیبورد در منوی نامرئی گم نشود. */
.nav-item:hover>.slab,
.nav-item:focus-within>.slab,
.nav-item.open>.slab{opacity:1;visibility:visible;transform:none;
  /* باز شدن: بی‌درنگ دیده می‌شود و بعد نرم پایین می‌آید. */
  transition:opacity var(--slab-dur) var(--ease-out),
             transform var(--slab-dur) var(--ease-out),
             visibility 0s}
/* بستن با Esc وگرنه بی‌اثر می‌ماند: فوکوس به کلید فلش برمی‌گردد، کلید داخل
   همین آیتم است، و :focus-within بلافاصله دوباره بازش می‌کند. این کلاس تا
   وقتی فوکوس یا ماوس از آیتم بیرون برود سر جایش می‌ماند.
   عمدا بعد از قاعده‌های بالا و هم‌وزن آن‌هاست تا در ترتیب آبشار برنده شود. */
.nav-item.is-dismissed>.slab{opacity:0;visibility:hidden;transform:translateY(-10px)}

/* ناحیه‌ی گرفتن ماوس.
   کاربر ماوس را از روی «دوره‌ها» وسط هدر به سمت ستون دسته‌ها در راست صفحه
   می‌برد و در این مسیر از فضای خالی رد می‌شود؛ اگر آن فضا جزو نوار نباشد،
   منو زیر دستش بسته می‌شود. پس ناحیه از لبه‌ی راست تا لبه‌ی خودِ آیتم منو
   کشیده می‌شود — نه بیشتر، تا محتوای صفحه در سمت چپ آزاد بماند.
   عرض را جاوااسکریپت در --slab-hit می‌گذارد چون جای آیتم در نوار پویاست؛
   بدون اسکریپت، پیش‌فرض ۱۰۰٪ یعنی همان رفتار قدیمی و امن.
   z-index منفی است تا زیر ستون‌ها بنشیند و جلوی لینک‌ها را نگیرد. */
.slab-hit{position:absolute;inset-block:0;inset-inline-start:0;z-index:-1;
  inline-size:var(--slab-hit,100%);pointer-events:auto}

/* خط نئونی لبه‌ی بالا — همان امضای فیروزه‌ای بقیه‌ی سایت */
.slab::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;block-size:1px;
  background:linear-gradient(to left,transparent,var(--accent) 30%,var(--accent) 70%,transparent);
  box-shadow:0 0 14px -1px var(--accent)}

/* سطحِ نوار: سرمه‌ای تیره‌ی هدر، مات و پررنگ روی ستون‌ها (سمت راست و بالا)
   و آرام محو به سمت چپ و پایین. دو ماسک با intersect ترکیب می‌شوند تا هر
   دو محو با هم اعمال شوند. z-index منفی است تا زیر متن بنشیند. */
.slab::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-end-start-radius:var(--slab-radius);border-end-end-radius:var(--slab-radius);
  background:
    linear-gradient(to bottom,rgba(5,7,15,.96),rgba(5,7,15,.86) 44%,rgba(5,7,15,.5) 78%,rgba(5,7,15,0)),
    linear-gradient(to left,rgba(17,28,61,.6),rgba(17,28,61,.3) 54%,rgba(17,28,61,0) 80%);
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0 52%,rgba(0,0,0,.5) 82%,transparent),
    linear-gradient(to left,#000 0 60%,rgba(0,0,0,.45) 82%,transparent);
  mask-image:linear-gradient(to bottom,#000 0 52%,rgba(0,0,0,.5) 82%,transparent),
    linear-gradient(to left,#000 0 60%,rgba(0,0,0,.45) 82%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect}

/* ───── ستون دسته‌ها (سطح اول) ───── */
.slab-cats{list-style:none;margin:0;padding:0;padding-inline-end:24px;
  border-inline-end:1px solid var(--line);pointer-events:auto}
.slab-cat{display:flex;align-items:baseline;gap:12px;padding-block:9px;
  font-family:var(--font-display);font-size:19px;font-weight:800;color:#8FA3C6;
  text-decoration:none;transition:color var(--dur-fast)}
/* خط طلایی کوتاه، نشانه‌ی شاخه‌ی فعال */
.slab-cat::before{content:"";flex:none;inline-size:0;block-size:2px;background:var(--accent-2);
  transition:inline-size var(--dur-fast) var(--ease-out)}
/* ⚠️ عمدا position:relative ندارد. اگر سطر بستر موقعیت‌دهی شود، ستون
   زیردسته‌ها به همان سطر لنگر می‌اندازد و با هر سطر پایین‌تر سر می‌خورد؛ روی
   هشت دسته، سه سطر آخر تا ۹۶ پیکسل از کف نوار بیرون می‌زد. حالا بستر خودِ
   .slab است، پس ستون دوم همیشه بالای نوار می‌نشیند. */
.slab-row{margin:0}
.slab-row:hover>.slab-cat,
.slab-row:focus-within>.slab-cat,
.slab-row.is-active>.slab-cat{color:#fff}
.slab-row:hover>.slab-cat::before,
.slab-row:focus-within>.slab-cat::before,
.slab-row.is-active>.slab-cat::before{inline-size:20px}
/* زیرخط پویای .nav a روی لینک‌های داخل نوار بی‌معنی است */
.slab a::after{display:none}

/* ───── ستون زیردسته‌ها (سطح دوم) ─────
   دقیقا کنار ستون دسته‌ها می‌نشیند (۳۰۶ پیکسل از لبه‌ی راست: ۳۰ پدینگ +
   ۲۶۰ ستون + ۱۶ فاصله) و به سمت چپ باز می‌شود. */
.slab-sub{position:absolute;inset-block:24px auto;inset-inline-start:306px;
  inline-size:330px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  pointer-events:auto;
  /* حاشیه‌ی منفی + پدینگ هم‌اندازه: جعبه‌ی این ستون ۲۴ پیکسل به سمت ستون
     دسته‌ها کشیده می‌شود تا شکاف بین دو ستون بسته شود، ولی متن سر جای خودش
     می‌ماند. بدون این، ماوس وسط راه از هر دو ستون بیرون می‌افتاد و منو یک
     لحظه شروع به بسته شدن می‌کرد. */
  margin-inline-start:-24px;padding-inline-start:24px;
  opacity:0;visibility:hidden;transform:translateX(12px);
  transition:opacity var(--sub-dur) var(--ease-out),
             transform var(--sub-dur) var(--ease-out),
             visibility 0s linear var(--sub-dur)}
/* جابه‌جایی ستون دوم با «تاخیر قصد» انجام می‌شود نه با هاور خام.
   چرا: ستون دوم بالای نوار می‌نشیند و دسته‌ی هاورشده ممکن است پایین‌تر باشد؛
   ماوس در راه رسیدن به زیردسته‌ها از روی دسته‌های بالاتر رد می‌شود و ستون
   زیر دستش عوض می‌شد. جاوااسکریپت کلاس is-active را با ۱۴۰ میلی‌ثانیه تاخیر
   می‌گذارد، پس عبور گذری چیزی را عوض نمی‌کند.
   قاعده‌ی :hover عمدا برای حالت بی‌جاوااسکریپت سر جایش مانده و فقط وقتی
   خاموش می‌شود که خودِ اسکریپت کلاس js-intent را گذاشته باشد. */
.slab:not(.js-intent) .slab-row:hover>.slab-sub,
.slab-row:focus-within>.slab-sub,
.slab-row.is-active>.slab-sub{opacity:1;visibility:visible;transform:none;
  transition:opacity var(--sub-dur) var(--ease-out),
             transform var(--sub-dur) var(--ease-out),
             visibility 0s}
/* اگر ماوس روی هیچ سطری نیست، شاخه‌ی اول پیش‌فرض دیده می‌شود تا پنل هرگز
   نیمه‌خالی باز نشود.
   ⚠️ شرطِ «نوار باز باشد» اجباری است و حذفش یک نشت دسترسی‌پذیری می‌سازد:
   visibility ارث می‌رسد، پس این قاعده روی نوارِ بسته هم شاخه‌ی اول را
   visible می‌کرد و لینک‌های نامرئی در مسیر Tab می‌ماندند. اندازه‌گیری شد. */
.nav-item:not(.is-dismissed):is(:hover,:focus-within,.open)
  >.slab:not(.js-intent):not(:hover):not(:focus-within) .slab-row.has-sub:first-child>.slab-sub{
  opacity:1;visibility:visible;transform:none}

.slab-sub a{font-size:15px;color:#B9C7DC;text-decoration:none;padding-block:9px;
  border-block-end:1px solid transparent;
  transition:color var(--dur-fast),border-color var(--dur-fast)}
.slab-sub a:hover{color:#fff;border-block-end-color:var(--accent)}
/* «···» یعنی این ستون بریده شده و ادامه‌اش در صفحه‌ی فهرست است. وقتی همه‌ی
   ردیف‌ها جا شده‌اند اصلا رندر نمی‌شود، چون آن‌وقت حرفی برای گفتن ندارد. */
.slab-more{display:inline-block;line-height:1;letter-spacing:3px;
  font-size:22px;font-weight:900;color:var(--gold-300);text-decoration:none;
  padding-block:10px;transition:color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.slab-more:hover{color:var(--gold-400);transform:translateY(2px)}
.slab-cats .slab-more{padding-inline-start:2px}

.top-actions{display:flex;align-items:center;gap:14px}
/* شماره پشتیبانی
   عدد در قاب لاتین جدا می‌شود وگرنه در متن راست‌به‌چپ تکه‌های شماره و خط
   تیره جابه‌جا خوانده می‌شوند. */
.top-phone{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;
  color:var(--fg-muted);text-decoration:none;transition:color var(--dur-fast)}
.top-phone:hover{color:var(--fg)}
.top-phone svg{inline-size:17px;block-size:17px;flex:none}
.top-phone-num{direction:ltr;unicode-bidi:isolate}
.top-login{font-size:14px;color:#BCCBE4;text-decoration:none;transition:color var(--dur-fast)}
.top-login:hover{color:#fff}
.top-cta{font-family:var(--font-display);font-size:13.5px;font-weight:800;text-decoration:none;
  padding:12px 26px;border-radius:var(--btn-radius);color:var(--btn-primary-fg);background:var(--btn-primary-bg);
  box-shadow:0 14px 34px -14px color-mix(in oklab,var(--accent-2) 75%,transparent);
  transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}
.top-cta:hover{transform:translateY(-2px);background:var(--gold-300);color:var(--btn-primary-fg)}
.menu-btn{display:none;inline-size:44px;block-size:44px;border:1px solid var(--line-strong);border-radius:12px;
  background:transparent;color:var(--fg);cursor:pointer;align-items:center;justify-content:center}
.menu-btn svg{inline-size:20px;block-size:20px}
@media(max-width:1020px){
/* همان‌جا که ناوبری دسکتاپ می‌رود، همبرگر باید بیاید. پیش از این همبرگر فقط
   زیر ۷۶۰ ظاهر می‌شد، پس بین ۷۶۱ تا ۱۰۲۰ (تبلت و پنجره‌های باریک دسکتاپ)
   کاربر هیچ راهی به منو نداشت. */
.nav,.top-login{display:none}
.menu-btn{display:flex}
}
@media(max-width:760px){
.top-cta{display:none}
/* روی گوشی جا برای شماره نیست: آیکون تنها می‌ماند و خود شماره در منوی
   بازشونده و در aria-label لینک هست، پس چیزی از دست نمی‌رود. */
.top-phone-num{display:none}
.top-phone{inline-size:44px;block-size:44px;justify-content:center;color:var(--fg);
  border:1px solid var(--line-strong);border-radius:12px}
.lockup .lockup-mark,.topbar.solid .lockup .lockup-mark{block-size:46px}
}
.mobile-menu{position:fixed;inset:0;z-index:69;background:rgba(5,7,15,.97);backdrop-filter:blur(20px);
  display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;
  padding-inline:9vw;padding-block:calc(var(--nav-height) + 8px) 40px;
  opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-soft),visibility var(--dur-base)}
/* حاشیه خودکار روی اولین و آخرین آیتم یعنی منو تا وقتی جا دارد وسط می‌ماند
   و به‌محض بلند شدن (آکاردیون باز) از بالا شروع می‌شود؛ با justify-content
   وسط‌چین، سطرهای بالایی بیرون از پرده می‌افتادند و دست‌نیافتنی می‌شدند. */
.mobile-menu>:first-child{margin-block-start:auto}
.mobile-menu>:last-child{margin-block-end:auto}
.mobile-menu.open{opacity:1;visibility:visible}
/* اندازه‌ها در جلسه ۰۵۳ کوچک شدند (۳۰→۱۹ و ۲۲→۱۷): روی گوشی و تبلت
   حروف ۳۰ پیکسلی مثل تیتر بودند نه فهرست، و منو در پرده جا نمی‌شد. */
.mobile-menu a{font-family:var(--font-display);font-size:19px;font-weight:900;color:var(--fg);text-decoration:none;
  padding-block:13px;border-block-end:1px solid var(--line)}
.mobile-menu a:hover{color:var(--accent-soft)}
.mobile-menu .cta{border:none;margin-block-start:22px}
.mobile-menu .cta span{display:inline-block;font-size:14.5px;padding:12px 30px;border-radius:var(--btn-radius);
  background:var(--btn-primary-bg);color:var(--btn-primary-fg)}
.mobile-menu .m-phone{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;
  color:var(--fg-muted);padding-block:13px}
.mobile-menu .m-phone svg{inline-size:16px;block-size:16px;flex:none}
/* روی نوار بالا فقط آیکون می‌ماند، ولی همین‌جا داخل منو شماره باید کامل
   دیده شود؛ وگرنه قاعده‌ی گوشی آن را هم پنهان می‌کرد. */
.mobile-menu .m-phone .top-phone-num{display:inline-block}

/* ───── آکاردیون موبایل — details/summary بومی، بدون جاوااسکریپت ─────
   اگر اسکریپت صفحه نرسید یا شکست، منو هنوز باز و بسته می‌شود. */
.m-slab summary{display:flex;align-items:center;justify-content:space-between;
  padding-block:13px;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-size:17px;font-weight:900;color:#fff}
.m-slab summary::-webkit-details-marker{display:none}
/* نام دسته داخل summary خودش لینک است (مثل لوح دسکتاپ)؛ همه‌ی استایل از
   summary ارث می‌رسد و «همه …» زیرخط‌دار طلایی کلا حذف شد (خواست کارفرما). */
.mobile-menu.m-slab summary>a.m-cat{display:block;flex:1 1 auto;padding:0;border:0;
  font:inherit;color:inherit;text-decoration:none}
.mobile-menu.m-slab summary svg{padding:6px;box-sizing:content-box}
.m-slab summary svg{inline-size:14px;block-size:14px;color:var(--fg-muted);flex:none;
  transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast)}
.m-slab details[open]>summary svg{transform:rotate(180deg);color:var(--accent)}
/* این دو قاعده عمدا هم‌وزنِ .mobile-menu a نوشته شده‌اند و بعد از آن می‌آیند:
   قاعده‌ی پایه حاشیه‌ی زیرین می‌داد که با ریتم این طرح نمی‌خواند. */
.mobile-menu.m-slab>a{display:block;padding-block:13px;text-decoration:none;border:0;
  font-family:var(--font-display);font-size:17px;font-weight:900;color:#fff}
.m-slab>details+details,.m-slab>details+a,.m-slab>a+details,.m-slab>a+a{
  border-block-start:1px solid var(--line-strong)}
/* بدنه‌ی بازشده — همان زبان لوح دسکتاپ: دسته‌ها با فونت نمایشی و رنگ خاموش‌تر،
   زیردسته‌ها با فونت متن و یک خط عمودی نازک، «···» و «همه …» طلایی. */
.m-slab-body{padding-block-end:10px}
.m-slab-body>details>summary{font-family:var(--font-display);font-size:14px;font-weight:800;
  color:#B9C7DC;padding-block:10px;border-block-start:1px solid var(--line)}
.m-slab-body>details[open]>summary{color:#fff}
.m-slab-body>details>div{padding-inline-start:14px;margin-inline-start:2px;
  margin-block-end:6px;border-inline-start:1px solid var(--line)}
.mobile-menu.m-slab .m-slab-body a{display:block;padding-block:8px;border:0;
  font-family:var(--font-body);font-size:13px;font-weight:400;color:#93A5C6;text-decoration:none}
/* دسته‌ی بی‌زیردسته یک <a> است و دسته‌ی دارای زیردسته یک <summary>. اگر
   هم‌وزن نباشند، بی‌زیردسته‌ها کنار بقیه «غیرفعال» دیده می‌شوند و خط
   جداکننده‌شان هم گم می‌شود؛ پس دقیقا مثل همان summary درمی‌آیند. */
.mobile-menu.m-slab .m-slab-body>a:not(.slab-more){font-family:var(--font-display);
  font-size:14px;font-weight:800;color:#B9C7DC;padding-block:10px;
  border-block-start:1px solid var(--line)}
.mobile-menu.m-slab .m-slab-body a:hover{color:#fff}
/* «···» در منوی موبایل: همان نشانه‌ی دسکتاپ، کمی کوچک‌تر و بدون خط زیر */
.mobile-menu.m-slab .m-slab-body .slab-more{display:inline-block;padding-block:4px;
  font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:3px;
  line-height:1;color:var(--gold-300)}
.mobile-menu.m-slab .m-slab-body>.slab-more{padding-block:8px 2px}

/* چاپ سند
   دو قاعده جدا اینجا بود که با هم می‌جنگیدند: یکی فقط بوم سرصفحه را پنهان
   می‌کرد و دیگری کل سرصفحه را. برنده دومی می‌شد، یعنی عنوان سند و تاریخ
   به‌روزرسانی از برگه چاپ می‌افتاد و کاغذ بی‌شناسنامه بیرون می‌آمد.
   حالا یک قاعده داریم: هرچه ناوبری و تزیین است می‌رود، شناسنامه سند و
   متن آن می‌ماند. */
@media print{
.topbar,.mobile-menu,.site-foot,.detail-aside,.doc-foot,.band,.readbar,
.pagehead canvas,.ph-stage,.ph-chips,.crumb,.mobile-buy,.buybar{display:none!important}
.detail{display:block!important}
a[href]::after{content:""}
}