/* ============================================================================
   Ochiq sayt — yangi dizayn QO'SHIMCHALARI (qo'lda yoziladi).
   `tokens.css`, `kit.css`, `p/<sahifa>.css` — dizayndan avtomatik (`scripts/site_css.py`), ularga tegilmaydi.
   Bu yerda faqat dizaynda yo'q, lekin haqiqiy sahifa uchun kerak narsalar: `hidden`, o'tish havolasi,
   qidiruv formalari (dizayndagi yozuv o'rnida haqiqiy maydon), telefon menyusi varag'i, jonli ma'lumot holatlari.
   ============================================================================ */

[hidden]{display:none!important}

/* Klaviatura: asosiy qismga o'tish (faqat fokusda ko'rinadi). */
.s-skip{position:absolute;left:-9999px;top:8px;z-index:60;padding:10px 14px;border-radius:var(--r-2);background:var(--c-surface);
  color:var(--c-ink);font-weight:var(--fw-semi);box-shadow:var(--e-2)}
.s-skip:focus{left:8px}

/* Qidiruv formalari: dizayndagi kulrang yozuv (span) o'rnida haqiqiy `input` — ko'rinishi o'sha. */
form[role="search"] input{flex:1;min-width:0;align-self:stretch;border:0;background:none;padding:0;margin:0;font:inherit;color:var(--c-ink);
  outline:none;-webkit-appearance:none;appearance:none}
form[role="search"] input::placeholder{color:var(--c-ink-3);opacity:1}
form[role="search"] input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
form[role="search"]:focus-within{border-color:var(--c-brand);box-shadow:0 0 0 4px var(--c-focus-halo)}

/* Sarlavhadagi til yorlig'i — sayt sahifalari o'zbekcha (tanlov ilova ichida). */
span.s-lang{cursor:default}

/* Telefon/planshet menyusi (`.s-menu` tugmasi) — kit varag'i. */
.s-menu-root .scrim{animation:s-fade .2s var(--ease-out)}
.s-menu-root .sheet{animation:s-rise .28s var(--ease-out)}
.s-menu-root .sh-h h2{padding-top:10px}
.s-menu-root .lnk .i:last-child{color:var(--c-ink-3)}
.s-menu-root .lnk[aria-current="page"] b{color:var(--c-brand-text)}
@media (min-width:768px){.s-menu-root .sheet{animation:s-pop .22s var(--ease-out)}}
@keyframes s-fade{from{opacity:0}}
@keyframes s-rise{from{transform:translateY(24px);opacity:0}}
@keyframes s-pop{from{transform:translate(-50%,-48%);opacity:0}}
html.s-menu-open{overflow:hidden}

/* Texnik ishlar: dizayndagi qatordagi `style` o'rniga. */
.mt-u{margin-top:var(--sp-3)}
.mt-u a{color:inherit}
.mt-u a:hover{text-decoration:underline}

/* Dizayndagi qatordagi `style` lar o'rniga (sayt sahifalari). */
.s-t-gap{margin-bottom:var(--sp-4)}
.s-quick{margin-top:var(--sp-3)}
.s-dirs{margin-top:var(--sp-7)}

/* Katalog qidiruvi: natija ro'yxati (kit `.lnk` qatorlari), mos qism qalin. */
.s-found .lnk mark{background:none;color:inherit;font-weight:var(--fw-bold)}
.s-found .state{padding-top:var(--sp-2)}

/* Bo'lim/kasb sahifalari: dizayndagi qatordagi `style` lar. */
.s-h-row{gap:var(--sp-3);align-items:center}
.s-pills{margin:var(--sp-4) 0 var(--sp-5)}
.s-ch{padding-bottom:var(--sp-2)}
.s-t-gap3{margin-bottom:var(--sp-3)}
.s-head-0{margin-bottom:0}
.s-prn{border-radius:var(--r-2)}
/* Kasblar: birinchi 8 tasi, qolgani «Yana N ta kasb» bosilganda (JS bo'lmasa — hammasi ko'rinadi). */
.s-js .s-profs:not(.is-all) .s-more{display:none}
.s-js .s-profs.is-all .s-more-btn,.s-profs.is-filtered .s-more-btn{display:none}
.s-profs .lnk[hidden]{display:none}
.s-more-btn .i:last-child{color:var(--c-ink-3)}
.s-profs-empty{padding:var(--sp-5) var(--sp-4)}

/* «Qanday ishlaydi»: dizayndagi qatordagi `style` lar. */
.s-h1-mt{margin-top:12px}
.s-hero-b{margin-top:24px;flex-wrap:wrap}
.s-map{height:320px}
.s-mt48{margin-top:48px}
.s-mt32{margin-top:32px}
/* FAQ javobidagi havolalar (kit `a` rangni meros oladi — ajralib tursin). */
.faq details p a{color:var(--c-brand-ink);font-weight:var(--fw-semi)}
.faq details p a:hover{text-decoration:underline}

/* «Qanday ishlaydi» dagi FAQ bo'limi — dizaynda shu sahifada yo'q, uslub katalog sahifasidan (o'sha qoidalar). */
.p-site-how .s-sec{margin-top:var(--sp-8)}
.p-site-how .s-t{font-size:var(--fs-500);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:1.2}
.p-site-how .s-sh{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.p-site-how .s-sh p{color:var(--c-ink-3);font-size:var(--fs-250);margin-top:4px}
@media (min-width:768px){ .p-site-how .s-head h1{font-size:var(--fs-disp)} .p-site-how .s-t{font-size:var(--fs-600)} }
.p-site-how .faq{overflow:hidden}
.p-site-how .faq details + details{border-top:var(--bw-1) solid var(--c-line)}
.p-site-how .faq summary{list-style:none;display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semi);font-size:var(--fs-300);cursor:pointer}
.p-site-how .faq summary span{flex:1;min-width:0}
.p-site-how .faq summary::-webkit-details-marker{display:none}
.p-site-how .faq summary .i{color:var(--c-ink-3)}
.p-site-how .faq details[open] summary .i{rotate:180deg}
.p-site-how .faq details p{padding:0 var(--sp-4) var(--sp-4);color:var(--c-ink-2);font-size:var(--fs-250);line-height:1.55;max-width:720px}
@media (min-width:768px){ .p-site-how .faq summary{padding:var(--sp-3) var(--sp-5)} .p-site-how .faq details p{padding:0 var(--sp-5) var(--sp-5)} }

/* Huquqiy hujjatlar: dizayndagi qatordagi `style` lar. */
.s-lg-pills{margin-bottom:var(--sp-5)}
.s-lg-acts{margin-top:var(--sp-3)}
.s-lg-macts{gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4)}
.s-lg-help{margin-top:var(--sp-4)}
.s-lg-help a:not(.link){color:inherit}
.s-lg-one{max-width:760px}
.prose h2[id]{scroll-margin-top:88px}
@media print{.s-top,.s-foot,.toc-w,.mtoc,.s-lg-pills,.s-lg-macts,.s-lg-help,.crumbs{display:none!important}}

/* Yordam markazi: dizayndagi qatordagi `style` va qidiruvda yashirilgan savollar. */
.s-sup-p{padding:0 var(--sp-4) var(--sp-2)}
.faq details[hidden],[data-help-sec][hidden]{display:none}
.faq details:target{scroll-margin-top:96px}

/* «Ustalar uchun»: dizayndagi qatordagi `style` lar. */
.s-live-list{padding-top:var(--sp-2)}
.s-req .s-live-list{padding-bottom:var(--sp-2)}
.s-plan-h{justify-content:space-between;flex-wrap:wrap}
.s-plan-n{text-align:center}

/* Bosh sahifa (site-home): dizayndagi qatordagi `style` lar. */
.s-hs{margin-top:var(--sp-5)}
.s-more-l{display:inline-flex;align-items:center;min-height:var(--h-tap);gap:6px;margin-top:var(--sp-2)}
.s-t-mt{margin-top:6px}
.s-mt-b{margin-top:var(--sp-4)}

@media (prefers-reduced-motion:reduce){
  .s-menu-root .scrim,.s-menu-root .sheet{animation:none}
}

/* ---- Katta monitor (≥2400px): ilova (`styles.css`, `body{zoom}`) bilan BIR XIL masshtab — aks holda bosh sahifa
   (ilova ichida) kattalashib, «Xizmatlar», «Yordam» kabi statik sahifalarga o'tganda hammasi kichrayib qolardi
   (egasi 2026-10-05). `html:has(> body.site)` — faqat statik sahifalar; bosh sahifa o'ralganda (`home-kx.css`)
   `html` qoidasi tashqarida qoladi va ilovada `body.site` yo'q — ikki marta kattalashmaydi. */
@media (min-width:2400px){html:has(> body.site) body{zoom:1.25}}
@media (min-width:3400px){html:has(> body.site) body{zoom:1.6}}