/* Enable only after the SVG has been measured and mounted successfully.
   The original CSS ring remains the fallback and its box remains measurable. */
#process .has-optical-ring .process-ring{
  border-color:transparent;
  background:none;
  box-shadow:none;
}
#process .has-optical-ring .process-disc{z-index:1}
#process .process-optics-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
#process .process-optics-rear{z-index:0}
#process .process-optics-front{z-index:2}

/* Preserve the graphic area's width, centre it on the result card. */
#process .process-result-graphic{left:14.5%;right:14.5%}