/* ══════════════════════════════════════════════════════════════════
 * HUQUQIY HUJJATLAR — QOG'OZ KO'RINISHI
 * 2026-09-14 · egasi: «maxfiylik siyosati va shartlar sahifasining
 * dizayni real PDF hujjat ko'rinishida bo'lsin».
 *
 * Fikr: sahifa emas, STOL USTIDAGI VARAQ. Kulrang stol, ustida oq A4
 * varaq (210mm), soyasi bilan. Matn serif — rasmiy hujjat shunday
 * o'qiladi; sarlavha va rekvizitlar sans — zamonaviy va toza.
 *
 * ⚠️ Bu fayl `legal-head.css` dan KEYIN yuklanadi va uni QOPLAYDI.
 * Neon/glass temalari bu sahifalarga ULANMAYDI: huquqiy hujjatda
 * binafsha shaxmat va shisha effektlari o'rinsiz.
 * ══════════════════════════════════════════════════════════════════ */

:root{
  --pg-stol:#E8EAF0;      /* stol */
  --pg-varaq:#FFFFFF;     /* qog'oz */
  --pg-siyoh:#1A1C21;     /* asosiy matn */
  --pg-siyoh-2:#43474F;   /* ikkinchi darajali */
  --pg-xira:#767C88;      /* rekvizit, izoh */
  --pg-chiziq:#DDE0E7;
  --pg-chiziq-2:#EDEFF3;
  --pg-urg:#6A00E0;       /* havola va aksent */
  --pg-en:210mm;          /* A4 eni */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{height:auto;margin:0}
body{
  background:var(--pg-stol);
  color:var(--pg-siyoh);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased}

/* ── O'qish chizig'i ─────────────────────────────────────────────── */
.lg-progress{position:fixed;top:0;left:0;height:2.5px;width:0;z-index:60;
  background:var(--pg-urg);transition:width .08s linear}

/* ══ 1 · TEPA PANEL ═══════════════════════════════════════════════
   Varaqdan ajralib tursin: stol rangida, faqat pastki chiziq. */
.lg-top{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:13px clamp(16px,4vw,40px);
  background:rgba(232,234,240,.92);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--pg-chiziq)}
.lg-logo{display:inline-flex;align-items:center;gap:10px;
  color:var(--pg-siyoh);text-decoration:none;min-width:0}
.lg-y{width:32px;height:32px;border-radius:8px;flex:none;object-fit:cover;
  box-shadow:0 1px 3px rgba(26,28,33,.18)}
/* Tashkilot nomi ustun bo'lib turadi: katta — nom, kichik — bo'lim. */
.lg-name{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.lg-name b{font-size:15px;font-weight:700;letter-spacing:-.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-name i{font-style:normal;font-size:10px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--pg-xira);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.lg-nav{display:flex;gap:2px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.lg-nav a{padding:7px 12px;border-radius:7px;font-size:13.5px;font-weight:500;
  color:var(--pg-siyoh-2);text-decoration:none;transition:background .14s,color .14s}
.lg-nav a:hover{background:rgba(26,28,33,.06);color:var(--pg-siyoh)}
.lg-nav a.is-active{background:#fff;color:var(--pg-siyoh);font-weight:600;
  box-shadow:0 1px 2px rgba(26,28,33,.10)}
.lg-nav a.cta{background:var(--pg-siyoh);color:#fff;font-weight:600;
  padding:7px 15px;margin-left:6px}
.lg-nav a.cta:hover{background:#000;color:#fff}

/* ══ 2 · VARAQ ════════════════════════════════════════════════════ */
/* Eski hero — qog'oz ichiga ko'chdi, bu yerda kerak emas. */
.lg-hero{display:none}

.lg-wrap{
  max-width:calc(var(--pg-en) + 300px);
  margin:0 auto;padding:clamp(18px,3.4vw,44px) clamp(12px,3vw,28px) 80px;
  display:grid;grid-template-columns:1fr minmax(0,var(--pg-en));
  gap:clamp(16px,2.4vw,34px);align-items:start;
  justify-content:center}

/* Yon navigatsiya — ekranda yordamchi, qog'ozda yo'q. */
.lg-toc{
  position:sticky;top:84px;justify-self:end;width:100%;max-width:236px;
  max-height:calc(100vh - 120px);overflow:auto;
  padding:4px 0 4px 2px}
.lg-toc-label{font-size:10px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--pg-xira);padding:0 10px 9px}
.lg-toc a{display:flex;gap:9px;align-items:baseline;
  padding:6px 10px;border-radius:7px;font-size:12.8px;line-height:1.4;
  color:var(--pg-siyoh-2);text-decoration:none;
  border-left:2px solid transparent;transition:background .14s,color .14s}
.lg-toc a .num{font-variant-numeric:tabular-nums;font-weight:600;
  color:var(--pg-xira);flex:none;min-width:14px;font-size:11.5px}
.lg-toc a:hover{background:rgba(26,28,33,.05);color:var(--pg-siyoh)}
.lg-toc a.is-active{background:#fff;color:var(--pg-siyoh);font-weight:600;
  border-left-color:var(--pg-urg)}
.lg-toc a.is-active .num{color:var(--pg-urg)}

/* ── Varaqlar ustuni ────────────────────────────────── */
/* Hujjat bitta cho'zilgan varaq emas, KETMA-KET A4 varaqlar (egasi,
   2026-09-14). Bo'limlar PHP tomonida taqsimlanadi — varaq chegarasi
   ekranda ham, chop etishda ham bir xil joyda bo'ladi. */
.lg-sheets{display:flex;flex-direction:column;gap:clamp(16px,2.2vw,30px);min-width:0}
/* Har varaq A4 nisbatiga yaqin: matn kam bo'lsa ham varaq to'liq
   ko'rinadi, ko'p bo'lsa pastga cho'ziladi (sun'iy kesish yo'q). */
.pg-sheet{min-height:calc(var(--pg-en) * 1.414);display:flex;flex-direction:column}
.pg-sheet > .pg-foot{margin-top:auto}
/* Ikkinchi va keyingi varaqlarning sarlavha qatori — ixcham. */
.pg-head-mini{margin-bottom:clamp(20px,2.6vw,30px)}
.pg-head-mini .pg-head-top{border-bottom-width:1px;border-bottom-color:var(--pg-chiziq)}
.pg-head-mini .pg-org{font-size:11px;letter-spacing:.1em}
.pg-head-mini .pg-org small{font-size:10px;letter-spacing:.02em}

/* ── Qog'ozning o'zi ─────────────────────────────────────────────── */
.lg-doc{
  background:var(--pg-varaq);
  padding:clamp(26px,5.2vw,58px) clamp(20px,5vw,62px) clamp(30px,3.8vw,48px);
  border-radius:2px;
  border:1px solid rgba(26,28,33,.08);
  box-shadow:0 1px 2px rgba(26,28,33,.06),
             0 14px 34px -14px rgba(26,28,33,.22);
  font-family:Georgia,'PT Serif','Times New Roman',serif;
  font-size:14.6px;line-height:1.45;color:var(--pg-siyoh)}

/* ══ 3 · HUJJAT SARLAVHASI ════════════════════════════════════════
   Rasmiy blank: tepada kim chiqargani va hujjat rekvizitlari, ostida
   nomi. Chop etilganda ham xuddi shunday chiqadi. */
.pg-head{margin:0 0 clamp(26px,3.6vw,40px);
  font-family:'Inter',system-ui,sans-serif}
.pg-head-top{display:flex;justify-content:space-between;gap:16px;
  flex-wrap:wrap;align-items:flex-start;
  padding-bottom:11px;border-bottom:2px solid var(--pg-siyoh)}
.pg-org{font-size:12.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--pg-siyoh)}
.pg-org small{display:block;margin-top:3px;font-size:10.5px;font-weight:500;
  letter-spacing:.04em;text-transform:none;color:var(--pg-xira)}
.pg-kod{font-size:10.5px;font-weight:600;letter-spacing:.07em;
  color:var(--pg-xira);text-align:right;font-variant-numeric:tabular-nums;
  white-space:nowrap}

.pg-turi{margin:18px 0 0;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--pg-xira);text-align:center}
.pg-nomi{margin:9px 0 0;font-size:clamp(23px,3.1vw,31px);font-weight:700;
  letter-spacing:-.022em;line-height:1.18;text-align:center;color:var(--pg-siyoh)}
/* Blankdagi tavsif markazda turadi — xatboshi chekinishi unga tegmasin. */
.pg-tavsif{margin:11px auto 0;max-width:52ch;font-size:13.5px;line-height:1.55;
  text-align:center;text-indent:0;color:var(--pg-siyoh-2)}

/* Rekvizit jadvali — versiya, sana, amal qilish. */
.pg-rekv{margin:24px 0 0;width:100%;border-collapse:collapse;
  font-size:12.3px;color:var(--pg-siyoh-2)}
.pg-rekv td{padding:7px 12px;border:1px solid var(--pg-chiziq);
  vertical-align:middle}
.pg-rekv td:first-child{width:38%;color:var(--pg-xira);font-weight:500;
  background:#FAFBFC}
.pg-rekv td:last-child{font-weight:600;color:var(--pg-siyoh);
  font-variant-numeric:tabular-nums}

/* ══ 4 · MUNDARIJA (qog'oz ichida, nuqtali yetaklovchi) ═══════════ */
.pg-mund{margin:0 0 clamp(26px,3.4vw,38px);padding:18px 0 20px;
  border-top:1px solid var(--pg-chiziq-2);
  border-bottom:1px solid var(--pg-chiziq-2);
  font-family:'Inter',system-ui,sans-serif}
.pg-mund h2{margin:0 0 12px;font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pg-xira)}
.pg-mund ol{margin:0;padding:0;list-style:none;
  display:grid;gap:2px}
.pg-mund a{display:flex;align-items:baseline;gap:8px;
  padding:3px 4px;border-radius:5px;text-decoration:none;
  color:var(--pg-siyoh-2);font-size:13.4px;line-height:1.4}
.pg-mund a:hover{background:#F6F7F9;color:var(--pg-siyoh)}
.pg-mund .n{font-weight:700;color:var(--pg-siyoh);flex:none;min-width:17px;
  font-variant-numeric:tabular-nums;font-size:12.6px}
/* Nuqtali yetaklovchi — bosma mundarijadagidek. */
.pg-mund .t{flex:none}
.pg-mund .dots{flex:1;min-width:14px;align-self:center;height:1px;
  background-image:radial-gradient(currentColor 1px, transparent 1px);
  background-size:5px 1px;background-repeat:repeat-x;
  color:var(--pg-chiziq);opacity:.85}

/* ══ 5 · MATN ═════════════════════════════════════════════════════ */
.lg-doc section{scroll-margin-top:96px}
.lg-doc section+section{margin-top:12px;padding-top:0;border-top:0}
.lg-doc h2{
  display:flex;gap:11px;align-items:baseline;
  margin:0 0 5px;font-family:'Inter',system-ui,sans-serif;
  font-size:16.4px;font-weight:700;letter-spacing:-.014em;
  line-height:1.32;color:var(--pg-siyoh)}
/* Bo'lim raqami — matn ichida, nuqta bilan: rasmiy hujjat shunday. */
.lg-doc h2 .n{
  flex:none;font-variant-numeric:tabular-nums;font-weight:700;
  color:var(--pg-siyoh);background:none;border:0;padding:0;
  width:auto;height:auto;min-width:0;font-size:16.4px;border-radius:0;
  display:inline;line-height:inherit}
.lg-doc h2 .n::after{content:'.'}
.lg-doc p{margin:0;text-indent:1.5em;text-align:justify;hyphens:auto}
.lg-doc h2+p,.lg-doc ul+p{text-indent:0}
/* Ro'yxatdan oldingi kirish jumlasi ro'yxatga yopishib tursin. */
.lg-doc p:has(+ul){margin-bottom:3px}
.lg-doc p:last-child{margin-bottom:0}
.lg-doc ul{margin:0 0 4px;padding:0 0 0 4px;list-style:none}
.lg-doc ul li{position:relative;padding:0 0 0 21px;margin:0 0 1px;
  text-align:justify}
.lg-doc ul li::before{content:'—';position:absolute;left:0;top:0;
  color:var(--pg-xira);font-weight:400}
.lg-doc a{color:var(--pg-urg);text-decoration:underline;
  text-underline-offset:2px;text-decoration-thickness:.06em}
.lg-doc a:hover{color:#4A009C}
/* Mundarija havolalari — bosma hujjatdagidek tagchiziqsiz.
   ⚠️ `.lg-doc a` dan KEYIN turishi shart: ikkalasining og'irligi
   teng, g'olibni manba tartibi hal qiladi. */
.lg-doc .pg-mund a,.lg-doc .pg-mund a:hover{text-decoration:none}
.lg-doc .pg-mund a{color:var(--pg-siyoh-2)}
.lg-doc .pg-mund a:hover{color:var(--pg-urg)}
.lg-doc strong{font-weight:700}
.lg-doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.86em;background:#F4F5F7;padding:1px 5px;border-radius:4px}
.lg-doc hr{border:0;border-top:1px solid var(--pg-chiziq);margin:26px 0}

/* Aloqa bo'limi — hujjat oxiridagi rekvizit blok. */
.lg-contact-section{margin-top:32px;padding:20px 22px;
  background:#FAFBFC;border:1px solid var(--pg-chiziq);border-radius:4px}
.lg-contact-section h2{font-size:12px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--pg-xira);margin-bottom:10px}
.lg-contact-section h2 .n{display:none}
.lg-contact-section p{margin:0 0 3px;font-size:14px;text-align:left;text-indent:0}

/* ══ 6 · HUJJAT ETAGI (varaq ichida) ══════════════════════════════ */
.pg-foot{margin:clamp(30px,4vw,44px) 0 0;padding-top:14px;
  border-top:1px solid var(--pg-chiziq);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-family:'Inter',system-ui,sans-serif;
  font-size:10.8px;color:var(--pg-xira);letter-spacing:.02em}
.pg-foot b{font-weight:600;color:var(--pg-siyoh-2)}

/* Chop etish tugmasi — varaq ustida, o'ng tepada. */
.pg-amal{display:flex;gap:8px;justify-content:flex-end;
  margin:0 0 10px;font-family:'Inter',system-ui,sans-serif}
.pg-btn{display:inline-flex;align-items:center;gap:7px;
  padding:8px 14px;border-radius:8px;border:1px solid var(--pg-chiziq);
  background:#fff;color:var(--pg-siyoh-2);
  font-size:12.8px;font-weight:600;cursor:pointer;text-decoration:none;
  transition:background .14s,color .14s,border-color .14s}
.pg-btn:hover{background:var(--pg-siyoh);color:#fff;border-color:var(--pg-siyoh)}
.pg-btn svg{width:14px;height:14px}

/* ══ 7 · SAHIFA ETAGI (stol ustida) ═══════════════════════════════ */
.lg-foot{max-width:calc(var(--pg-en) + 300px);margin:0 auto;
  padding:0 clamp(12px,3vw,28px) 44px;text-align:center;
  font-size:12.3px;color:var(--pg-xira)}
.lg-foot .links{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;
  margin-bottom:7px}
.lg-foot .links a{color:var(--pg-siyoh-2);text-decoration:none}
.lg-foot .links a:hover{color:var(--pg-urg);text-decoration:underline}
.lg-foot .copy{line-height:1.5}

/* ══ 8 · TOR EKRAN ════════════════════════════════════════════════ */
@media (max-width:1040px){
  .lg-wrap{grid-template-columns:minmax(0,1fr);max-width:var(--pg-en)}
  .lg-toc{display:none}
}
@media (max-width:560px){
  .pg-sheet{min-height:0}
  .lg-doc{font-size:14.8px;line-height:1.72;border-radius:0;
    margin-left:-12px;margin-right:-12px;
    border-left:0;border-right:0}
  .lg-doc p,.lg-doc ul li{text-align:left;hyphens:none}
  .pg-rekv td:first-child{width:46%}
  .pg-head-top{flex-direction:column;gap:7px}
  .pg-kod{text-align:left}
  .lg-nav a{padding:6px 8px;font-size:12.3px}
  .lg-nav a.cta{padding:6px 11px;margin-left:3px}
  .lg-top{padding:11px 14px;gap:10px}
  .lg-y{width:28px;height:28px}
  .lg-name b{font-size:13.6px}
  /* «Huquqiy hujjatlar» yozuvi kesilib qolgandan ko'ra chiqmasin. */
  .lg-name i{display:none}
}
/* Eng tor ekran: park nomi KESILMASIN — uning o'rniga menyudagi
   «Yordam» yashiriladi (u sahifa etagida ham bor). Nom — brend,
   yarim ko'ringan nom yo'qligidan yomonroq. */
@media (max-width:440px){
  .lg-name b{font-size:13px}
  .lg-nav a{padding:6px 7px;font-size:12px}
  .lg-nav a.cta{padding:6px 10px}
  .lg-nav a[href$="/help"]{display:none}
}

/* ══ 9 · CHOP ETISH / PDF ═════════════════════════════════════════
   Ekrandagi ko'rinish bilan bir xil chiqsin: varaq allaqachon A4
   kengligida, shuning uchun faqat stol va navigatsiya olib tashlanadi. */
@media print{
  @page{size:A4;margin:12mm 15mm 10mm}
  html,body{background:#fff !important}
  .lg-top,.lg-toc,.lg-progress,.pg-amal,.lg-foot{display:none !important}
  .lg-wrap{display:block;max-width:none;margin:0;padding:0}
  .lg-doc{box-shadow:none !important;border:0 !important;padding:0 !important;
    max-width:none}
  .lg-doc h2{margin-top:12px}
  .lg-doc section{break-inside:auto}
  .lg-doc h2{break-after:avoid}
  .lg-doc p,.lg-doc ul li{orphans:3;widows:3}
  .lg-sheets{display:block}
  /* Har varaq — o'z sahifasi; oxirgisidan keyin bo'sh sahifa qolmasin. */
  .pg-sheet{min-height:0;break-after:page}
  .pg-sheet:last-child{break-after:auto}
  .pg-head-mini{margin-bottom:16px}
  .lg-doc a{color:#000 !important;text-decoration:none}
  .pg-foot{position:relative}
}