.xef .xas__svg .s-pipe { fill: #27272A; stroke: #52525B; stroke-width: 1.25; }
.xef .xas__svg .s-bore { fill: #0E0E10; }
.xef .xas__svg .s-flow circle { fill: var(--xs-acc); }
.xef .xas__svg .s-arrow { fill: none; stroke: #71717A; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.xef .xas__svg .s-dial { fill: #141417; stroke: #8A9097; stroke-width: 1.5; }
.xef .xas__svg .s-tick line { stroke: #71717A; stroke-width: 1; }
.xef .xas__svg .s-needle { stroke: #FAFAFA; stroke-width: 1.75; stroke-linecap: round; }
.xef .xas__svg .s-hub { fill: #FAFAFA; }
.xef .xas__svg .s-meter { fill: #1B1B1E; stroke: #8A9097; stroke-width: 1.25; }
.xef .xas__svg .s-flange { fill: #3A3A40; stroke: #71717A; stroke-width: 1; }
.xef .xas__svg .s-gasket { fill: #18181B; }
.xef .xas__svg .s-bolt rect { fill: #8A9097; }
.xef .xas__svg .s-sheen { fill: none; stroke: #94A3B8; stroke-width: 2.5; stroke-linecap: round; opacity: 0.9; }
.xef .xas__svg .s-drop { fill: #94A3B8; }
.xef .xas__svg .s-pool { fill: rgba(148, 163, 184, 0.55); }
.xef .xas__svg .s-cable { stroke: var(--xs-acc); stroke-width: 3; stroke-linecap: round; transition: stroke 300ms var(--ease-out, ease); }
.xef .xas__svg .s-cable.is-wet { stroke: var(--sev-crit, #F87171); }
.xef .xas__svg .s-cap circle { fill: #141417; stroke: #8A9097; stroke-width: 1.25; }
.xef .xas__svg .s-ring--crit { stroke: var(--sev-crit, #F87171); }
.xef .xas__cell-v { white-space: normal; line-height: 1.35; }   .xef .xas__cell-v.is-adv { color: var(--sev-adv, #FCD34D); }
.xef .xas__cell-v.is-crit { color: var(--sev-crit, #F87171); }
.xef .xas__cell.is-new::after { background: rgba(var(--xs-acc-rgb), 0.12); }

.xeqr .xtr-peak { transform: translate(-50%, 10px); }
.xeqr .xtr-adv-lab { transform: translateY(5px); }   .xeq3d-hud {
  position: absolute; right: 14px; bottom: 64px; z-index: 2; width: min(250px, 58%); padding: 0.625rem 0.75rem;
  border: 1px solid #27272A; border-radius: 10px; background: rgba(20, 20, 23, 0.88); color: #FAFAFA;
  font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.03em; pointer-events: none;
  opacity: 0; transform: translateY(6px); transition: opacity 300ms var(--ease-out, ease), transform 300ms var(--ease-out, ease);
}
.xeq3d-hud.is-on { opacity: 1; transform: none; }
.xeq3d-hud__k { display: flex; justify-content: space-between; gap: 0.5rem; color: #A1A1AA; text-transform: uppercase; }
.xeq3d-hud__v { display: flex; align-items: baseline; gap: 0.375rem; margin-top: 0.25rem; font-size: 1.125rem; color: #FAFAFA; font-variant-numeric: tabular-nums; }
.xeq3d-hud__v small { font-size: 0.6875rem; color: #A1A1AA; }
.xeq3d-hud__v b { font-weight: 500; }
.xeq3d-hud__v b.is-adv { color: var(--sev-adv, #FCD34D); }
.xeq3d-hud svg { display: block; width: 100%; height: 34px; margin-top: 0.375rem; overflow: visible; }
.xeq3d-hud .h-base { stroke: #71717A; stroke-width: 1; stroke-dasharray: 3 3; }
.xeq3d-hud .h-line { fill: none; stroke: var(--pillar-accent, #8F96F2); stroke-width: 1.75; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.xeq3d-hud .h-dot { fill: var(--pillar-accent, #8F96F2); }
.xeq3d-hud .h-dot.is-adv { fill: var(--sev-adv, #FCD34D); }
.xeq3d-hud__note { margin-top: 0.25rem; color: #A1A1AA; }
@media (max-width: 599px) {
  .xef .xas__svg .s-lab { font-size: 19px; }
}
@media (max-width: 600px) {   .xeq3d-hud { right: 10px; bottom: 14px; width: 40%; padding: 0.375rem 0.5rem; font-size: 0.5625rem; }
  .xeq3d-hud__k span:last-child, .xeq3d-hud__note, .xeq3d-hud__v small[data-b] { display: none; }
  .xeq3d-hud__v { margin-top: 0.125rem; font-size: 0.9375rem; }
  .xeq3d-hud svg { height: 20px; margin-top: 0.25rem; }
}