/* ============================================================
   Legal.css — دو سند حقوقی سکو.

   سند حقوقی برای **خوانده شدن** است، نه برای تحسین شدن. پس:
   پس‌زمینه‌ی روشن، ستون باریک، خط‌فاصله‌ی باز، و هیچ انیمیشنی.
   پرده‌های تیره و scroll-snapِ صفحه‌ی معرفی اینجا عمداً نیامده‌اند —
   کسی که دنبال بند «داده کجا نگهداری می‌شود» است نباید هفت پرده اسکرول
   کند.

   رنگ‌ها همان توکن‌های صفحه‌ی معرفی‌اند تا یک برند دیده شود.
   ============================================================ */

/* فونت از پوشه‌ی صفحه‌ی معرفی — یک نسخه روی سرور، نه دو تا.
   ⚠ مسیر مطلق است چون این فایل از پوشه‌ی دیگری سرو می‌شود. */
@font-face { font-family: "Vazirmatn"; src: url("/Platform_Home/assets/fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("/Platform_Home/assets/fonts/Vazirmatn-Medium.woff2")  format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("/Platform_Home/assets/fonts/Vazirmatn-Bold.woff2")    format("woff2"); font-weight: 700; font-display: swap; }

:root {
    color-scheme: light;

    --c-brand:    #2563eb;
    --c-brand-2:  #1d4ed8;
    --c-gold-ink: #a16207;

    --c-bg:    #f6f8fc;
    --c-card:  #ffffff;
    --c-ink:   #0d1526;
    --c-soft:  #4a5a78;
    --c-hair:  #dde5f2;

    --radius: 18px;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body.lg-body {
    margin: 0;
    background: var(--c-bg);
    color: var(--c-ink);
    font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    /* ۱۷ پیکسل و نه ۱۶: متن حقوقی طولانی است و روی موبایل با ۱۶ خسته‌کننده
       می‌شود. زیر ۱۶ هم نباید رفت — سافاری آن‌وقت خودش زوم می‌کند. */
    font-size: 17px;
    line-height: 2.05;
}

/* ---------- نوار بالا ---------- */

.lg-top {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px;
    padding: 14px clamp(16px, 5vw, 40px);
    background: var(--c-card);
    border-bottom: 1px solid var(--c-hair);
    position: sticky; top: 0; z-index: 5;
}

.lg-brand {
    display: inline-flex; align-items: center; gap: 10px;
    color: var(--c-ink); text-decoration: none; font-weight: 700;
}
.lg-brand__mark {
    width: 26px; height: 26px; border-radius: 9px;
    background: linear-gradient(160deg, var(--c-brand) 0%, var(--c-brand-2) 100%);
    flex: 0 0 26px;
}

.lg-lang {
    color: var(--c-brand); text-decoration: none; font-weight: 500;
    font-size: 15px;
    padding: 6px 14px; border-radius: 999px;
    border: 1px solid var(--c-hair);
}
.lg-lang:hover { background: rgba(37, 99, 235, .06); }

/* ---------- بدنه ---------- */

.lg-wrap {
    /* ۷۲ کاراکتر تقریبی — بیشتر از این، چشم سرِ سطر بعد را گم می‌کند */
    max-width: 74ch;
    margin: 0 auto;
    padding: clamp(20px, 5vw, 48px) clamp(16px, 5vw, 32px) 64px;
}

.lg-doc {
    background: var(--c-card);
    border: 1px solid var(--c-hair);
    border-radius: var(--radius);
    padding: clamp(20px, 5vw, 44px);
}

.lg-title { margin: 0 0 8px; font-size: clamp(26px, 5vw, 34px); line-height: 1.4; font-weight: 700; }
.lg-lead  { margin: 0 0 18px; color: var(--c-soft); font-size: 17px; }

.lg-meta {
    margin: 0 0 30px; padding-bottom: 20px;
    border-bottom: 1px solid var(--c-hair);
    color: var(--c-soft); font-size: 14px;
}
.lg-meta__sep { margin: 0 8px; }

/* فاصله‌ی بین بندها بزرگ‌تر از فاصله‌ی داخلشان است، و همین مرزِ بخش‌ها
   را می‌سازد. نوارِ رنگیِ کنارِ عنوان امتحان شد و برداشته شد: روی سندی
   که دوازده عنوان دارد، دوازده خط آبی می‌شود تزئین، نه سلسله‌مراتب —
   و سندِ حقوقی باید آرام باشد. اندازه و وزنِ حروف به‌تنهایی کافی‌اند. */
.lg-sec { margin: 0 0 34px; }
.lg-sec h2 {
    margin: 0 0 10px;
    font-size: clamp(19px, 3vw, 22px); line-height: 1.6; font-weight: 700;
}
.lg-sec p  { margin: 0 0 12px; }
.lg-sec ul { margin: 0 0 12px; padding-inline-start: 22px; }
.lg-sec li { margin-bottom: 8px; }

.lg-sec a { color: var(--c-brand); text-underline-offset: 3px; }
.lg-sec a:hover { color: var(--c-brand-2); }

.lg-sec code {
    background: var(--c-bg); border: 1px solid var(--c-hair);
    border-radius: 6px; padding: 1px 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .88em;
    /* عمداً unicode-bidi: متن لاتین داخل جمله‌ی فارسی باید چپ‌به‌راست بماند */
    direction: ltr; unicode-bidi: isolate;
}

.lg-sec strong { font-weight: 700; }

.lg-next {
    margin-top: 34px; padding-top: 20px;
    border-top: 1px solid var(--c-hair);
    color: var(--c-soft); font-size: 15px;
}
.lg-next a { color: var(--c-brand); font-weight: 500; margin-inline-start: 6px; }

.lg-foot {
    text-align: center; padding: 0 16px 48px;
    color: var(--c-soft); font-size: 14px;
}
.lg-foot a { color: var(--c-brand); text-decoration: none; }
.lg-foot a:hover { text-decoration: underline; }

/* ---------- چاپ ----------
   سند حقوقی را آدم‌ها چاپ می‌کنند. قاب و نوار و رنگ در چاپ فقط
   جوهر مصرف می‌کنند. */
@media print {
    .lg-top, .lg-foot, .lg-next { display: none; }
    body.lg-body { background: #fff; font-size: 12pt; line-height: 1.7; }
    .lg-doc { border: 0; padding: 0; }
    .lg-wrap { max-width: none; padding: 0; }
    .lg-sec  { page-break-inside: avoid; }
}