/* ═══════════════════════════════════════════════════════════════
   Кўргазма қатлами: расмий эмблемалар, архив суратлари, рангли 3D
   стикерлар (Fluent Emoji) ва ЙИРИК, яққол рақамлар.
   Қоида: бир варақда бир расм фақат бир марта (visuals.js).
   ═══════════════════════════════════════════════════════════════ */
.sheet{background:#f7fafc;--navy:#103760;--blue:#246db0}
.sheet-bg{display:none}

/* ── Сарлавҳа банди ва расмий эмблемалар (муҳрлар) ── */
.hd{flex-shrink:0;background:linear-gradient(110deg,#092d51 0%,#174d83 76%,#267aaa);border-bottom:calc(var(--u)*.08) solid #d5b45d;gap:calc(var(--u)*.9)}
.hd .seal{
  width:calc(var(--u)*5.4);height:calc(var(--u)*5.4);border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 38%,#ffffff 0%,#f3f7fb 62%,#d9e3ee 100%);
  border:calc(var(--u)*.14) solid #e6c86c;
  box-shadow:0 0 0 calc(var(--u)*.08) rgba(255,255,255,.22),0 calc(var(--u)*.18) calc(var(--u)*.5) rgba(0,0,0,.42);
  padding:calc(var(--u)*.24);display:grid;place-items:center
}
.hd .seal img{width:100%;height:100%;object-fit:contain;filter:none}
.hd .seal.secondary{margin-left:calc(var(--u)*.15)}
.hd h1{font-size:calc(var(--u)*1.55);letter-spacing:.2px;line-height:1.13;text-shadow:none}
.hd .st{font-size:calc(var(--u)*.73);letter-spacing:.6px}
.secbar{border-radius:0;box-shadow:none;background:linear-gradient(90deg,#164f88,#277bbb);margin-top:calc(var(--u)*.35)}

/* ── Варақ сарлавҳаси ва сарлавҳа сурати ── */
.ph{min-height:calc(var(--u)*6.2);padding-top:calc(var(--u)*.35);padding-bottom:calc(var(--u)*.35);gap:calc(var(--u)*.65);flex-shrink:0}
.ph>.emo{display:none}
.ph h2{font-size:calc(var(--u)*1.45);line-height:1.12}
.ph p{font-size:calc(var(--u)*.72);max-width:calc(var(--u)*60);margin-top:calc(var(--u)*.18)}
.page-photo{margin:0;position:relative;flex:0 0 30%;height:calc(var(--u)*5.4);overflow:hidden;background:#173d5d;border-radius:calc(var(--u)*.24);border-left:calc(var(--u)*.12) solid #d3b66a;display:flex;box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.3) rgba(14,46,90,.25)}
.page-photo .story-photo{display:block;width:55%;height:100%;object-fit:cover;object-position:50% 27%}
.page-photo figcaption{position:static;width:45%;display:flex;flex-direction:column;justify-content:center;background:#173e60;color:white;padding:calc(var(--u)*.35);font-size:calc(var(--u)*.63);font-weight:650;line-height:1.12}
.page-photo small{display:block;font-size:calc(var(--u)*.45);color:#c5d8e6;margin-top:calc(var(--u)*.1);font-weight:400}

/* ── Карталар ва рамкалар ── */
.card,.kpi,.tile,.note,.grp.boxed,.cc .pt{border-radius:calc(var(--u)*.24);border-width:calc(var(--u)*.045);box-shadow:none}
.card>.ch{background:linear-gradient(90deg,#164c7b,#286fa8);min-height:calc(var(--u)*1.7)}
.card>.ch .bn{border-radius:calc(var(--u)*.15);box-shadow:none}
.card>.ch>.emo{display:none}
.card>.ch>span:not(.bn):not(.sticker){flex:1}

/* ── СТИКЕР — рангли 3D расм оқ думалоқ-квадрат тагликда ──
   Эслатма: padding фоизда ЭМАС (фоиз ота-элемент энига нисбатан) — --sp орқали. */
.sticker{
  display:inline-grid;place-items:center;flex:0 0 auto;box-sizing:border-box;
  background:linear-gradient(160deg,#ffffff,#eef4fa);border-radius:24%;padding:var(--sp,calc(var(--u)*.3));
  box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.22) rgba(14,46,90,.20),inset 0 0 0 calc(var(--u)*.035) rgba(44,116,196,.16)
}
.sticker img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 .05em .12em rgba(10,35,70,.28))}
.sticker.tech{border-radius:14%;--sp:calc(var(--u)*.12)}
.kpi.t-good .sticker,.tile.t-good .sticker,.note.t-good .sticker{background:linear-gradient(160deg,#fff,#e6f7ec);box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.22) rgba(14,46,90,.18),inset 0 0 0 calc(var(--u)*.035) rgba(27,142,82,.22)}
.kpi.t-bad .sticker,.tile.t-bad .sticker,.note.t-red .sticker{background:linear-gradient(160deg,#fff,#fdeaea);box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.22) rgba(14,46,90,.18),inset 0 0 0 calc(var(--u)*.035) rgba(198,47,47,.20)}
.kpi.t-amber .sticker,.tile.t-amber .sticker,.note.t-amber .sticker{background:linear-gradient(160deg,#fff,#fdf3e2);box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.22) rgba(14,46,90,.18),inset 0 0 0 calc(var(--u)*.035) rgba(217,130,26,.24)}
.banner .sticker{background:rgba(255,255,255,.96);box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.22) rgba(0,0,0,.25)}

/* стикер ўлчамлари. KPI ва плитка — контейнер (cqh): блок паст бўлса стикер ва
   рақам бутун блок билан эмас, фақат ўзи мутаносиб кичраяди */
.kpi,.tile{container-type:size}
.metric-art{--s:clamp(calc(var(--u)*2.4),80cqh,calc(var(--u)*5.3));width:var(--s);height:var(--s);--sp:calc(var(--s)*.105)}
.tile-art{--s:clamp(calc(var(--u)*1.5),62cqh,calc(var(--u)*3.1));width:var(--s);height:var(--s);--sp:calc(var(--s)*.105)}
.grp .tile .tile-art{--s:clamp(calc(var(--u)*1.5),62cqh,calc(var(--u)*2.5))}
/* гуруҳ ичида: сарлавҳа қатори матн бўйича, плиткалар тенг бўлинади */
.grp.boxed{grid-template-rows:auto;grid-auto-rows:minmax(0,1fr)}
.grp:not(.boxed){grid-auto-rows:minmax(0,1fr)}
.note-art,.banner-art{width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);--sp:calc(var(--u)*.27)}
.inline-art{width:calc(var(--u)*2.8);height:calc(var(--u)*2.8);margin-right:calc(var(--u)*.1);--sp:calc(var(--u)*.3)}
.heading-art{width:calc(var(--u)*1.55);height:calc(var(--u)*1.55);margin-left:auto;--sp:calc(var(--u)*.15);border-radius:28%}
.pt-art{width:calc(var(--u)*5.8);height:calc(var(--u)*5.8);--sp:calc(var(--u)*.6)}
.cv .hl .kpi .metric-art{--s:clamp(calc(var(--u)*3),80cqh,calc(var(--u)*6.2))}
.cc .row .kpi .metric-art{--s:clamp(calc(var(--u)*4),80cqh,calc(var(--u)*7))}
.side-art{--sp:calc(var(--u)*.5)}

/* ── ЙИРИК РАҚАМЛАР — --vk коэффициенти (visuals.js fitNumbers сиғмаса кичрайтиради) ── */
.kpi{background:linear-gradient(135deg,#fff 55%,#f1f6f9);padding:calc(var(--u)*.22) calc(var(--u)*.5) calc(var(--u)*.22) calc(var(--u)*.62);
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:calc(var(--u)*.5)}
.kpi.cmp{flex-direction:row;justify-content:flex-start;gap:calc(var(--u)*.5)}
.kpi::before{width:calc(var(--u)*.19)}
.kpi .kb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*.1)}
.kpi.cmp .kb{gap:calc(var(--u)*.13)}
.kpi .vrow{display:flex;align-items:center;gap:calc(var(--u)*.3)}
.kpi .vrow .v{flex:1 1 auto}
.kpi .vrow .arw{margin-left:auto;font-size:calc(var(--u)*1.7);line-height:1;flex:0 0 auto}
.kpi .v{--vk:2.75;font-size:min(calc(var(--u)*var(--vk)),46cqh);font-weight:900;letter-spacing:-.6px;line-height:1;white-space:nowrap;min-width:0}
.kpi.cmp .v{--vk:2.5;font-size:min(calc(var(--u)*var(--vk)),32cqh)}
.kpi .l{font-size:calc(var(--u)*.82);font-weight:800;line-height:1.12;letter-spacing:.5px}
.kpi.cmp .l{font-size:calc(var(--u)*.78)}
.kpi .n{font-size:calc(var(--u)*.70);line-height:1.1}
.kpi.cmp .n{font-size:calc(var(--u)*.68)}
.kpi.cmp{gap:calc(var(--u)*.14)}
.kpi .cmpb{gap:calc(var(--u)*.34)}
.kpi .cmpb .yr{padding:calc(var(--u)*.08) calc(var(--u)*.30)}
.kpi .cmpb .yr span{font-size:calc(var(--u)*.60)}
.kpi .cmpb .yr b{font-size:calc(var(--u)*1.2)}
.kpi .cmpb .arw{font-size:calc(var(--u)*1.4)}
.kpi .pill{white-space:normal;border-radius:calc(var(--u)*.3);font-size:calc(var(--u)*.84);padding:calc(var(--u)*.09) calc(var(--u)*.55);line-height:1.15}
.cv .hl .kpi .v{--vk:2.9}
.cv .hl .kpi .l{font-size:calc(var(--u)*.9)}
.cc .row .kpi .v{--vk:2.7}
.cc .row .kpi .l{font-size:calc(var(--u)*1.0)}
.cc .row .kpi .n{font-size:calc(var(--u)*.85)}

.tile .hdr{gap:calc(var(--u)*.4)}
.tile .v{--vk:1.9;font-size:min(calc(var(--u)*var(--vk)),42cqh);font-weight:900;white-space:nowrap;min-width:0;flex:1 1 auto;line-height:1.05}
.grp .tile .v{--vk:1.72}
.tile .l{font-size:calc(var(--u)*.78);line-height:1.1}

.banner{gap:calc(var(--u)*.6)}
.banner .big{font-size:calc(var(--u)*1.2)}
.banner .small{--vk:1.85;font-size:calc(var(--u)*var(--vk));white-space:nowrap;min-width:0;flex:0 1 auto;margin-left:auto}

/* жадвал ва устунлардаги рақамлар — қалин ва тўқ кўк */
table.tb td.a-r,table.tb td.a-c{font-weight:700;color:var(--navy);font-size:calc(var(--u)*.80)}
table.tb.compact td.a-r,table.tb.compact td.a-c{font-size:calc(var(--u)*.72)}
table.tb tfoot td{font-size:calc(var(--u)*.80)}
table.tb tbody tr.mk td{font-size:calc(var(--u)*.80)}
table.tb td.up,table.tb td.dn{font-weight:800}
.barrow .bv{font-size:calc(var(--u)*.92);font-weight:900;color:var(--navy);flex-basis:19%}
.barrow .bl{font-weight:700}
/* ҳалқа маркази */
.chartbox svg text:has(+ text[fill="#7A8EA5"]){font-size:40px}
.chartbox svg text[fill="#7A8EA5"]{font-size:21px}

/* ── Иллюстрацияли карталар: матн + ён устун (сурат · стикер · ёрлиқ) ── */
.illustrated-card>.cb{display:grid;grid-template-columns:minmax(0,1fr) clamp(calc(var(--u)*5.8),22%,calc(var(--u)*11.5));padding:0;gap:0}
.cb-main{min-height:0;min-width:0;display:flex;flex-direction:column;padding:calc(var(--u)*.2) calc(var(--u)*.4);overflow:visible}
.cb-main>table.tb{height:100%}
.block-visual{
  min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr) auto;
  gap:calc(var(--u)*.18);align-items:center;justify-items:center;
  padding:calc(var(--u)*.32) calc(var(--u)*.28);
  background:linear-gradient(160deg,#eef5fa,#e2ecf5);border-left:calc(var(--u)*.035) solid #cedfe9
}
.block-fig{margin:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.08);align-self:stretch}
.block-photo{flex:1 1 auto;min-height:0;width:100%;object-fit:cover;border-radius:calc(var(--u)*.22);border:calc(var(--u)*.07) solid #fff;box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.26) rgba(14,46,90,.30)}
.block-fig small{font-size:calc(var(--u)*.38);color:#527086;text-align:center;line-height:1.1;flex:0 0 auto}
.side-art{height:100%;max-height:calc(var(--u)*5.6);aspect-ratio:1;max-width:100%}
.side-label{font-size:calc(var(--u)*.46);font-weight:750;text-align:center;letter-spacing:.4px;color:#456a85;line-height:1.2}
.block-visual.no-photo,.block-visual.compact{grid-template-rows:minmax(0,1fr) auto}
.block-visual.compact .block-fig{display:none}
.data-visual-card>.cb{display:flex;flex-direction:column}

/* ── Матн абзаци ── */
.para{display:flex;align-items:center;gap:calc(var(--u)*.4)}

/* ── Колонтитул ── */
.ft{position:relative;flex-shrink:0;min-height:calc(var(--u)*2.5);background:linear-gradient(90deg,#0a3054,#1f628f);border-top:calc(var(--u)*.08) solid #d8be75}
.road-signs{display:flex;gap:calc(var(--u)*.18);align-items:center;margin:auto}
.sign-icon{width:calc(var(--u)*1.6);height:calc(var(--u)*1.6);object-fit:contain;filter:drop-shadow(0 1px 2px #001d33)}
.ft .soc{font-size:calc(var(--u)*.61)}
.ft .sl{font-size:calc(var(--u)*.95);color:#fff}
.ft .tel{background:white;color:#173e62;border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.1) calc(var(--u)*.45);font-size:calc(var(--u)*1.1)}

/* ── Муқова ── */
.cover .cvtop{position:relative;background:#edf4f8;border:calc(var(--u)*.05) solid #bdcfde;overflow:hidden;border-radius:calc(var(--u)*.3);padding:calc(var(--u)*1.2)}
.cover .cvtop .lt{flex:1.05;position:relative;z-index:2}
.cover .cvtop .rt{flex:1;position:relative;align-self:stretch;display:flex;flex-direction:column;gap:calc(var(--u)*.6);justify-content:center}
.cv-emblems{display:flex;gap:calc(var(--u)*1.4);align-items:flex-start;margin-bottom:calc(var(--u)*1.0)}
.cv-seal{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.3)}
.cv-seal img{
  width:calc(var(--u)*9.6);height:calc(var(--u)*9.6);object-fit:contain;box-sizing:border-box;border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#ffffff,#eef3f8 72%,#d8e2ec);padding:calc(var(--u)*.45);
  border:calc(var(--u)*.22) solid #d9b95a;
  box-shadow:0 0 0 calc(var(--u)*.10) #0f3a66,0 calc(var(--u)*.3) calc(var(--u)*.8) rgba(14,46,90,.32)
}
.cv-seal span{font-size:calc(var(--u)*.7);font-weight:800;letter-spacing:1px;color:#3c6989}
.cover-photo{width:100%;height:calc(var(--u)*20);object-fit:cover;border-radius:calc(var(--u)*.3);display:block;border:calc(var(--u)*.08) solid #fff;border-bottom:calc(var(--u)*.13) solid #cbb06b;box-shadow:0 calc(var(--u)*.1) calc(var(--u)*.4) rgba(14,46,90,.25)}
.cover .rt .cover-map{height:calc(var(--u)*15);min-height:0;width:100%;background:#fff;border-radius:calc(var(--u)*.3)}
.cover-map>.chartbox{height:100%!important;width:100%!important}
.cover-photo-credit{font-size:calc(var(--u)*.55);color:#486780;margin-top:calc(var(--u)*-.4)}
.cover .cv h1{font-size:calc(var(--u)*2.7);line-height:1.1}
.cover .cv .org{font-size:calc(var(--u)*.9);color:#3c6989}
.cover .cv .sb{font-size:calc(var(--u)*1.55)}
.cover .cv .ld{font-size:calc(var(--u)*1.05);max-width:calc(var(--u)*45)}
.cover .cv .tc{border-radius:calc(var(--u)*.25);box-shadow:none}
.cover .cv .hl .kpi{min-height:calc(var(--u)*10)}

/* ── Хулоса ── */
.concl .wm{display:none}
.cc .pt{display:flex;gap:calc(var(--u)*1);align-items:center}
.concl .ph .page-photo{height:calc(var(--u)*8)}
.concl .cc .row{min-height:calc(var(--u)*10)}

@media screen{body{background:#d6dfe7}#stage .sheet{box-shadow:0 6px 24px #233d5a40}#side{background:#103452}.btn{border-radius:4px}.brand{border-top:4px solid #c6aa69}#nav a.cur{background:#23669b}}

/* ── Портрет ── */
.sheet[data-orient="port"] .ph{min-height:calc(var(--u)*9)}
.sheet[data-orient="port"] .page-photo{flex-basis:34%;height:calc(var(--u)*8)}
.sheet[data-orient="port"] .kpi .metric-art{--s:clamp(calc(var(--u)*2.6),80cqh,calc(var(--u)*6.4))}
/* муқова банди — муҳрсиз (йирик эмблемалар жуфти пастда) */
.hd.no-seal{padding-left:calc(var(--u)*2.2)}
.sheet[data-orient="port"] .cover-photo{height:calc(var(--u)*23)}
.sheet[data-orient="port"] .cv .cvtop{padding:calc(var(--u)*2)}
.sheet[data-orient="port"] .cv .rt{width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:calc(var(--u)*1)}
.sheet[data-orient="port"] .cover-map{height:calc(var(--u)*23)}
.sheet[data-orient="port"] .cover-photo-credit{grid-column:1/-1}
.sheet[data-orient="port"] .cv .hl{grid-template-columns:repeat(2,1fr)}
.sheet[data-orient="port"] .cv .hl .kpi{min-height:calc(var(--u)*11)}
.sheet[data-orient="port"] .cv-emblems{justify-content:center}
.sheet[data-orient="port"] .cv-seal img{width:calc(var(--u)*13);height:calc(var(--u)*13)}
.sheet[data-page="p04"] .ph,.sheet[data-page="p05"] .ph,.sheet[data-page="p06"] .ph,.sheet[data-page="p09"] .ph{min-height:calc(var(--u)*4.6)}
.sheet[data-page="p04"] .ph .page-photo,.sheet[data-page="p05"] .ph .page-photo,.sheet[data-page="p06"] .ph .page-photo,.sheet[data-page="p09"] .ph .page-photo{height:calc(var(--u)*4)}

@media print{*{text-shadow:none!important}.sheet{print-color-adjust:exact;-webkit-print-color-adjust:exact}.sticker,.story-photo,.cover-photo,.sign-icon,.block-photo{break-inside:avoid}.page-photo,.block-visual,.sticker,.hd .seal,.cv-seal img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* ═══════════════════════════════════════════════════════════════
   ЎҚИЛИШИ — барча ёзувлар йирикроқ (A0 ландшафтда 1u = 11,9 мм).
   Қатор баландликлари блок мазмунига қараб тақсимланади (app.js →
   blockNeed), шунинг учун йирик ёзув блокни сиқмайди.
   ═══════════════════════════════════════════════════════════════ */
.sheet{font-size:calc(var(--u)*.82)}
.hd .st{font-size:calc(var(--u)*.78)}
.ph h2{font-size:calc(var(--u)*1.5)}
.ph p{font-size:calc(var(--u)*.80)}
.page-photo figcaption{font-size:calc(var(--u)*.68)}
.page-photo small{font-size:calc(var(--u)*.50)}
.card>.ch{font-size:calc(var(--u)*.92)}
ul.lst li{font-size:calc(var(--u)*.90);line-height:1.20}
.para{font-size:calc(var(--u)*.90)}
table.tb{font-size:calc(var(--u)*.84)}
table.tb th{font-size:calc(var(--u)*.78)}
table.tb td.a-r,table.tb td.a-c,table.tb tfoot td,table.tb tbody tr.mk td{font-size:calc(var(--u)*.86)}
table.tb.compact td,table.tb.compact th{font-size:calc(var(--u)*.76)}
table.tb.compact td.a-r,table.tb.compact td.a-c{font-size:calc(var(--u)*.78)}
.barrow{font-size:calc(var(--u)*.84)}
.barrow .bl{flex:0 0 26%}
.barrow .bv{flex:0 0 auto;white-space:nowrap;font-size:calc(var(--u)*.96)}
.note{font-size:calc(var(--u)*.92)}
.mapcap{font-size:calc(var(--u)*.84)}
.kpi .l{font-size:calc(var(--u)*.86)}
.kpi.cmp .l{font-size:calc(var(--u)*.82)}
.kpi .n{font-size:calc(var(--u)*.76)}
.kpi.cmp .n{font-size:calc(var(--u)*.74)}
.kpi .cmpb .yr span{font-size:calc(var(--u)*.64)}
.kpi .pill{font-size:calc(var(--u)*.86)}
.tile .l{font-size:calc(var(--u)*.84)}
.grp .gt{font-size:calc(var(--u)*.90)}
.banner .big{font-size:calc(var(--u)*1.25)}
.block-fig small{font-size:calc(var(--u)*.46)}
.side-label{font-size:calc(var(--u)*.52)}
.cover-photo-credit{font-size:calc(var(--u)*.60)}
.cover .cv .ld{font-size:calc(var(--u)*1.1)}
.cv .tt2{font-size:calc(var(--u)*.95)}
.ft .soc{font-size:calc(var(--u)*.68)}
.cc .pt{font-size:calc(var(--u)*1.25)}
/* иллюстрацияли карта ён устуни — тор карталарда камроқ жой олади */
.illustrated-card>.cb{grid-template-columns:minmax(0,1fr) clamp(calc(var(--u)*4.8),20%,calc(var(--u)*11.5))}

/* ён устун ёрлиғи — устун энига қараб (тор карталарда узун сўз сиғади, блокни сиқмайди) */
.block-visual{container-type:inline-size}
.side-label{font-size:clamp(calc(var(--u)*.38),8.6cqi,calc(var(--u)*.52));max-width:100%;overflow-wrap:anywhere}
/* сарлавҳа тасмаси, тўр оралиғи ва саҳифа боши — озгина ихчам, жой мазмунга берилади */
.card>.ch{min-height:calc(var(--u)*1.6)}
.card>.cb{padding-top:calc(var(--u)*.12);padding-bottom:calc(var(--u)*.12)}
.bd{gap:calc(var(--u)*.22)}
.secbar{padding-top:calc(var(--u)*.20)!important;padding-bottom:calc(var(--u)*.20)!important}
.secbar .num{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);font-size:calc(var(--u)*1.15)}
.sheet[data-page="p04"] .ph,.sheet[data-page="p05"] .ph,.sheet[data-page="p06"] .ph,.sheet[data-page="p09"] .ph{min-height:calc(var(--u)*4.2)}
.sheet[data-page="p04"] .ph .page-photo,.sheet[data-page="p05"] .ph .page-photo,.sheet[data-page="p06"] .ph .page-photo,.sheet[data-page="p09"] .ph .page-photo{height:calc(var(--u)*3.6)}
/* ён устун стикери — устун ЭНИДАН ўлчанади (аввал max-height + aspect-ratio тор устундан
   чиқиб кетар ва бутун блокни сиқарди). Контейнер бирликлари: cqw = устун эни, cqh = баландлиги */
.block-visual{container-type:size}
.side-art{--s:min(100cqw,calc(var(--u)*5.6),38cqh);width:var(--s);height:var(--s);max-height:none;max-width:none;aspect-ratio:auto}
.block-visual.no-photo .side-art,.block-visual.compact .side-art{--s:min(100cqw,calc(var(--u)*5.6),64cqh)}
.block-fig{min-height:0}