/* ============================================================================
   OptionAi — صفحه‌های حقوقی (/privacy/ و /terms/)
   پیش از ورود دیده می‌شوند (لینک گوگل، اینماد، پابرگ لندینگ)، پس مثل لندینگ
   تم را theme-system.js از سیستم کاربر می‌خواند و core.js بار نمی‌شود.
   ========================================================================== */
body{ background:var(--bg); color:var(--txt); margin:0 }

.lg-wrap{ width:min(100% - 2.5rem, 860px); margin-inline:auto }
@media (max-width:640px){ .lg-wrap{ width:min(100% - 2rem, 860px) } }

.lg-top{ border-bottom:1px solid var(--line-soft); background:var(--surface-2) }
.lg-top-in{ display:flex; align-items:center; gap:1rem; min-height:68px }
.lg-top .brand-mark{ --brand-logo-h:52px }
.lg-top nav{ display:flex; gap:.35rem 1rem; flex-wrap:wrap; margin-inline-start:auto; font-size:13px }
.lg-top nav a{ color:var(--txt-dim); text-decoration:none }
@media (max-width:640px){
  .lg-top-in{ flex-wrap:wrap; gap:.3rem 1rem; padding-block:.5rem }
  .lg-top .brand-mark{ --brand-logo-h:44px }
  .lg-top nav{ width:100%; margin-inline-start:0; font-size:12.5px }
}
.lg-top nav a:hover, .lg-top nav a[aria-current="page"]{ color:var(--gold-ink) }

.lg-main{ padding-block:2.25rem 3rem }
.lg-head h1{ font-size:26px; font-weight:800; margin:0 0 .4rem; color:var(--txt-strong) }
.lg-meta{ font-size:12.5px; color:var(--txt-mute); margin:0 }
.lg-lead{ font-size:14.5px; line-height:2.1; color:var(--txt-dim); margin:1.1rem 0 0 }

.lg-toc{ margin-top:1.5rem; padding:1rem 1.2rem; border:1px solid var(--line); border-radius:14px;
         background:var(--surface) }
.lg-toc b{ font-size:13px; color:var(--txt-strong) }
.lg-toc ol{ list-style-type:persian; margin:.5rem 0 0; padding-inline-start:1.3rem; columns:2; column-gap:2rem; font-size:13px; line-height:2 }
@media (max-width:640px){ .lg-toc ol{ columns:1 } }
.lg-toc a{ color:var(--txt-dim); text-decoration:none }
.lg-toc a:hover{ color:var(--gold-ink) }

.lg-sec{ margin-top:2rem; scroll-margin-top:1rem }
.lg-sec h2{ font-size:17px; font-weight:700; color:var(--txt-strong); margin:0 0 .6rem;
            padding-inline-start:.7rem; border-inline-start:3px solid var(--gold) }
.lg-sec p, .lg-sec li{ font-size:14px; line-height:2.1; color:var(--txt) }
.lg-sec p{ margin:.5rem 0 }
.lg-sec ul{ margin:.4rem 0; padding-inline-start:1.3rem }
.lg-sec li{ margin:.2rem 0 }
.lg-sec b{ color:var(--txt-strong) }
.lg-sec a, .lg-lead a{ color:var(--gold-ink) }
.lg-note{ margin:.8rem 0; padding:.8rem 1rem; border-radius:12px; background:var(--gold-soft);
          border:1px solid var(--gold-ring); font-size:13.5px; line-height:2 }
.ltr{ direction:ltr; unicode-bidi:isolate }

.lg-foot{ border-top:1px solid var(--line-soft); padding-block:1.4rem; font-size:12.5px; color:var(--txt-mute) }
.lg-foot-in{ display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; align-items:center }
.lg-foot a{ color:var(--txt-dim); text-decoration:none }
.lg-foot a:hover{ color:var(--gold-ink) }
.lg-foot span{ margin-inline-start:auto }