/* ═══════════════════════════════════════════════════════════════
   ТАРҒИБОТ 8 ОЙЛИГИ — 5-йўналиш блокларининг услуби (index.html).
   Варақ рамкаси, сарлавҳа банди, колонтитул ва карта ҳошиялари
   асосий планшетдан (app.css + visuals.css) ўзгаришсиз олинади; бу
   ерда фақат янги тузилмалар: сўровнома ҳалқаси, 2025/2026 қиёси,
   суратли ишлар рўйхати, йирик рақамли карталар, ахборот каналлари,
   ёш чекловлари, қонун иқтибоси, кўрик-танловлар ва иконкали плиталар.
   Барча ўлчовлар --u да (1u = варақ энининг 1%).
   ═══════════════════════════════════════════════════════════════ */
:root{
  --tg-navy:#103760; --tg-blue:#246db0; --tg-line:#c9dbea; --tg-soft:#eef5fa;
  --tg-ink:#16283f; --tg-mut:#4a6079; --tg-good:#14733f; --tg-red:#b3262c;
}

/* ── Муқова мундарижаси — энди 5 та йўналиш ── */
.cv .toc{grid-template-columns:repeat(5,minmax(0,1fr))}
.sheet[data-orient="port"] .cv .toc{grid-template-columns:repeat(2,minmax(0,1fr))}
.sheet[data-orient="port"] .cv .toc .tc:last-child{grid-column:span 2}

/* ── Варақ фони ── */
.sheet-bg-t03{background-image:url('../img/targ/t20-andijon.jpg')}
.sheet-bg-t05{background-image:url('../img/targ/t24-park.jpg')}

/* ── Умумий ── */
.card.tg>.cb{padding:calc(var(--u)*.30) calc(var(--u)*.40)}
.card.tg .cb-main{padding:calc(var(--u)*.26) calc(var(--u)*.40)}
.tg-ic{display:inline-grid;place-items:center;flex:0 0 auto;line-height:1}
.tg-ic>.emo.pro-icon{width:1em;height:1em;flex:0 0 1em;color:inherit;vertical-align:0}
.tg-ic>.emo.pro-icon svg{stroke-width:2}
.tg-hl{font-weight:900;color:var(--c,var(--tg-red))}
.tg-lead{margin:0;font-size:calc(var(--u)*.88);line-height:1.22;color:var(--tg-mut)}
.tg-foot{align-self:center;background:linear-gradient(90deg,#166534,#22a05a);color:#fff;font-weight:800;
  font-size:calc(var(--u)*.82);letter-spacing:.3px;text-transform:uppercase;border-radius:calc(var(--u)*.6);
  padding:calc(var(--u)*.12) calc(var(--u)*.9)}
.card.tg .gal-photo{display:block;width:100%;height:100%;object-fit:cover}

/* ── СЎРОВНОМА ── */
.poll{display:flex;flex-direction:column;gap:calc(var(--u)*.20);flex:1;min-height:0;container-type:inline-size}
.pl-aud{align-self:flex-start;display:inline-flex;align-items:center;gap:calc(var(--u)*.24);
  font-size:calc(var(--u)*.74);font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#fff;
  background:linear-gradient(90deg,var(--tg-navy),var(--tg-blue));border-radius:calc(var(--u)*.6);
  padding:calc(var(--u)*.08) calc(var(--u)*.5)}
.pl-aud .emo.pro-icon{color:#fff}
.pl-q{font-size:calc(var(--u)*.90);font-weight:700;color:var(--tg-ink);line-height:1.18}
.pl-v{font-size:calc(var(--u)*.80);color:var(--tg-mut);font-weight:600}
.pl-v b{color:var(--tg-navy);font-weight:900;font-size:1.12em}
.pl-body{flex:1;min-height:0;display:flex;align-items:center;gap:calc(var(--u)*.5)}
.pl-ring{flex:0 0 auto;width:clamp(calc(var(--u)*4.8),24cqw,calc(var(--u)*6.6));aspect-ratio:1;
  filter:drop-shadow(0 calc(var(--u)*.06) calc(var(--u)*.12) rgba(16,55,96,.18))}
.pl-ring svg{display:block;width:100%;height:100%}
.pl-rows{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*.22)}
.pl-top{display:flex;align-items:baseline;gap:calc(var(--u)*.24)}
.pl-sw{flex:0 0 auto;width:calc(var(--u)*.6);height:calc(var(--u)*.6);border-radius:calc(var(--u)*.14);background:var(--c);align-self:center}
.pl-t{flex:1;min-width:0;font-size:calc(var(--u)*.86);line-height:1.12;font-weight:600;color:var(--tg-ink)}
.pl-p{flex:0 0 auto;font-size:calc(var(--u)*1.10);font-weight:900;color:var(--c);white-space:nowrap}
.pl-bot{display:flex;align-items:center;gap:calc(var(--u)*.3);margin-top:calc(var(--u)*.06);padding-left:calc(var(--u)*.84)}
.pl-bar{flex:1;height:calc(var(--u)*.40);border-radius:calc(var(--u)*.3);background:#e4ecf6;overflow:hidden}
.pl-bar i{display:block;height:100%;background:var(--c);border-radius:inherit}
.pl-n{flex:0 0 auto;font-size:calc(var(--u)*.76);font-weight:700;color:var(--tg-mut);white-space:nowrap}
.pl-fig{flex:0 0 27%;align-self:stretch;margin:0;min-height:calc(var(--u)*5);border-radius:calc(var(--u)*.24);
  overflow:hidden;border:calc(var(--u)*.045) solid var(--tg-line)}

/* ── 2025 / 2026 ҚИЁСИ ── */
.tcmp{display:flex;flex-direction:column;gap:calc(var(--u)*.28);flex:1;min-height:0;justify-content:space-evenly}
.tc-r{--c:var(--tg-blue);--bg:#eef5fa;display:grid;grid-template-columns:minmax(0,1.25fr) auto auto auto minmax(0,1fr);
  align-items:center;gap:calc(var(--u)*.32);background:#fff;border:calc(var(--u)*.045) solid var(--tg-line);
  border-left:calc(var(--u)*.30) solid var(--c);border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.26) calc(var(--u)*.42)}
.tc-r.tn-good{--c:#14733f;--bg:#eaf7ef}
.tc-r.tn-bad{--c:#b3262c;--bg:#fdeeee}
.tc-l{display:flex;align-items:center;gap:calc(var(--u)*.3);min-width:0;font-size:calc(var(--u)*.98);font-weight:800;color:var(--tg-ink);line-height:1.14}
.tc-l .tg-ic{width:calc(var(--u)*2.3);height:calc(var(--u)*2.3);border-radius:50%;background:var(--bg);color:var(--c);font-size:calc(var(--u)*1.3)}
.tc-y{display:flex;flex-direction:column;align-items:center;line-height:1.02;background:#f1f6fc;border:calc(var(--u)*.04) solid #d6e4f5;
  border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.12) calc(var(--u)*.36);min-width:calc(var(--u)*5.6)}
.tc-y span{font-size:calc(var(--u)*.70);font-weight:700;color:var(--tg-mut);white-space:nowrap}
.tc-y b{font-size:calc(var(--u)*1.9);font-weight:900;color:var(--tg-navy)}
.tc-y em{font-style:normal;font-size:calc(var(--u)*.72);font-weight:700;color:var(--tg-mut)}
.tc-y.cur{background:var(--bg);border-color:var(--c)}
.tc-y.cur b{color:var(--c)}
.tc-a{font-size:calc(var(--u)*1.2);color:var(--c)}
.tc-p{display:flex;flex-direction:column;gap:calc(var(--u)*.04);background:var(--bg);border-radius:calc(var(--u)*.24);
  padding:calc(var(--u)*.14) calc(var(--u)*.36);line-height:1.08}
.tc-p b{font-size:calc(var(--u)*1.02);font-weight:900;color:var(--c)}
.tc-p span{font-size:calc(var(--u)*.80);font-weight:700;color:var(--c)}
.tc-foot{display:flex;gap:calc(var(--u)*.3);align-items:flex-start;font-size:calc(var(--u)*.82);line-height:1.2;color:var(--tg-mut);
  border-top:calc(var(--u)*.04) dashed var(--tg-line);padding-top:calc(var(--u)*.26)}
.tc-foot .emo{color:var(--tg-blue);font-size:1.2em}

/* ── АМАЛГА ОШИРИЛГАН ИШЛАР ── */
.acts{display:flex;flex-direction:column;gap:calc(var(--u)*.28);flex:1;min-height:0}
.ac-r{display:flex;align-items:stretch;flex:1;min-height:0;background:linear-gradient(90deg,#eff8f2,#fff 40%);
  border:calc(var(--u)*.045) solid #b9dfc9;border-radius:calc(var(--u)*.28);overflow:hidden}
.ac-r .ac-i{display:grid;width:calc(var(--u)*3.0);font-size:calc(var(--u)*1.55);color:#fff;background:linear-gradient(160deg,#1b8e52,#0f5b34)}
.ac-t{flex:1;min-width:0;align-self:center;padding:calc(var(--u)*.22) calc(var(--u)*.5);font-size:calc(var(--u)*.95);line-height:1.2;font-weight:600;color:var(--tg-ink)}
.ac-t .tg-hl{--c:#14733f;font-size:1.1em}
.ac-fig{flex:0 0 30%;max-width:calc(var(--u)*11);margin:0;min-height:0;border-left:calc(var(--u)*.06) solid #fff}

/* ── ЙИРИК РАҚАМ + СУРАТ ── */
.tfeats{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.4);flex:1;min-height:0}
.tf-c{display:flex;min-height:0;background:#fff;border:calc(var(--u)*.05) solid var(--tg-line);border-top:calc(var(--u)*.3) solid var(--c);
  border-radius:calc(var(--u)*.3);overflow:hidden}
.tf-b{flex:0 0 50%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*.24);
  padding:calc(var(--u)*.35) calc(var(--u)*.5);background:linear-gradient(160deg,#fff,#f1f6fc)}
.tf-top{display:flex;align-items:center;gap:calc(var(--u)*.4)}
.tf-ic{width:calc(var(--u)*3.0);height:calc(var(--u)*3.0);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.6);
  box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.2) rgba(16,55,96,.25)}
.tf-v{font-size:calc(var(--u)*3.1);font-weight:900;color:var(--c);line-height:1;letter-spacing:-.5px;white-space:nowrap}
.tf-l{font-size:calc(var(--u)*.92);font-weight:800;text-transform:uppercase;color:var(--tg-navy);line-height:1.16}
.tf-pill{align-self:flex-start;background:var(--c);color:#fff;font-weight:800;font-size:calc(var(--u)*.90);border-radius:calc(var(--u)*.5);
  padding:calc(var(--u)*.12) calc(var(--u)*.6);text-transform:uppercase;white-space:nowrap}
.tf-fig{flex:1;min-width:0;margin:0}

/* ── АХБОРОТ ЧИҚИШЛАРИ ── */
.tmedia{display:flex;flex-direction:column;gap:calc(var(--u)*.32);flex:1;min-height:0}
.md-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.3)}
.md-c{display:flex;flex-direction:column;min-height:0;background:#fff;border:calc(var(--u)*.045) solid var(--tg-line);
  border-top:calc(var(--u)*.28) solid var(--c);border-radius:calc(var(--u)*.28);overflow:hidden}
.md-h{display:flex;align-items:center;gap:calc(var(--u)*.3);padding:calc(var(--u)*.24) calc(var(--u)*.34) 0}
.md-h .tg-ic{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.2)}
.md-h b{font-size:calc(var(--u)*2.1);font-weight:900;color:var(--c);line-height:1}
.md-h>span:not(.tg-ic){font-size:calc(var(--u)*.66);font-weight:800;color:var(--tg-mut);text-transform:uppercase}
.md-l{padding:calc(var(--u)*.14) calc(var(--u)*.34) calc(var(--u)*.2);font-size:calc(var(--u)*.84);font-weight:800;line-height:1.12;
  color:var(--tg-navy);text-transform:uppercase}
/* портретда карта баланд бўлади — кичик манба суратлари чўзилиб хира бўлмасин */
.md-fig{flex:1;min-height:calc(var(--u)*4);max-height:calc(var(--u)*9);margin:0}
.md-s{margin-top:auto;font-size:calc(var(--u)*.76);font-weight:800;color:#fff;background:var(--c);text-align:center;padding:calc(var(--u)*.08) 0}
.md-bar{display:flex;gap:calc(var(--u)*.06);height:calc(var(--u)*1.4);border-radius:calc(var(--u)*.3);overflow:hidden}
.md-bar i{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;font-style:normal}
.md-bar span{color:#fff;font-size:calc(var(--u)*.72);font-weight:800;white-space:nowrap;text-transform:uppercase}
.md-tot{display:flex;align-items:center;gap:calc(var(--u)*.34);font-size:calc(var(--u)*.92);color:var(--tg-mut);font-weight:600}
.md-tot .tg-ic{font-size:calc(var(--u)*1.3);color:var(--tg-blue)}
.md-tot b{color:var(--tg-navy);font-weight:900;font-size:1.15em}

/* ── ЁШ ЧЕКЛОВЛАРИ ── */
.tages{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.35);flex:1;min-height:0}
.ta-c{--c:#1b8e52;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(var(--u)*.22);
  background:linear-gradient(180deg,#fff,#f2f8f4);border:calc(var(--u)*.05) solid #b9dfc9;border-radius:calc(var(--u)*.3);
  padding:calc(var(--u)*.35) calc(var(--u)*.3)}
.ta-c.a16{--c:#c62f2f;background:linear-gradient(180deg,#fff,#fdf1f1);border-color:#edc7c7}
.ta-top{display:flex;align-items:center;gap:calc(var(--u)*.35)}
.ta-ic{width:calc(var(--u)*3.0);height:calc(var(--u)*3.0);border-radius:50%;background:#e9f2fb;color:var(--tg-blue);font-size:calc(var(--u)*1.75)}
.ta-age{width:calc(var(--u)*3.0);height:calc(var(--u)*3.0);border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;
  font-weight:900;font-size:calc(var(--u)*1.2);box-shadow:0 0 0 calc(var(--u)*.12) #fff,0 0 0 calc(var(--u)*.2) var(--c)}
.ta-t{font-size:calc(var(--u)*.92);font-weight:900;text-transform:uppercase;color:var(--tg-navy);line-height:1.1}
.ta-d{font-size:calc(var(--u)*.84);color:var(--tg-mut);line-height:1.16}

/* ── ҚОНУН МАТНИ ── */
.tlaw{display:flex;flex-direction:column;gap:calc(var(--u)*.3);flex:1;min-height:0;justify-content:space-evenly}
.lw-h{display:flex;align-items:center;gap:calc(var(--u)*.45)}
.lw-h .tg-ic{width:calc(var(--u)*3.0);height:calc(var(--u)*3.0);border-radius:50%;background:linear-gradient(160deg,var(--tg-blue),var(--tg-navy));
  color:#fff;font-size:calc(var(--u)*1.55)}
.lw-h b{display:block;font-size:calc(var(--u)*.98);font-weight:800;color:var(--tg-navy);line-height:1.16}
.lw-h>div>span{display:block;font-size:calc(var(--u)*.84);color:var(--tg-mut);line-height:1.2;margin-top:calc(var(--u)*.06)}

/* ── ШИОР ── */
.tslogan{height:100%;position:relative;overflow:hidden;display:flex;align-items:center;gap:calc(var(--u)*.7);
  padding:calc(var(--u)*.5) calc(var(--u)*.9);border-radius:calc(var(--u)*.45);color:#fff;
  background:linear-gradient(120deg,#A82525,#D24A4A);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.tslogan.t-amber{background:linear-gradient(120deg,#B4610E,#E8A03C)}
.tslogan.t-blue{background:linear-gradient(120deg,#0B2A55,#246db0)}
.tslogan::after{content:"";position:absolute;right:0;top:0;bottom:0;width:30%;pointer-events:none;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 calc(var(--u)*.5),transparent 0 calc(var(--u)*1))}
.sl-ic{width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);border-radius:50%;background:#fff;color:#A82525;font-size:calc(var(--u)*2.1);
  box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.25) rgba(0,0,0,.25);position:relative;z-index:1}
.tslogan.t-amber .sl-ic{color:#B4610E}
.sl-b{min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*.22);position:relative;z-index:1}
.sl-big{font-size:calc(var(--u)*1.55);font-weight:900;line-height:1.1;letter-spacing:.4px;text-transform:uppercase}
.sl-small{font-size:calc(var(--u)*1.0);font-weight:700;line-height:1.22}
@media print{.tslogan{box-shadow:none}}
.lw-tag{font-size:calc(var(--u)*1.05);font-weight:900;color:var(--tg-blue);text-transform:uppercase;letter-spacing:.4px}
.lw-q{margin:0;background:#f1f6fc;border-left:calc(var(--u)*.3) solid var(--tg-blue);border-radius:calc(var(--u)*.24);
  padding:calc(var(--u)*.4) calc(var(--u)*.6);font-size:calc(var(--u)*.92);line-height:1.3;color:var(--tg-ink)}
.lw-q .tg-hl{color:var(--tg-red);font-size:1.08em}

/* ── КЎРИК-ТАНЛОВЛАР · ПЛИТАЛАР · СУРАТЛАР ── */
.tcont-w,.tchips-w,.tpics{display:flex;flex-direction:column;gap:calc(var(--u)*.3);flex:1;min-height:0}
.tcont{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.4)}
.cn-c{display:flex;align-items:center;gap:calc(var(--u)*.4);background:#fff;border:calc(var(--u)*.045) solid var(--tg-line);
  border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.3) calc(var(--u)*.4)}
.cn-fig{flex:0 0 auto;width:calc(var(--u)*4.2);height:calc(var(--u)*4.2);margin:0;border-radius:50%;overflow:hidden;
  border:calc(var(--u)*.12) solid #e3edf7;background:#fff}
.cn-t{font-size:calc(var(--u)*.92);font-weight:800;color:var(--tg-navy);line-height:1.18}

.tchips{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.35)}
.tcp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(var(--u)*.3);
  background:linear-gradient(180deg,#fff,#f1f6fc);border:calc(var(--u)*.045) solid var(--tg-line);border-bottom:calc(var(--u)*.22) solid var(--c);
  border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.35)}
.tcp .tg-ic{width:calc(var(--u)*3.0);height:calc(var(--u)*3.0);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.6);
  box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.2) rgba(16,55,96,.22)}
.tcp-t{font-size:calc(var(--u)*.92);font-weight:800;color:var(--tg-navy);line-height:1.16}
.tcp-t .tg-hl{color:var(--c);font-size:1.1em}
.tchips.row .tcp{flex-direction:row;text-align:left;justify-content:flex-start;gap:calc(var(--u)*.45)}

.tp-grid{flex:1;min-height:calc(var(--u)*7);display:grid;gap:calc(var(--u)*.25);grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr}
.tp-grid.n3 figure:first-child{grid-row:span 2}
.tp-grid figure{margin:0;position:relative;overflow:hidden;border-radius:calc(var(--u)*.24);min-height:0}
.tp-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*.5) calc(var(--u)*.3) calc(var(--u)*.14);
  background:linear-gradient(transparent,rgba(8,30,60,.86));color:#fff;font-size:calc(var(--u)*.70);font-weight:700;line-height:1.1}