/* 3D-вид исследования: тёмная сцена в духе приборной панели, выноски с линиями к областям */
.b3d{position:relative;height:min(72vh,680px);min-height:460px;border-radius:18px;overflow:hidden;margin:14px 0 10px;
  background:radial-gradient(ellipse at 50% 38%,#26324a 0%,#121826 55%,#0a0d14 100%);color:#e8edf5;
  box-shadow:0 10px 40px rgba(10,14,22,.35)}
.b3d-canvas{position:absolute;inset:0}
.b3d-canvas canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.b3d-canvas canvas:active{cursor:grabbing}
.b3d-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.b3d-lines polyline{fill:none;stroke-width:1.6}
.b3d-lines circle{stroke:none}
.b3d{--mix:1}
.b3d-tag,.b3d-lines,.b3d-verdict{opacity:var(--mix);transition:opacity .2s}
.b3d[data-mode="xray"] .b3d-tag,.b3d[data-mode="xray"] .b3d-verdict{pointer-events:none}
.b3d-tag{position:absolute;display:flex;flex-direction:column;gap:2px;padding:0 4px 7px;min-width:200px;max-width:260px;
  color:#e8edf5;text-decoration:none;border-bottom:2px solid currentColor;font-size:14px;line-height:1.35;z-index:2}
.b3d-tag b{font-size:19px;font-weight:650;letter-spacing:.2px}
.b3d-tag .v{font-weight:600}
.b3d-tag .l{opacity:.85;font-variant-numeric:tabular-nums}
.b3d-tag.top{left:50%;top:22px;transform:translateX(-50%);align-items:center;text-align:center}
.b3d-tag.tl{left:22px;top:22px}
.b3d-tag.left{left:22px;top:52%}
.b3d-tag.right{right:22px;top:44%;align-items:flex-end;text-align:right}
.b3d-tag.bad{color:#ff5a5a}.b3d-tag.bad .l{color:#ffd0d0}
.b3d-tag.ok{color:#f2f5fa}.b3d-tag.ok .v{color:#6be39a}
.b3d-tag.na,.b3d-tag.absent{color:#8a94a6}
.b3d-tag[href]:hover b{text-decoration:underline}
.b3d-verdict{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);padding:7px 16px;border-radius:999px;
  font-weight:650;background:rgba(255,255,255,.08);backdrop-filter:blur(4px);white-space:nowrap;z-index:2}
.b3d-verdict.bad{color:#ff6b6b;box-shadow:inset 0 0 0 1px rgba(255,90,90,.5)}
.b3d-verdict.ok{color:#7ee8a8;box-shadow:inset 0 0 0 1px rgba(110,230,160,.45)}
.b3d-hint{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font-size:12.5px;color:#8f9bb0;z-index:2}
.b3d-nogl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:320px;text-align:center;color:#c9d2e0}
.b3d-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#566}
.b3d-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.b3d-legend i.bad{background:#ff4040}.b3d-legend i.ok{background:#e9edf2;box-shadow:inset 0 0 0 1px #aab}
.b3d-legend i.na{background:#e9edf2;opacity:.35;box-shadow:inset 0 0 0 1px #aab}.b3d-legend i.spot{background:#ffb020}
.b3d-note{max-width:820px}
.b3d-pick{margin:6px 0 0}.b3d-pick select{max-width:100%;font:inherit;padding:6px 8px;border-radius:8px}
.v2-3d{font-weight:600}
@media (max-width:720px){
  .b3d{height:auto;min-height:0;padding-top:min(118vw,520px);display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
  .b3d-canvas{bottom:auto;height:min(118vw,520px)}
  .b3d-lines{display:none}
  .b3d-tag,.b3d-tag.top,.b3d-tag.tl,.b3d-tag.left,.b3d-tag.right{position:static;transform:none;margin:0 14px;max-width:none;min-width:0;
    align-items:flex-start;text-align:left}
  .b3d-verdict{position:static;transform:none;align-self:center;white-space:normal;text-align:center}
  .b3d-hint{position:static}
}

.b3d-switch{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:3;
  padding:6px 8px 6px 14px;border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);font-size:13.5px;color:#c9d4e6}
.b3d-switch input{width:150px;accent-color:#6fa8ff;cursor:pointer}
.b3d-toggle{font:inherit;font-weight:650;color:#0c1220;background:#9cc4ff;border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.b3d-toggle:hover{background:#b9d5ff}
.b3d.no-xray .b3d-switch{display:none}
.b3d-hint .hx{display:none}.b3d[data-mode="xray"] .b3d-hint .hx{display:inline}.b3d[data-mode="xray"] .b3d-hint .h3d{display:none}
.v2-res .pic{position:relative}
.v2-to3d{position:absolute;right:10px;bottom:10px;padding:7px 13px;border-radius:999px;background:rgba(12,18,32,.78);color:#fff;
  font-weight:650;font-size:14px;text-decoration:none;backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.v2-to3d:hover{background:#2c6fd6;color:#fff}
@media (max-width:720px){
  .b3d-switch{position:absolute;top:10px;left:10px;right:10px;transform:none;justify-content:center;flex-wrap:wrap;padding:6px 10px}
  .b3d-switch input{width:110px}
  .b3d-tag,.b3d-verdict{opacity:1}
}