/* Huquqiy sahifalar: /shartlar, /maxfiylik — uzun matn, shuning uchun och "qog'oz" fon (sarlavha va footer — tun). */
body { background: var(--paper); color: var(--ink-d); color-scheme: light; }
.lg { padding-top: calc(var(--nav-h) + 64px); padding-bottom: 96px; }
.lg h1 { margin: 0 0 12px; font-size: clamp(2.4rem, 5vw, 3.8rem); font-stretch: 88%; letter-spacing: -0.03em; line-height: 1.02; }
.lg-meta { margin: 0 0 26px; font-size: 0.92rem; color: var(--slate); }
.lg-lead { margin: 0 0 56px; max-width: 44rem; font-size: 1.15rem; line-height: 1.7; color: var(--ink-d); }
.lg-grid { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 64px; align-items: start; }
.lg-toc { position: sticky; top: calc(var(--nav-h) + 24px); padding-top: 14px; border-top: 2px solid var(--ink-d); }
.lg-toc p { margin: 0 0 12px; font-weight: 600; color: var(--ink-d); }
.lg-toc ol { margin: 0; padding-left: 20px; display: grid; gap: 8px; font-size: 0.94rem; color: var(--slate); }
.lg-toc a { color: var(--slate); text-decoration: none; }
.lg-toc a:hover { color: var(--ink-d); text-decoration: underline; }
.lg-body { max-width: 42rem; }
.lg-body section { padding: 0 0 34px; margin: 0 0 34px; border-bottom: 1px solid var(--paper-line); scroll-margin-top: calc(var(--nav-h) + 24px); }
.lg-body section:last-child { border-bottom: 0; }
.lg-body h2 { margin: 0 0 14px; font-size: 1.45rem; letter-spacing: -0.015em; max-width: none; }
.lg-body h2 span { color: var(--slate); font-weight: 500; }
.lg-body p, .lg-body li { font-size: 1.02rem; line-height: 1.75; color: #3B335A; }
.lg-body p { margin: 0 0 12px; }
.lg-body ul { margin: 0 0 12px; padding-left: 20px; display: grid; gap: 8px; }
.lg-body b { color: var(--ink-d); }
.lg-body a { color: var(--ink-d); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.lg-body code { font-family: var(--code); font-size: 0.88em; padding: 1px 6px; border-radius: 6px; background: var(--paper-2); color: var(--ink-d); }
.foot { background: var(--night); border-top: 0; margin-top: 0; }
@media (max-width: 860px) {
  .lg-grid { grid-template-columns: 1fr; gap: 32px; }
  .lg-toc { position: static; }
}