.coh-s{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(16px,2.6vh,30px);padding:calc(env(safe-area-inset-top,0px) + 150px) var(--g) calc(env(safe-area-inset-bottom,0px) + 58px)}
.co-fr{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line);background:#021B26}
.co-fr::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0A2733 1px,transparent 1px),linear-gradient(90deg,#0A2733 1px,transparent 1px);background-size:40px 40px;opacity:.6}
.co-deck{position:absolute;inset:0;display:grid;place-items:center}
.co-slide{position:relative;container-type:inline-size;width:var(--sw,640px);height:var(--sh,360px);background:#E6ECEE;color:#0E2A36;padding:4cqi 4.6cqi 3cqi;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:2.6cqi;transform-origin:30% 70%;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}
.cs-top{display:flex;justify-content:space-between;gap:2cqi;font-size:1.55cqi;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4A6572}
.co-slide h3{font-size:4.3cqi;font-weight:700;letter-spacing:-.02em;line-height:1.1;max-width:22ch;color:#0E2A36;text-wrap:balance}
.cs-body{display:grid;grid-template-columns:1fr 1.15fr;gap:5cqi;min-height:0}
.cs-mx{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin:0 0 3cqi 3.2cqi;border-left:2px solid #0E2A36;border-bottom:2px solid #0E2A36}
.cs-mx i{font-style:normal;font-size:1.5cqi;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4A6572;padding:1.2cqi;border-right:1px dashed #BCCAD0;border-top:1px dashed #BCCAD0}
.cs-mx b{position:absolute;left:var(--x);top:var(--y);width:var(--r);aspect-ratio:1;border-radius:50%;background:#8BA2AC;opacity:.5}
.cs-mx .ay,.cs-mx .axx{position:absolute;font-size:1.4cqi;font-weight:600;color:#4A6572;letter-spacing:.08em;text-transform:uppercase}
.cs-mx .ay{left:-3cqi;bottom:0;transform-origin:0 0;transform:rotate(-90deg)}
.cs-mx .axx{right:0;bottom:-2.8cqi}
.co-slide ul{margin:0;padding:0 0 0 2.6cqi;display:grid;gap:1.9cqi;align-content:start;font-size:2.15cqi;font-weight:500;line-height:1.3;color:#2A4652}
.co-slide li::marker{color:#8BA2AC}
.cs-foot{display:flex;justify-content:space-between;font-size:1.45cqi;color:#4A6572;border-top:1px solid #C9D5DA;padding-top:1.4cqi}
.co-strike{position:absolute;left:-4%;top:46%;width:108%;height:12%;background:var(--vul);transform:rotate(-8deg) scaleX(var(--k,0));transform-origin:left center}

.co-term{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#021B26;transform:translateY(102%);will-change:transform}
.ct-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);font:500 11.5px/1.3 var(--m);color:var(--gangue)}
.ct-h .chip{margin:0}
.ct-l{list-style:none;margin:0;padding:16px 18px;overflow:hidden;display:grid;align-content:start;gap:4px;font:500 clamp(11px,1.12vw,16.5px)/1.65 var(--m);color:var(--rime)}
.ct-l li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;opacity:0}
.ct-l .g{color:var(--gangue)}
.ct-l .bad .g,.ct-l .ok .g{color:var(--vul)}
.ct-l .bad span:nth-child(2){color:#C9D6DB}
.ct-l .fix .g{color:var(--rime)}
.ct-l .fix span:nth-child(2){color:var(--rime);font-weight:500}
.ct-l .inf span:nth-child(2){color:var(--gangue)}
.ct-l em{font-style:normal;color:var(--vul);white-space:nowrap;text-align:right}
.ct-m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.ct-m>div{display:grid;gap:6px;padding:12px 18px 14px;min-width:0}
.ct-m>div+div{border-left:1px solid var(--line)}
.ct-m .lb{font:700 10px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--gangue)}
.ct-m .v{font-size:clamp(24px,2.4vw,40px);font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--rime)}
.ct-m .w{font:500 11px/1 var(--m);color:var(--gangue)}
.ct-m .w s{text-decoration-color:var(--vul);text-decoration-thickness:1.5px}
.ct-m .bar{position:relative;height:3px;background:var(--line)}
.ct-m .bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--f) * 100%);background:var(--vul)}

.coh-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:14px 40px}
.coh-b h1{font-size:clamp(40px,min(7.4vw,11.5vh),134px);font-weight:800;letter-spacing:-.065em;line-height:.9;white-space:nowrap}
.anti{display:inline-block;overflow:hidden;vertical-align:bottom;color:var(--vul);width:0;padding-bottom:.08em;margin-bottom:-.08em}
.anti span{display:inline-block}
.coh-b .lead{max-width:34ch;justify-self:end}
html:not(.fx) .coh-s{min-height:900px}

.cod{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:30px clamp(30px,4vw,70px);align-items:start}
.cod-d{overflow-x:auto;border:1px solid var(--ln);background:color-mix(in srgb,var(--fg) 3%,transparent)}
.cod-d svg{display:block;width:100%;min-width:680px;height:auto}
.cod-d text{font-family:var(--f);fill:var(--fg)}
.cod-d .ed{fill:none;stroke:var(--mut);stroke-width:1.5}
.cod-d .ed.dot{stroke-dasharray:3 5}
.cod-d .ed.dash{stroke-dasharray:8 6}
.cod-d .nn rect{fill:var(--bg);stroke:var(--mut);stroke-width:1.2;stroke-dasharray:5 4}
.cod-d .nn text{fill:var(--mut);font-size:17px;font-weight:600}
.cod-d .hs{cursor:pointer}
.cod-d .hs rect{fill:var(--bg);stroke:var(--fg);stroke-width:1.6;transition:fill .25s,stroke .25s}
.cod-d .hs text{font-size:18px;font-weight:800;letter-spacing:-.02em}
.cod-d .hs .sub{font-size:13px;font-weight:600;fill:var(--mut);letter-spacing:0}
.cod-d .hs circle{fill:var(--ac)}
.cod-d .hs .num{fill:var(--bg);font-size:13px;font-weight:800}
.cod-d .hs:hover rect,.cod-d .hs:focus-visible rect{stroke:var(--ac)}
.cod-d .hs:focus{outline:none}
.cod-d .hs.on rect{fill:var(--vul);stroke:var(--vul)}
.cod-d .hs.on text,.cod-d .hs.on .sub{fill:var(--noturno)}
.cod-d .hs.on circle{fill:var(--noturno)}
.cod-d .hs.on .num{fill:var(--vul)}
.cod-d marker path{fill:var(--mut)}
.cod-p{display:grid;gap:24px;position:sticky;top:120px}
.cod-hint{display:none;margin-bottom:10px;font:500 11px/1 var(--m);color:var(--mut)}
.cod-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cod-tabs button{display:grid;gap:6px;align-content:start;min-height:74px;padding:10px 12px;text-align:left;font:700 13.5px/1.25 var(--f);color:var(--fg);background:transparent;border:1px solid var(--ln);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.cod-tabs button span{font:500 11px/1 var(--m);color:var(--mut)}
.cod-tabs button:hover{border-color:var(--fg)}
.cod-tabs button[aria-selected="true"]{background:var(--vul);border-color:var(--vul);color:var(--noturno)}
.cod-tabs button[aria-selected="true"] span{color:var(--noturno)}
.cod-x{display:grid;gap:20px;padding-top:22px;border-top:1px solid var(--fg)}
.cod-x h3{font-size:clamp(28px,2.8vw,46px);font-weight:800;letter-spacing:-.05em;line-height:.98}
.cod-x .tg{font-size:14px;font-weight:700;color:var(--ac);margin-top:8px}
.cod-x dl{margin:0;display:grid;gap:16px}
.cod-x dl div{display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--ln)}
.cod-x dt{font:600 10.5px/1.3 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.cod-x dd{margin:0;font-size:16.5px;line-height:1.55}
.cod-x dd.big{font-size:clamp(19px,1.6vw,23px);font-weight:700;letter-spacing:-.02em;line-height:1.35}

@media (max-width:1100px){.cod{grid-template-columns:1fr}.cod-p{position:static}.coh-b{grid-template-columns:1fr}.coh-b .lead{justify-self:start}}
@media (max-width:760px){
  .coh-s{padding-top:calc(env(safe-area-inset-top,0px) + 146px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px);gap:16px}
  .coh-b h1{font-size:clamp(30px,9.4vw,44px)}
  .coh-b .lead{display:none}
  .ct-l .inf,.ct-l em{display:none}
  .cod-hint{display:block}
  .ct-h{padding:10px 12px;font-size:10px}
  .ct-l{padding:10px 12px;font-size:10px;line-height:1.42;gap:5px}
  .ct-l li{grid-template-columns:14px minmax(0,1fr);gap:8px}
  .ct-l em{grid-column:2;text-align:left}
  .ct-m{grid-template-columns:1fr 1fr}.ct-m>div{padding:10px 12px}.ct-m>div:nth-child(3){border-left:0}.ct-m>div:nth-child(n+3){border-top:1px solid var(--line)}
  .ct-m .v{font-size:24px}
  .cod-tabs{grid-template-columns:1fr 1fr}
}