/* PHPGuard — عرض کانتینر مشترک همه‌ی صفحات سایت
   =================================================================
   تنها منبع تعریف عرض. سایت دو خانواده‌ی استایل دارد:
     • صفحات بوت‌استرپی (index، education) با کلاس .container
     • صفحات محتوایی/بلاگ (site.css) با کلاس .wrap
   هر دو اینجا به یک عرض قفل می‌شوند تا هدر و محتوا در همه‌ی
   صفحات دقیقاً روی یک خط بایستند.

   برای تغییر عرض کل سایت فقط --site-container را عوض کنید.

   استثنا: dashboard.html و encode.html صفحات اپلیکیشنی با
   چیدمان تمام‌عرض (سایدبار) هستند و عمداً از این قاعده پیروی نمی‌کنند.
   ================================================================= */

:root {
    --site-container: 1140px;
    --site-gutter: 12px;
}

.container,
.wrap {
    width: 100%;
    max-width: var(--site-container);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
}

/* بوت‌استرپ در ≥1400px کانتینر را به 1320px پهن می‌کند؛ خنثی می‌شود
   وگرنه روی مانیتور بزرگ صفحه‌ی اصلی از صفحات داخلی پهن‌تر می‌افتد. */
@media (min-width: 1400px) {
    .container { max-width: var(--site-container); }
}

/* .container-fluid عمداً دست‌نخورده می‌ماند (تمام‌عرض) */