.chart-wrap{width:100%}.chart-stage{width:100%;position:relative}.chart-stage svg{display:block;overflow:visible}.chart-stage svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r-mark)}.chart-empty{border:1px dashed var(--hairline);border-radius:var(--r-m);justify-content:center;align-items:center;display:flex}.grid-line{stroke:var(--hairline);stroke-width:1px;shape-rendering:crispedges}.axis-line{stroke:var(--baseline);stroke-width:1px;shape-rendering:crispedges}.tick-label{fill:var(--ink-3);font-size:11px;font-family:var(--font-sans)}.series-line{fill:none;stroke-width:var(--chart-line-w);stroke-linecap:round;stroke-linejoin:round}.dot-ring{stroke:var(--surface);stroke-width:2px}.context-line{fill:none;stroke:var(--ink-4);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.band-label{fill:var(--ink-2);font-size:10.5px;font-weight:600;font-family:var(--font-sans);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.mark-fill{fill-opacity:var(--mark-fill-alpha);transition:fill-opacity var(--dur-instant) var(--ease-standard)}.mark-fill.is-active{fill-opacity:var(--mark-fill-alpha-active)}.mark-edge{fill:none;stroke-width:var(--mark-edge-w)}.crosshair{stroke:var(--baseline);stroke-width:1px;shape-rendering:crispedges;pointer-events:none}.end-label{fill:var(--ink-2);font-size:12px;font-weight:500;font-family:var(--font-sans);letter-spacing:-.008em}.end-label:hover{fill:var(--ink)}.leader-line{stroke:var(--baseline);stroke-width:1px;fill:none}.event-mark line{stroke:var(--hairline);stroke-width:1px;shape-rendering:crispedges}.event-mark text{fill:var(--ink-4);letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;font-weight:500;font-family:var(--font-sans)}.event-mark:hover text{fill:var(--ink-2)}.event-mark:hover line{stroke:var(--baseline)}.chart-legend{gap:var(--s2) var(--s4);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.legend-item{font-size:var(--type-caption);color:var(--ink-2);cursor:pointer;font-weight:500;font-family:var(--font-sans);background:0 0;border:0;align-items:center;gap:7px;padding:2px 0;display:inline-flex}.legend-item:hover{color:var(--ink)}.legend-key{border-radius:var(--r-mark-sm);width:14px;height:2.5px}.legend-key-ref{background:radial-gradient(circle, var(--ink-3) 0 2.5px, transparent 3px) no-repeat, linear-gradient(var(--ink-3), var(--ink-3)) 50% 50% / 100% 1.5px no-repeat;border-radius:0;height:9px}.chart-tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:var(--shadow-float);padding:var(--s2) var(--s3);min-width:132px;z-index:var(--z-tooltip);position:absolute}.chart-tooltip.is-fixed{position:fixed}.tt-head{color:var(--ink);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.tt-row{white-space:nowrap;align-items:center;gap:7px;padding:2.5px 0;display:flex}.tt-key{border-radius:var(--r-mark-sm);flex-shrink:0;width:12px;height:2.5px}.tt-value{color:var(--ink);font-size:13px;font-weight:600}.tt-name{color:var(--ink-2);text-overflow:ellipsis;max-width:150px;font-size:12px;overflow:hidden}.tt-detail{color:var(--ink-3);white-space:normal;max-width:200px;font-size:11px}.tt-detail .icon{display:inline-block}.stat-row{gap:var(--s3) var(--s6);margin:var(--s4) 0 var(--s4);flex-wrap:wrap;display:flex}.stat{text-align:left;min-width:96px;font-family:var(--font-sans);background:0 0;border:0;padding:0}.stat.clickable{cursor:pointer}.stat .stat-label{align-items:center;gap:7px;display:inline-flex}.stat .pin{border-radius:var(--r-mark-sm);flex-shrink:0;width:9px;height:9px}.stat .stat-value{letter-spacing:-.025em;color:var(--ink);font-size:clamp(28px,3.2vw,44px);font-weight:600;line-height:1.15}.stat.clickable:hover .stat-value{color:var(--ink-2)}.stat .stat-sub{font-size:var(--type-caption);color:var(--ink-3)}.pyramid-wrap{width:100%}.pyramid-age{fill:var(--ink-3);font-size:10px;font-family:var(--font-sans)}.pyramid-compare-edge{fill:none;stroke-width:var(--mark-edge-w);stroke-dasharray:4 3}.pyramid-compare-casing{fill:none;stroke:var(--surface);stroke-width:calc(var(--mark-edge-w) + 2.5px);stroke-dasharray:4 3}.legend-key-dash{background:repeating-linear-gradient(90deg, var(--key-color,var(--ink-2)) 0 4px, transparent 4px 7px)}.divbar-ref-line{fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.divbar-ref-dot{fill:var(--ink-3);stroke:var(--surface);stroke-width:2px}
