/* Paired sparks share the chart's horizontal time coordinate. */
#maintenance [data-maturity-chart] { overflow: visible; }
#maintenance .maturity-animation { pointer-events: none; }
#maintenance .maturity-guide { stroke: currentColor; stroke-width: .6; opacity: .16; stroke-dasharray: 2 4; }
#maintenance .maturity-gap-glow { stroke: currentColor; stroke-width: 7; filter: blur(4px); }
#maintenance .maturity-gap { stroke: currentColor; stroke-width: 1; stroke-dasharray: 2 3; }
#maintenance .maturity-business-dot { fill: var(--color-cream); opacity: .7; }
#maintenance .maturity-trail { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 3px currentColor); }
#maintenance .maturity-glow { fill: currentColor; opacity: .2; filter: blur(3px); }
#maintenance .maturity-ring { fill: currentColor; opacity: .22; }
#maintenance .maturity-core { fill: var(--color-cream); filter: drop-shadow(0 0 3px currentColor) drop-shadow(0 0 6px currentColor); }
#maintenance .maturity-controls { display: flex; justify-content: flex-end; margin-top: 16px; }
#maintenance .maturity-controls[hidden] { display: none; }
#maintenance [data-maturity-toggle] { padding: 6px 0 6px 16px; font: inherit; font-size: 12px; color: var(--color-cream-a60); cursor: pointer; text-underline-offset: 4px; }
#maintenance [data-maturity-toggle]:hover { color: var(--color-cream); text-decoration: underline; }
#maintenance [data-maturity-toggle]:focus-visible { outline: 2px solid var(--color-coral); outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) {
  #maintenance .maturity-animation, #maintenance .maturity-controls { display: none; }
}