/* ============================================================================
 * Hujjat sahifalari — maxfiylik siyosati, foydalanish shartlari.
 *
 * Ustozona'ning hujjat sahifalari bilan bir xil ruhda: tekis fon, oʻqish
 * uchun tor ustun (~68 belgi), neytral ranglar, DM Sans. Hamma rang
 * `/assets/theme.css` tokenlaridan — shu sabab qora rejim oʻzi ishlaydi
 * (`<html data-dark-ok>`).
 *
 * ⚠️ Eski `/legal.css` ga TEGILMAGAN: uni qulflangan `about.html` ham
 * ishlatadi (docs/LOCKED_PAGES.md) — qulf ochilganda sahifa avvalgi
 * koʻrinishida qaytishi kerak.
 * ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--ll-font);
  font-size: 15px;
  line-height: 1.7;
  color: var(--ll-ink2);
  background: var(--ll-bg);
  -webkit-font-smoothing: antialiased;
}

.lp-wrap { width: 100%; max-width: 760px; margin: 0 auto; padding-inline: 20px; }

/* ── Yuqori panel ── */
.lp-top {
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 10;
  background: color-mix(in srgb, var(--ll-bg) 88%, transparent);
  border-bottom: 1px solid var(--ll-line);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  backdrop-filter: saturate(160%) blur(10px);
}
.lp-top-in { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; }
.lp-brand {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--ll-ink); text-decoration: none;
  font-weight: 600; font-size: 15px; letter-spacing: -.01em;
}
.lp-brand img { width: 28px; height: 28px; border-radius: var(--ll-r-md); display: block; }
.lp-brand .lp-x { color: var(--ll-ink3); font-weight: 400; }
.lp-nav { display: flex; gap: 4px; }
.lp-nav a {
  padding: 6px 10px; border-radius: var(--ll-r-md);
  color: var(--ll-ink3); text-decoration: none; font-size: 14px; font-weight: 500;
}
.lp-nav a:hover { color: var(--ll-ink); background: var(--ll-surface2); }
.lp-nav a[aria-current="page"] { color: var(--ll-ink); background: var(--ll-acc-soft); }

/* ── Hujjat ── */
.lp-doc { padding-block: 40px 24px; }
.lp-eyebrow {
  margin: 0 0 8px; font-size: 12px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; color: var(--ll-ink3);
}
.lp-doc h1 {
  margin: 0; color: var(--ll-ink);
  font-size: clamp(26px, 4.4vw, 34px); line-height: 1.2;
  font-weight: 700; letter-spacing: -.02em; text-wrap: balance;
}
.lp-meta { margin: 10px 0 0; font-size: 13.5px; color: var(--ll-ink3); }

.lp-lead { margin: 22px 0 0; font-size: 16px; color: var(--ll-ink2); max-width: 68ch; }

/* «Qisqacha» — asosiy vaʼdalar bir qarashda */
.lp-summary {
  margin: 24px 0 0; padding: 18px 20px;
  background: var(--ll-surface); border: 1px solid var(--ll-line); border-radius: var(--ll-r-lg);
}
.lp-summary h2 { margin: 0 0 8px !important; font-size: 14px !important; }
.lp-summary ul { margin: 0; }

/* Mundarija */
.lp-toc { margin: 28px 0 8px; padding: 0; }
.lp-toc p { margin: 0 0 8px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ll-ink3); }
.lp-toc ol { margin: 0; padding: 0; list-style: none; columns: 2 240px; column-gap: 24px; }
.lp-toc li { break-inside: avoid; margin: 0 0 4px; font-size: 14px; }
.lp-toc a { color: var(--ll-ink2); text-decoration: none; }
.lp-toc a:hover { color: var(--ll-ink); text-decoration: underline; text-underline-offset: 3px; }

.lp-doc section { scroll-margin-top: 72px; }
.lp-doc h2 {
  margin: 36px 0 10px; color: var(--ll-ink);
  font-size: 18px; line-height: 1.35; font-weight: 600; letter-spacing: -.01em; text-wrap: balance;
}
.lp-doc h3 { margin: 18px 0 6px; color: var(--ll-ink); font-size: 15px; font-weight: 600; }
.lp-doc p { margin: 0 0 12px; max-width: 68ch; }
.lp-doc ul { margin: 0 0 14px; padding-left: 20px; max-width: 68ch; }
.lp-doc li { margin: 0 0 6px; }
.lp-doc li::marker { color: var(--ll-ink3); }
.lp-doc strong, .lp-doc b { color: var(--ll-ink); font-weight: 600; }
.lp-doc a {
  color: var(--ll-ink); font-weight: 500;
  text-decoration: underline; text-decoration-color: var(--ll-line);
  text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.lp-doc a:hover { text-decoration-color: currentColor; }
.nw { white-space: nowrap; }
.lp-doc code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
  background: var(--ll-surface2); border-radius: var(--ll-r-sm); padding: 1px 5px;
}

/* Ustozona bilan almashinuv — alohida ajratilgan blok */
.lp-note {
  margin: 12px 0 14px; padding: 14px 16px;
  background: var(--ll-surface2); border-radius: var(--ll-r-lg);
}
.lp-note p:last-child, .lp-note ul:last-child { margin-bottom: 0; }

/* ── Pastki qism ── */
.lp-foot {
  padding-block: 20px 40px; margin-top: 8px;
  border-top: 1px solid var(--ll-line);
  font-size: 13px; color: var(--ll-ink3);
}
.lp-foot p { margin: 0 0 6px; }
.lp-foot a { color: var(--ll-ink2); text-decoration: none; }
.lp-foot a:hover { color: var(--ll-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Telefonda ham IKKALA brend koʻrinadi — joy tugmalardan olinadi */
@media (max-width: 480px) {
  .lp-wrap { padding-inline: 16px; }
  .lp-brand { font-size: 14px; gap: 6px; }
  .lp-brand img { width: 24px; height: 24px; }
  .lp-nav a { padding: 6px 7px; font-size: 13px; }
  .lp-doc { padding-top: 28px; }
}