:root{
  --fon:#0A0A0B;
  --fon-1:#121214;
  --fon-2:#0E0E11;
  --fon-3:#09090A;
  --fon-4:#141418;
  --fon-urg:#1A1210;
  --chiz-1:#1C1C20;
  --chiz-2:#242428;
  --chiz-3:#2E2E34;
  --chiz-urg:#3A2218;
  --chiz-int:#636370;
  --matn:#FAFAFA;
  --matn-2:#D4D4D8;
  --matn-3:#A1A1AA;
  --matn-4:#8A8A94;
  --urg:#FF7A45;
  --urg-ust:#0A0A0B;
  --yashil:#4ADE80;
  --qizil:#FF9492;
  --soya:0 8px 30px rgba(0,0,0,.6);

  --bosh:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --tana:'Inter',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --r-s:7px;
  --r-m:10px;
  --r-l:14px;
  --en:1200px;
}

[data-tema="yorug"]{
  --fon:#FFFFFF;
  --fon-1:#F7F7F8;
  --fon-2:#F7F7F8;
  --fon-3:#F2F2F3;
  --fon-4:#EFEFF1;
  --fon-urg:#FFF4EE;
  --chiz-1:#E8E8EB;
  --chiz-2:#DEDEE2;
  --chiz-3:#CFCFD6;
  --chiz-urg:#F0C9B4;
  --chiz-int:#6B6B76;
  --matn:#0A0A0B;
  --matn-2:#27272A;
  --matn-3:#52525B;
  --matn-4:#5F5F6A;
  --urg:#C2410C;
  --urg-ust:#FFFFFF;
  --yashil:#147235;
  --qizil:#B91C1C;
  --soya:0 8px 30px rgba(10,10,11,.08);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fon);color:var(--matn-3);font:400 15px/1.6 var(--tana);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(a,button,summary,input,[tabindex]):focus-visible{outline:2px solid var(--urg);outline-offset:2px;border-radius:4px}

h1,h2,h3{font-family:var(--bosh);color:var(--matn);margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.16}
h1{font-size:clamp(30px,5vw,46px)}
h2{font-size:clamp(25px,3.6vw,36px)}
h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
p{margin:0}

.otkaz{position:absolute;left:-9999px;top:0;z-index:100;background:var(--urg);color:var(--urg-ust);padding:12px 18px;border-radius:var(--r-s);font-weight:600}
.otkaz:focus{left:16px;top:12px}

.ich{max-width:var(--en);margin:0 auto;padding:0 24px}
section{padding:0 0 86px}
.yetak{color:var(--matn-3);font-size:16.5px;line-height:1.7;margin-top:14px;max-width:72ch}
.dim{color:var(--matn-4)}

.belgi{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--matn-4)}
.meta{font-family:var(--mono);font-size:12.5px;color:var(--matn-4)}
.meta-urg{color:var(--urg)}
.meta-ok{color:var(--yashil)}

.shapka{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--fon) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--chiz-1)}
.shapka .ich{display:flex;align-items:center;gap:24px;height:64px}
.logo{font-family:var(--bosh);font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--matn)}
.logo span{color:var(--urg)}
.menyu{display:flex;gap:28px;margin-left:auto}
.menyu a{font-size:14.5px;font-weight:500;color:var(--matn-3);padding:6px 0;transition:color .15s;position:relative}
.menyu a:hover,.menyu a[aria-current]{color:var(--matn)}
.menyu a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--urg)}
.shapka-oxir{display:flex;align-items:center;gap:10px;margin-left:auto}
.ikon-tugma{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--chiz-2);border-radius:var(--r-s);color:var(--matn-3);transition:.15s}
.ikon-tugma:hover{color:var(--matn);border-color:var(--chiz-int)}
.ikon-tugma svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menyu-tugma{display:none}

.tugma{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--r-s);font-size:14.5px;font-weight:600;min-height:44px;transition:.15s;border:1px solid transparent}
.tugma-asosiy{background:var(--urg);color:var(--urg-ust)}
.tugma-asosiy:hover{filter:brightness(1.08);box-shadow:0 0 20px color-mix(in srgb,var(--urg) 25%,transparent)}
.tugma-chiziq{border-color:var(--chiz-int);color:var(--matn);font-weight:500}
.tugma-chiziq:hover{background:var(--fon-1);border-color:var(--urg)}
.tugma-kichik{padding:8px 14px;min-height:36px;font-size:13px}
.tugmalar{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

.chip{display:inline-flex;align-items:center;min-height:40px;padding:7px 13px;border:1px solid var(--chiz-3);border-radius:var(--r-s);font-size:13px;color:var(--matn-3);transition:.15s}
a.chip:hover,button.chip:hover{border-color:var(--urg);color:var(--matn)}
.chip-ol{background:var(--urg);border-color:var(--urg);color:var(--urg-ust);font-weight:600}
.chiplar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:26px}

.karta{background:var(--fon-1);border:1px solid var(--chiz-2);border-radius:var(--r-l);padding:24px}
a.karta{transition:.15s;display:block}
a.karta:hover{border-color:var(--chiz-int);box-shadow:var(--soya)}
.setka{display:grid;gap:16px}
.setka-2{grid-template-columns:repeat(2,1fr)}
.setka-3{grid-template-columns:repeat(3,1fr)}
/* uch karta yonma-yon: matn uzunligi har xil bo'lsa ham oxirgi qator bir chiziqda */
.setka-3>.karta{display:flex;flex-direction:column}
.setka-3>.karta>ul{flex:1}
.setka-5{grid-template-columns:repeat(5,1fr)}

.royxat{border-top:1px solid var(--chiz-3);border-bottom:1px solid var(--chiz-3);margin-top:26px}
.qator{display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--chiz-1)}
.qator:first-child{border-top:0}
a.qator{transition:.15s;padding-inline:6px;margin-inline:-6px;border-radius:6px}
a.qator:hover{background:var(--fon-1)}
.qator-nom{font-size:16.5px;font-weight:600;color:var(--matn);flex:0 0 280px}
.qator-izoh{flex:1;color:var(--matn-4);font-size:14.5px}
.qator-son{font-family:var(--mono);font-size:13px;color:var(--matn-3);flex:0 0 70px}
.qator-ok{font-family:var(--mono);font-size:13px;color:var(--yashil);flex:0 0 104px}
.qator-ok.sust{color:var(--matn-4)}

.panel{background:var(--fon-2);border:1px solid var(--chiz-2);border-radius:var(--r-l);overflow:hidden}
.panel-bosh{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--fon-4);border-bottom:1px solid var(--chiz-2)}
.panel-nom{font-family:var(--mono);font-size:12px;color:var(--matn-4)}
.panel-amal{margin-left:auto;display:flex;gap:8px;align-items:center}
.panel pre{margin:0;padding:20px;overflow-x:auto;font-family:var(--mono);font-variant-ligatures:none;font-feature-settings:'calt' 0,'liga' 0;font-size:13.5px;line-height:1.78;color:#E6E6E9;tab-size:4}
[data-tema="yorug"] .panel pre{color:#27272A}
.panel-natija{padding:14px 20px;background:var(--fon-3);border-top:1px solid var(--chiz-2);font-family:var(--mono);font-size:13px;line-height:1.7;color:var(--yashil);white-space:pre-wrap;word-break:break-word}
.panel-natija:empty{display:none}
.panel-natija.xato{color:var(--qizil)}
.panel-natija.kutish{color:var(--matn-4)}

.t-kw{color:#FF7B72}.t-fn{color:#D2A8FF}.t-str{color:#A5D6FF}.t-num{color:#79C0FF}.t-izoh{color:#8A8A94}.t-mod{color:#FFA657}
[data-tema="yorug"] .t-kw{color:#A21CAF}
[data-tema="yorug"] .t-fn{color:#6D28D9}
[data-tema="yorug"] .t-str{color:#0B6E4F}
[data-tema="yorug"] .t-num{color:#1D4ED8}
[data-tema="yorug"] .t-izoh{color:#5F5F6A}
[data-tema="yorug"] .t-mod{color:#B45309}

.hero{padding:70px 0 44px}
.hero-setka{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.hero p{margin-top:20px;font-size:17px;line-height:1.72;color:var(--matn-3)}
.dalil{border:1px solid var(--chiz-2);border-radius:var(--r-l);overflow:hidden;background:var(--fon-1)}
.dalil img{border-bottom:1px solid var(--chiz-2);width:100%}
.dalil-izoh{padding:16px 18px}
.dalil-izoh p{font-size:13.5px;line-height:1.62;color:var(--matn-3);margin:0 0 8px}

.xato-bosh{display:flex;align-items:flex-end;gap:24px;padding-bottom:18px}
.xato-bosh>div{flex:1}
.xato-bosh h3{font-size:22px;margin-top:8px}
.raqam-chip{font-family:var(--mono);font-size:13.5px;color:var(--urg);background:var(--fon-1);border:1px solid var(--chiz-3);border-radius:var(--r-s);padding:9px 15px;white-space:nowrap}
.raqam-chip.sust{color:var(--matn-4)}
.xato-rasm{border:1px solid var(--chiz-2);border-radius:var(--r-m);width:100%}
.xato-izoh{display:grid;grid-template-columns:1fr 360px;gap:40px;padding-top:18px}
.xato-izoh p{font-size:15.5px;line-height:1.7;color:var(--matn-3)}
.xato-izoh .meta{white-space:pre-line;line-height:1.7;font-size:11.5px}
.xato-qator{display:flex;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--chiz-2)}
.xato-qator:last-of-type{border-bottom:1px solid var(--chiz-2)}
.xato-qator>div{flex:1}
.xato-qator h3{font-size:18px;margin-bottom:7px}
.xato-qator p{font-size:14.5px;color:var(--matn-4);line-height:1.62}

.maqola-setka{display:grid;grid-template-columns:234px minmax(0,1fr) 214px;gap:44px;padding-top:34px}
.yon,.ongda{position:sticky;top:84px;align-self:start;font-size:13.5px}
.yon-havola{display:block;padding:6px 0;color:var(--matn-4);transition:color .15s}
.yon-havola:hover{color:var(--matn)}
.yon-havola.joriy{color:var(--matn);font-weight:600;border-left:2px solid var(--urg);padding-left:10px;margin-left:-12px}
.proza h2{font-size:25px;margin-top:30px}
.proza p{font-size:17px;line-height:1.78;color:var(--matn-2);margin-top:14px}
.proza figure{margin:24px 0 0}
.proza figure img{border:1px solid var(--chiz-2);border-radius:var(--r-m);width:100%}
.proza figcaption{font-size:14px;line-height:1.65;color:var(--matn-4);margin-top:12px}
.proza .panel{margin-top:22px}
.ogoh{display:flex;gap:14px;padding:18px 20px;background:var(--fon-1);border:1px solid var(--chiz-3);border-radius:var(--r-m);margin-top:26px}
.ogoh::before{content:"";flex:0 0 3px;background:var(--urg);border-radius:2px}
.ogoh b{display:block;color:var(--matn);font-size:15px;margin-bottom:6px}
.ogoh p{font-size:14.5px;line-height:1.62;color:var(--matn-3)}
.kochish{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.kochish a{padding:16px 18px;border:1px solid var(--chiz-2);border-radius:var(--r-m);transition:.15s}
.kochish a:hover{border-color:var(--chiz-int)}
.kochish b{display:block;color:var(--matn);font-size:15px;margin-top:6px;font-weight:600}

.progress-chiziq{position:fixed;top:0;left:0;height:2px;background:var(--urg);width:0;z-index:50}
.progress{height:6px;background:var(--chiz-2);border-radius:3px;overflow:hidden;margin-top:16px}
.progress i{display:block;height:100%;background:var(--urg);border-radius:3px}

.qidiruv-maydon{display:flex;align-items:center;gap:14px;padding:15px 20px;background:var(--fon-1);border:1px solid var(--chiz-int);border-radius:var(--r-m);max-width:880px;margin-top:22px}
.qidiruv-maydon:focus-within{border-color:var(--urg);box-shadow:0 0 0 3px color-mix(in srgb,var(--urg) 15%,transparent)}
.qidiruv-maydon input{flex:1;background:none;border:0;outline:0;color:var(--matn);font:400 16.5px var(--tana);min-width:0}
.qidiruv-maydon input::placeholder{color:var(--matn-4)}
.qidiruv-maydon .meta{white-space:nowrap}
.natija{padding:20px 0;border-top:1px solid var(--chiz-1)}
.natija h3{font-size:18px;margin:7px 0}
.natija p{font-size:15px;line-height:1.68;color:var(--matn-3)}
.natija-bosh{display:flex;gap:10px;flex-wrap:wrap}
mark{background:color-mix(in srgb,var(--urg) 24%,transparent);color:var(--matn);border-radius:3px;padding:0 2px}

.qism-bosh{display:flex;align-items:baseline;gap:16px;padding:0 0 12px;margin-top:40px;border-bottom:1px solid var(--chiz-3)}
.qism-bosh h3{font-size:19px}
.qism-bosh .meta{margin-left:auto}
.bob-qator{display:flex;align-items:center;gap:16px;padding:14px 6px;margin-inline:-6px;border-top:1px solid var(--chiz-1);transition:.15s;border-radius:6px}
.bob-qator:first-of-type{border-top:0}
.bob-qator:hover{background:var(--fon-1)}
.bob-raqam{font-family:var(--mono);font-size:12.5px;color:var(--matn-4);flex:0 0 34px}
.bob-nom{flex:1;font-size:15.5px;font-weight:500;color:var(--matn-2)}
.bob-qator.joriy .bob-raqam{color:var(--urg)}
.bob-qator.joriy .bob-nom{color:var(--matn);font-weight:600}
.bob-holat{font-family:var(--mono);font-size:12px;flex:0 0 96px;text-align:right}

.narx{display:flex;align-items:baseline;gap:8px;margin:22px 0 0}
.narx-kim{min-height:44px}
.narx b{font-family:var(--bosh);font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--matn)}
.narx span{font-size:14px;color:var(--matn-4)}
.belgili{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--chiz-2)}
.belgili li{position:relative;padding:0 0 10px 22px;font-size:14.5px;color:var(--matn-3);line-height:1.6}
.belgili li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--urg)}
.dars{display:grid;grid-template-columns:150px 1fr 130px 1fr 160px;gap:10px;margin-top:26px}
.dars>div{padding:16px;background:var(--fon-1);border:1px solid var(--chiz-2);border-radius:var(--r-m)}
.dars .urg{background:var(--fon-urg);border-color:var(--chiz-urg)}
.dars b{display:block;font-size:14.5px;color:var(--matn);margin-top:8px;font-weight:600}
.dars .urg .meta{color:var(--urg)}
.savol{padding:20px 0;border-top:1px solid var(--chiz-1)}
.savol summary{font-size:16.5px;font-weight:600;color:var(--matn);cursor:pointer;list-style:none;display:flex;gap:14px;align-items:flex-start;min-height:28px}
.savol summary::-webkit-details-marker{display:none}
.savol summary::after{content:"+";margin-left:auto;font-family:var(--mono);color:var(--matn-4);font-weight:400;font-size:19px;line-height:1}
.savol[open] summary::after{content:"\2212"}
.savol p{margin-top:12px;font-size:15px;line-height:1.7;color:var(--matn-3);max-width:88ch}

.huquq{display:grid;grid-template-columns:260px minmax(0,760px);gap:70px;padding-top:66px}
.huquq-yon{position:sticky;top:84px;align-self:start}
.huquq-yon a{display:block;font-size:13.5px;line-height:2.1;color:var(--matn-4)}
.huquq-yon a:hover,.huquq-yon a.joriy{color:var(--matn)}
.qisqa{background:var(--fon-1);border:1px solid var(--chiz-3);border-radius:var(--r-l);padding:22px 24px;margin-top:20px}
.qisqa p{font-size:15.5px;line-height:1.7;color:var(--matn-2);margin-top:10px}
.huquq-matn h2{font-size:24px;margin-top:34px}
.huquq-matn p{font-size:16px;line-height:1.78;color:var(--matn-2);margin-top:14px}
.saqlov{display:flex;gap:20px;padding:14px 0;border-top:1px solid var(--chiz-1);align-items:baseline;flex-wrap:wrap}
.saqlov code{font-family:var(--mono);font-size:13px;color:var(--urg);flex:0 0 190px}
.saqlov p{font-size:15px;color:var(--matn-3);line-height:1.6;margin:0;flex:1}

.yoq{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0}
.yoq-havola{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--chiz-1);transition:.15s}
.yoq-havola:last-child{border-bottom:1px solid var(--chiz-1)}
.yoq-havola:hover{padding-left:6px}
.yoq-havola>div{flex:1}
.yoq-havola b{display:block;font-size:16px;font-weight:600;color:var(--matn)}
.yoq-havola p{font-size:14px;color:var(--matn-4);margin-top:4px}
.yoq-havola span{font-family:var(--mono);color:var(--matn-4)}
.yoq-havola:hover span{color:var(--urg)}

.futer{border-top:1px solid var(--chiz-1);padding:34px 0;margin-top:20px}
.futer .ich{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.futer-chap{margin-right:auto}
.futer-chap p{font-size:13px;color:var(--matn-4);margin-top:6px}
.futer a{font-size:13.5px;color:var(--matn-4);transition:color .15s}
.futer a:hover{color:var(--matn)}
.futer .tg{font-family:var(--mono);font-size:13px;color:var(--urg)}

.yuqoriga{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:var(--fon-1);border:1px solid var(--chiz-int);color:var(--matn);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s;z-index:30}
.yuqoriga.kor{opacity:1;pointer-events:auto}

@media (max-width:1100px){
  .maqola-setka{grid-template-columns:minmax(0,1fr);gap:0}
  .yon,.ongda{display:none}
  .huquq{grid-template-columns:minmax(0,1fr);gap:0}
  .huquq-yon{display:none}
  .setka-5{grid-template-columns:repeat(2,1fr)}
  .xato-izoh{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (max-width:860px){
  .menyu{position:fixed;inset:64px 0 auto;flex-direction:column;gap:0;background:var(--fon);border-bottom:1px solid var(--chiz-2);padding:8px 24px 20px;margin:0;display:none}
  .menyu.ochiq{display:flex}
  .menyu a{padding:14px 0;border-bottom:1px solid var(--chiz-1);font-size:16px;min-height:44px;display:flex;align-items:center}
  .menyu a[aria-current]::after{display:none}
  .menyu-tugma{display:grid}
  .shapka-oxir{margin-left:auto}
  .hero-setka,.setka-2,.setka-3,.yoq,.kochish{grid-template-columns:minmax(0,1fr)}
  .hero{padding:44px 0 30px}
  section{padding-bottom:58px}
  .dars{grid-template-columns:repeat(2,1fr)}
  .qator{flex-wrap:wrap;gap:6px 16px}
  .qator-nom{flex-basis:100%}
  .qator-izoh{flex-basis:100%;order:3}
  .xato-bosh{flex-direction:column;align-items:flex-start;gap:12px}
  .xato-qator{flex-direction:column;align-items:flex-start;gap:12px}
  .futer .ich{gap:14px}
  .futer-chap{flex-basis:100%;margin-right:0}
  .huquq,.yoq{padding-top:40px}
}
@media (max-width:560px){
  .ich{padding:0 16px}
  .setka-5,.dars{grid-template-columns:minmax(0,1fr)}
  .tugmalar .tugma{flex:1;justify-content:center}
  .qator-nom{font-size:15.5px}
  .saqlov code{flex-basis:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media print{
  .shapka,.futer,.yuqoriga,.panel-amal,.yon,.ongda,.huquq-yon,.progress-chiziq,.otkaz{display:none}
  body{background:#fff;color:#000}
  .maqola-setka,.huquq,.yoq{grid-template-columns:1fr}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px;color:#555}
}

/* kitobdan kelgan kontent */
.panel+.panel,.panel+.panel-chiqish{margin-top:10px}
.proza .panel{margin-top:20px}
.panel-chiqish{background:var(--fon-3)}
.panel-chiqish .panel-bosh{background:transparent;border-bottom-color:var(--chiz-1)}
.panel-chiqish .panel-nom{color:var(--yashil)}
.panel-chiqish pre{color:var(--yashil);font-size:13px}
[data-tema="yorug"] .panel-chiqish pre{color:var(--yashil)}

.proza .highlight{background:var(--fon-2);border:1px solid var(--chiz-2);border-radius:var(--r-l);overflow:hidden;margin-top:20px}
.proza .highlight pre{margin:0;padding:18px;overflow-x:auto;font-family:var(--mono);font-variant-ligatures:none;font-size:13.5px;line-height:1.75;color:#E6E6E9}

.proza pre .k,.proza pre .kn,.proza pre .kd,.proza pre .kc,.proza pre .ow,.proza pre .bp{color:#FF7B72}
.proza pre .nn,.proza pre .nc{color:#FFA657}
.proza pre .nf,.proza pre .fm{color:#D2A8FF}
.proza pre .s,.proza pre .s1,.proza pre .s2,.proza pre .sa,.proza pre .sb,.proza pre .se,.proza pre .si,.proza pre .sd{color:#A5D6FF}
.proza pre .m,.proza pre .mi,.proza pre .mf,.proza pre .mh,.proza pre .il{color:#79C0FF}
.proza pre .c,.proza pre .c1,.proza pre .cm,.proza pre .cp,.proza pre .cs{color:#8A8A94;font-style:italic}
.proza pre .nb{color:#79C0FF}
.proza pre .o,.proza pre .p,.proza pre .n,.proza pre .w{color:inherit}
[data-tema="yorug"] .proza pre .k,[data-tema="yorug"] .proza pre .kn,[data-tema="yorug"] .proza pre .kd,[data-tema="yorug"] .proza pre .kc,[data-tema="yorug"] .proza pre .ow,[data-tema="yorug"] .proza pre .bp{color:#A21CAF}
[data-tema="yorug"] .proza pre .nn,[data-tema="yorug"] .proza pre .nc{color:#B45309}
[data-tema="yorug"] .proza pre .nf,[data-tema="yorug"] .proza pre .fm{color:#6D28D9}
[data-tema="yorug"] .proza pre .s,[data-tema="yorug"] .proza pre .s1,[data-tema="yorug"] .proza pre .s2{color:#0B6E4F}
[data-tema="yorug"] .proza pre .m,[data-tema="yorug"] .proza pre .mi,[data-tema="yorug"] .proza pre .mf,[data-tema="yorug"] .proza pre .nb{color:#1D4ED8}
[data-tema="yorug"] .proza pre .c,[data-tema="yorug"] .proza pre .c1,[data-tema="yorug"] .proza pre .cm{color:#5F5F6A}

.quti{border:1px solid var(--chiz-3);border-left:3px solid var(--urg);background:var(--fon-1);border-radius:var(--r-m);padding:18px 20px;margin-top:24px}
.quti .quti-nom{font-weight:600;color:var(--matn);font-size:15px;margin-bottom:8px}
.quti p{font-size:15px;line-height:1.66;color:var(--matn-3);margin-top:8px}
.quti p:first-child{margin-top:0}
.quti-tip{border-left-color:var(--yashil)}
.quti-gotcha{border-left-color:var(--urg)}

.proza .tbl{overflow-x:auto;margin-top:22px;border:1px solid var(--chiz-2);border-radius:var(--r-m)}
.proza table{border-collapse:collapse;font-size:14px;display:block;overflow-x:auto;width:max-content;max-width:100%}
.proza .tbl table{border:0}
.proza .tbl>table{width:100%}
.proza th,.proza td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--chiz-1);vertical-align:top}
.proza thead th{background:var(--fon-1);color:var(--matn);font-weight:600;font-size:13px;white-space:nowrap;position:sticky;top:0}
.proza tbody tr:last-child td{border-bottom:0}
.proza tbody td{color:var(--matn-3)}
.proza table code{font-family:var(--mono);font-size:12.5px;color:var(--urg)}

.proza h3{font-size:19px;margin-top:26px}
.proza ul,.proza ol{margin:14px 0 0;padding-left:22px;color:var(--matn-2)}
.proza li{font-size:16.5px;line-height:1.7;margin-top:8px}
.proza strong{color:var(--matn)}
.proza a:not(.tugma):not(.karta):not(.bob-qator){color:var(--urg);text-decoration:underline;text-underline-offset:3px}
.proza blockquote{margin:22px 0 0;padding-left:18px;border-left:3px solid var(--chiz-3);color:var(--matn-4)}
.proza :not(pre)>code{font-family:var(--mono);font-size:.88em;background:var(--fon-1);border:1px solid var(--chiz-2);border-radius:5px;padding:1px 5px;color:var(--matn-2)}
.proza img{border:1px solid var(--chiz-2);border-radius:var(--r-m);margin-top:20px}
.proza em{color:var(--matn-3)}

.ich.keng{max-width:min(1400px,calc(100vw - 64px))}
.ich.keng .proza .highlight pre,.ich.keng .proza .panel pre{font-size:12.5px;line-height:1.7}
@media (min-width:1280px){
  .ich.keng.maqola-setka{grid-template-columns:200px minmax(0,1fr) 180px;gap:36px}
}
.proza pre::-webkit-scrollbar{height:9px}
.proza pre::-webkit-scrollbar-thumb{background:var(--chiz-3);border-radius:5px}
.proza pre::-webkit-scrollbar-track{background:transparent}
.proza pre{scrollbar-width:thin;scrollbar-color:var(--chiz-3) transparent}

.proza svg{max-width:100%;height:auto}
.proza .tbl,.proza pre,.proza img,.proza iframe{max-width:100%}
.proza p,.proza li,.proza td,.proza th{overflow-wrap:anywhere}

/* panel sarlavhasi: til yorlig'i */
.panel-til{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--urg);background:color-mix(in srgb,var(--urg) 13%,transparent);
  border:1px solid color-mix(in srgb,var(--urg) 28%,transparent);border-radius:5px;padding:3px 8px}
.panel-qator{font-family:var(--mono);font-size:11.5px;color:var(--matn-4);margin-left:10px}
.til-chiqish{color:var(--yashil);background:color-mix(in srgb,var(--yashil) 12%,transparent);
  border-color:color-mix(in srgb,var(--yashil) 28%,transparent)}
.panel-chiqish .panel-bosh{background:transparent}

/* grafiklar qorong'i temada saytning foniga moslashadi; fotolar tegilmaydi */
:root:not([data-tema="yorug"]) .proza img[data-tur="grafik"]{
  filter:invert(1) hue-rotate(180deg);
  background:#fff;
  border-color:var(--chiz-2);
}
.proza img[data-tur="rasm"]{background:var(--fon-1)}

/* bob xulosasi */
.proza h2.xulosa-bosh{margin-top:40px;padding:14px 18px;background:var(--fon-1);
  border:1px solid var(--chiz-3);border-left:3px solid var(--urg);border-radius:var(--r-m);font-size:21px}
.natija-rasm{margin-top:12px;border:1px solid var(--chiz-2);border-radius:var(--r-m);background:#fff;max-width:100%}

/* ma'lumot fayllari */
.malumot-quti{background:var(--fon-1);border:1px solid var(--chiz-3);border-radius:var(--r-l);padding:20px 22px;margin:24px 0}
.malumot-bosh{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px}
.malumot-bosh strong{color:var(--matn);font-size:15.5px}
.mal-royxat{display:flex;flex-wrap:wrap;gap:10px}
.mal-fayl{display:inline-flex;align-items:center;gap:12px;padding:9px 14px;background:var(--fon);
  border:1px solid var(--chiz-int);border-radius:var(--r-s);transition:.15s;min-height:42px}
.mal-fayl:hover{border-color:var(--urg);background:var(--fon-1)}
.mal-nom{font-family:var(--mono);font-size:13px;color:var(--matn)}
.mal-fayl .meta{font-size:11.5px;color:var(--urg)}
.proza .malumot-quti a{text-decoration:none}

/* qulflangan boblar va sotuv kartasi */
.bob-qator.qulflangan{opacity:.5;cursor:default}
.bob-qator.qulflangan:hover{background:transparent}
.bob-qator.qulflangan .bob-nom{color:var(--matn-4);font-weight:400}
.qulf-ikon{vertical-align:-2px;color:var(--matn-4)}
.sotuv-karta{border-color:var(--chiz-int)}
.sotuv-karta .narx b{font-size:40px}
.tarkib{margin-top:20px;border-top:1px solid var(--chiz-2);padding-top:6px}
.tarkib-qator{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--chiz-1)}
.tarkib-qator:last-child{border-bottom:0}
.tarkib-qator strong{color:var(--matn);font-size:14.5px;flex:0 0 150px}
.tarkib-qator span{color:var(--matn-4);font-size:13.5px;flex:1}