.graphs{gap:28px;display:grid}.graph-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.graph-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:var(--accent);font:600 11px var(--mono);letter-spacing:.12em}.graph-heading h2{letter-spacing:-.035em;margin:9px 0;font-size:clamp(23px,3vw,32px)}.graph-heading p{color:var(--muted);max-width:560px;margin:0;font-size:14px;line-height:1.6}.graph-unit,.snapshot-time{color:var(--muted);font:500 12px var(--mono);white-space:nowrap}.snapshot-time{color:var(--accent);font-size:25px}.graph-controls{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.graph-controls button{padding:8px 12px;font-size:12px}.graph-controls button[aria-pressed=true]{border-color:var(--mint);background:color-mix(in srgb, var(--mint) 10%, var(--surface))}.plot-frame{height:320px;display:flex}.y-axis{width:38px;color:var(--muted);font:10px var(--mono);flex-direction:column;flex:0 0 38px;justify-content:space-between;padding:28px 0 37px;display:flex}.plot-area{flex:1;min-width:0;height:100%;position:relative}.explorer-svg{cursor:crosshair;touch-action:pan-y;border-radius:6px;width:100%;height:100%;display:block;overflow:hidden}.explorer-svg:active{cursor:grabbing}.explorer-svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.graph-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.signal-area{fill:url(#graph-fill)}.signal-line,.comparison-line{fill:none;stroke-width:2.5px;stroke:var(--accent);vector-effect:non-scaling-stroke}.comparison-line{stroke:var(--mint);stroke-width:2px;stroke-dasharray:5 5}.crosshair{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 4;opacity:.45;vector-effect:non-scaling-stroke;pointer-events:none}.focus-point{fill:var(--surface);stroke:var(--accent);stroke-width:2.5px;vector-effect:non-scaling-stroke;pointer-events:none}.graph-tooltip{left:clamp(0px, var(--tip-x,50%), calc(100% - 120px));pointer-events:none;background:var(--ink);width:112px;color:var(--surface);box-shadow:var(--shadow-lift);white-space:nowrap;z-index:2;border-radius:9px;gap:4px;padding:11px 15px;display:grid;position:absolute;transform:translate(8px,-115%)}.graph-tooltip span{font:11px var(--mono);opacity:.65}.graph-tooltip strong{font-variant-numeric:tabular-nums;font-size:17px}.x-axis{font:10px var(--mono);color:var(--muted);pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-5px;left:0;right:0}.graph-footnote{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin:28px 0 20px 38px;font-size:11px;display:flex}.graph-footnote span:last-child{font-family:var(--mono);margin-left:auto;font-size:10px}.legend-api:before,.legend-worker:before{content:"";background:var(--accent);border-radius:2px;width:16px;height:3px;margin:0 7px 3px 0;display:inline-block}.legend-worker:before{background:var(--mint)}.technique{border-top:1px solid var(--line);color:var(--muted);margin-bottom:0;padding-top:17px;font-size:12px;line-height:1.7}.rank-bars{height:260px;margin:32px 0 10px;position:relative}.rank-row{align-items:center;gap:14px;height:42px;display:flex;position:absolute;top:0;left:0;right:0}.region-name{flex:0 0 90px;width:90px;font-size:12px;font-weight:600}.bar-track{background:var(--surface-2);border-radius:4px;flex:1;min-width:0;height:26px;overflow:hidden}.bar-fill{transform-origin:0;background:var(--accent);border-radius:4px;width:100%;height:100%}.region-score{text-align:right;width:46px;font:500 12px var(--mono);font-variant-numeric:tabular-nums;flex:0 0 46px}.region-1 .bar-fill{background:var(--mint)}.region-2 .bar-fill{background:#d5964d}.region-3 .bar-fill{background:#de7d79}.region-4 .bar-fill{background:#8e8cb5}.graph-credit{text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.graph-credit a{color:var(--accent)}@media (width<=600px){.graph-card{padding:18px 14px}.graph-heading{gap:12px}.graph-unit{display:none}.plot-frame{height:260px}.graph-footnote{margin-left:0}.graph-footnote span:last-child{width:100%;margin-left:0}.region-name{flex-basis:72px;width:72px;font-size:11px}.rank-row{gap:8px}}