/* 12-бет · Салыстырмалы мониторинг (ашық кремді киіз) — құрастырушы: B3. Тек .scene-p12 ішіндегі селекторлар. */
.scene-p12{color:var(--ink);--g1:#D39B2E;--g2:var(--teal)}
.scene-p12 .p12-cssbg{position:absolute;inset:0;overflow:hidden;background:var(--cream)}
.scene-p12 .p12-cssbg img{width:100%;height:100%;object-fit:cover}
.scene-p12 .p12-cssbg::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 80% at 30% 20%,rgba(255,236,200,.35),transparent 60%),radial-gradient(130% 100% at 45% 45%,transparent 55%,rgba(90,60,30,.28))}

/* тақырып және белгілер */
.scene-p12 .p12-head{position:absolute;inset:0;z-index:3;pointer-events:none}
.scene-p12 .p12-title{position:absolute;left:210px;top:128px;margin:0;font:600 56px/1.07 var(--serif);letter-spacing:-.016em;color:var(--ink);white-space:nowrap}
.scene-p12 .p12-title em{font-style:italic;font-weight:500;color:var(--teal)}
.scene-p12 .p12-legend{position:absolute;left:212px;top:282px;display:flex;gap:56px;font:600 27px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
.scene-p12 .p12-legend em{font-style:normal;font-weight:700;color:var(--teal-txt)}
.scene-p12 .p12-lg{display:flex;align-items:center;gap:16px}
.scene-p12 .p12-lgi{position:relative;display:block;width:46px;height:8px;border-radius:4px;background:var(--g1)}
.scene-p12 .p12-lgi::before,.scene-p12 .p12-lgi::after{content:"";position:absolute;top:-6px;width:20px;height:20px;border-radius:50%;box-sizing:border-box}
.scene-p12 .p12-lgi::before{left:-6px;background:var(--cream-2);border:4px solid var(--g1)}
.scene-p12 .p12-lgi::after{right:-6px;background:var(--g1)}
.scene-p12 .p12-lg2 .p12-lgi{background:var(--g2)}
.scene-p12 .p12-lg2 .p12-lgi::before{border-color:var(--g2)}
.scene-p12 .p12-lg2 .p12-lgi::after{background:var(--g2)}

/* диаграмма */
.scene-p12 .p12-chart{position:absolute;inset:0;z-index:2;pointer-events:none}
.scene-p12 .p12-grid{position:absolute;width:1.5px;margin-left:-.75px;background:rgba(36,21,13,.12);transform-origin:50% 0}
.scene-p12 .p12-tick{position:absolute;top:910px;width:120px;text-align:center;font:600 27px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}
.scene-p12 .p12-col{position:absolute;top:350px;width:440px;text-align:center;font:700 22px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--terra-txt)}
.scene-p12 .p12-row{position:absolute;left:210px;width:1530px;height:104px}
.scene-p12 .p12-hair{position:absolute;left:0;right:0;top:0;height:1.5px;background:rgba(36,21,13,.16);transform-origin:0 50%}
.scene-p12 .p12-hairEnd{left:210px;right:auto;width:1530px}
.scene-p12 .p12-rnum{position:absolute;left:0;top:41px;font:700 22px/1 var(--sans);letter-spacing:.12em;color:var(--terra-txt);font-variant-numeric:tabular-nums}
.scene-p12 .p12-lblw{position:absolute;left:58px;top:0;height:104px;display:flex;align-items:center}
.scene-p12 .p12-lbl{margin:0;font:600 28px/1.22 var(--sans);color:var(--ink);white-space:nowrap}

/* гантельдер */
.scene-p12 .p12-db{position:absolute;height:24px}
.scene-p12 .p12-bar{position:absolute;left:0;right:0;top:7px;height:10px;border-radius:5px;transform-origin:0 50%;will-change:transform}
.scene-p12 .p12-g1 .p12-bar{background:var(--g1);opacity:.9}
.scene-p12 .p12-g2 .p12-bar{background:var(--g2)}
.scene-p12 .p12-dot{position:absolute;top:0;left:-12px;width:24px;height:24px;border-radius:50%;box-sizing:border-box}
.scene-p12 .p12-d0{background:var(--cream-2);border:4px solid var(--g1)}
.scene-p12 .p12-g2 .p12-d0{border-color:var(--g2)}
.scene-p12 .p12-d1{background:var(--g1);box-shadow:0 0 0 3px rgba(246,239,227,.9)}
.scene-p12 .p12-g2 .p12-d1{background:var(--g2)}
.scene-p12 .p12-anchor{position:absolute;left:0;top:0;width:0;height:24px}
.scene-p12 .p12-v0{position:absolute;right:24px;top:-3px;font:700 28px/30px var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}
.scene-p12 .p12-end{position:absolute;left:100%;top:0;width:0;height:24px;will-change:transform}
.scene-p12 .p12-vw{position:absolute;left:24px;top:-3px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.scene-p12 .p12-v1{display:block;font:700 28px/30px var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.scene-p12 .p12-g2 .p12-v1{color:var(--teal-txt)}
.scene-p12 .p12-tag{display:block;margin-top:-1px;padding:0 12px;height:36px;border:1.5px solid var(--terra-d);border-radius:18px;
  font:700 27px/33px var(--sans);color:var(--terra-txt);background:rgba(246,239,227,.92);font-variant-numeric:tabular-nums;white-space:nowrap}