/* Huquqiy hujjatlar uchun uslub — oferta va maxfiylik siyosati.
   Landing'ning style.css dagi belgilarini (rang, shrift) qayta ishlatadi,
   bu yerda faqat uzun matnni o'qishga moslash bor. */

.hujjat {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(28px, 6vw, 72px) var(--pad) 120px;
}

.hujjat__orqaga {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink-3);
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 34px;
}
.hujjat__orqaga:hover { color: var(--ink); }

.hujjat__eyebrow {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: transparent;
  background: var(--iris);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
  margin-bottom: 12px;
}

.hujjat h1 {
  font-size: clamp(30px, 5.5vw, 46px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  font-weight: 700;
  margin: 0 0 14px;
  text-wrap: balance;
}

.hujjat__sana {
  color: var(--ink-3);
  font-size: 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  margin: 0 0 40px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--line);
}

.hujjat h2 {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  font-weight: 700;
  margin: 44px 0 14px;
  display: flex;
  gap: 12px;
  align-items: baseline;
}
.hujjat h2 .raqam {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  color: var(--ink-3);
  font-weight: 400;
  flex: none;
}

.hujjat h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 10px;
}

.hujjat p,
.hujjat li {
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.62;
}
.hujjat p { margin: 0 0 14px; }

/* Landing'ning style.css barcha ro'yxatlardan belgini olib tashlaydi
   (`list-style: none`) — u yerda ro'yxatlar dizayn elementi. Huquqiy
   hujjatda esa belgi kerak: bandlarni sanab o'qish osonlashadi. */
.hujjat ul { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.hujjat ol { margin: 0 0 16px; padding-left: 22px; list-style: decimal; }
.hujjat li { margin-bottom: 8px; list-style: inherit; }
.hujjat li::marker { color: var(--ink-3); }
.hujjat strong { color: var(--ink); font-weight: 600; }
.hujjat a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

/* Muhim qoidalar — o'qimay o'tib ketilmasin */
.hujjat__muhim {
  border: 1px solid var(--rim);
  background: var(--glass);
  border-radius: var(--r);
  padding: 20px 22px;
  margin: 24px 0;
}
.hujjat__muhim p:last-child { margin-bottom: 0; }

/* Rekvizitlar — yuridik shaxs ro'yxatdan o'tgach to'ldiriladi */
.hujjat__rekvizit {
  border: 1px dashed var(--rim);
  border-radius: var(--r);
  padding: 20px 22px;
  margin: 24px 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
  line-height: 1.9;
  color: var(--ink-2);
}
.hujjat__rekvizit .toldirilmagan { color: var(--ink-3); }

.hujjat__jadval { width: 100%; border-collapse: collapse; margin: 20px 0 24px; font-size: 15px; }
.hujjat__jadval th,
.hujjat__jadval td { text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--line); }
.hujjat__jadval th { color: var(--ink-3); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; }
.hujjat__jadval td { color: var(--ink-2); }
.hujjat__jadval td:first-child { color: var(--ink); font-weight: 600; }
.hujjat__jadval td.narx { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }

.hujjat__oxir {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  color: var(--ink-3);
  font-size: 14px;
}
