/* Shared Design Library tokens; chart-only overrides, loaded after styles.css. */
.wvl-chart-features,.wvl-chart-rubric{min-width:0;font-size:16px}
.wvl-chart-feature{gap:8px;padding:18px 0}
.wvl-chart-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;font-size:16px;line-height:1.5}
.wvl-chart-head>span{flex:1 1 200px}
.wvl-chart-value{font-size:16px;font-variant-numeric:tabular-nums;font-weight:650;overflow-wrap:anywhere;max-width:100%}
.wvl-chart-caption{margin:0;color:var(--wvl-muted);font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.wvl-chart-axis{position:relative;height:48px;margin:3px 9px 0;background:linear-gradient(var(--wvl-muted),var(--wvl-muted)) left 9px/100% 2px no-repeat;color:var(--wvl-muted)}
.wvl-chart-tick{position:absolute;left:var(--tick-position);top:5px;width:1px;height:10px;background:var(--wvl-muted)}
.wvl-chart-tick-label{position:absolute;top:15px;left:0;transform:translateX(-50%);font-size:16px;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums}
.wvl-chart-tick-start .wvl-chart-tick-label{transform:none}
.wvl-chart-tick-end .wvl-chart-tick-label{transform:translateX(-100%)}
.wvl-chart-point,.wvl-chart-cap{position:absolute;left:var(--chart-position);top:3px;transform:translateX(-50%);z-index:1;color:var(--wvl-green);background:currentColor}
.wvl-chart-point{width:14px;height:14px;border-radius:50%;outline:2px solid var(--wvl-surface)}
.wvl-chart-cap{width:3px;height:14px}
.wvl-chart-interval{position:absolute;top:7px;left:var(--chart-start);width:var(--chart-width);height:6px;background:var(--wvl-green);z-index:1}
.wvl-chart-rubric{gap:5px 12px;margin:22px 0}
.wvl-chart-rubric>.wvl-chart-caption,.wvl-chart-rubric>.wvl-chart-axis{grid-column:1/-1}
.wvl-chart-estimate .wvl-chart-point{color:var(--wvl-accent)}
.wvl-chart-missing{border-left:3px solid var(--wvl-muted);padding-left:12px}
.wvl-chart-overflow{width:10px;height:10px;top:5px;border-radius:0;background:var(--wvl-surface);border-right:3px solid currentColor;border-top:3px solid currentColor;outline:none}
.wvl-chart-overflow-high{transform:translateX(-70%) rotate(45deg)}
.wvl-chart-overflow-low{transform:translateX(-30%) rotate(-135deg)}
.wvl-chart-overflow-note{color:var(--wvl-ink)}
.wvl-chart-exact{margin:18px 0;font-size:16px}
.wvl-chart-exact>summary{padding:10px 0;min-height:44px;cursor:pointer}
.wvl-chart-table-region{overflow-x:auto;margin-top:12px;max-width:100%;contain:inline-size}
.wvl-chart-table-region:focus-visible,.wvl-chart-exact>summary:focus-visible{outline:2px solid var(--wvl-focus);outline-offset:3px}
.wvl-chart-table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px;line-height:1.6}
.wvl-chart-table caption{text-align:left;color:var(--wvl-muted);padding:0 0 12px}
.wvl-chart-table th,.wvl-chart-table td{padding:10px 12px;border:1px solid var(--wvl-line);text-align:left;vertical-align:top}
.wvl-chart-table thead{background:var(--wvl-tint)}
.wvl-chart-exact-value{font-variant-numeric:tabular-nums;white-space:nowrap}
.wvl-chart-exact-value .wvl-chart-caption{white-space:normal}
@media(max-width:600px){.wvl-chart-head{display:grid;grid-template-columns:minmax(0,1fr)}.wvl-chart-feature{padding:17px 0}.wvl-chart-axis{margin-top:5px}}
@media(forced-colors:active){.wvl-chart-axis{background:linear-gradient(CanvasText,CanvasText) left 9px/100% 2px no-repeat}.wvl-chart-tick,.wvl-chart-point,.wvl-chart-cap,.wvl-chart-interval{background:CanvasText;color:CanvasText}.wvl-chart-point{outline-color:Canvas}.wvl-chart-overflow{background:Canvas}.wvl-chart-missing{border-color:CanvasText}}

/* Visitor voice profile: one shared rubric, intended intervals and example points. */
.wvl-voice-profile{font-size:16px;min-width:0;margin:20px 0;color:var(--wvl-ink)}
.wvl-profile-legend{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--wvl-muted);font-size:16px;margin-bottom:14px}
.wvl-profile-key{display:inline-flex;align-items:center;gap:9px}
.wvl-profile-range-key{width:30px;height:8px;border:2px solid var(--wvl-green);background:var(--wvl-tint)}
.wvl-profile-point-key{width:12px;height:12px;border-radius:50%;background:var(--wvl-green)}
.wvl-profile-row{display:grid;grid-template-columns:170px minmax(0,1fr) 48px;align-items:center;gap:20px;min-height:48px;padding:9px 0;border-bottom:1px solid var(--wvl-line);font-size:16px}
.wvl-profile-label{line-height:1.5}
.wvl-profile-rating{text-align:right;font-variant-numeric:tabular-nums;line-height:1.5}
.wvl-profile-track{position:relative;height:20px;margin:0 7px;background:linear-gradient(var(--wvl-line),var(--wvl-line)) center/100% 1px no-repeat}
.wvl-profile-range{position:absolute;left:var(--profile-start);width:var(--profile-width);top:6px;height:8px;border:2px solid var(--wvl-green);background:var(--wvl-tint)}
.wvl-profile-single-target{width:4px;transform:translateX(-50%)}
.wvl-profile-point{position:absolute;left:var(--profile-position);top:3px;width:14px;height:14px;border-radius:50%;transform:translateX(-50%);background:var(--wvl-green);outline:2px solid var(--wvl-surface)}
.wvl-profile-axis{display:flex;justify-content:space-between;margin:8px 75px 0 197px;color:var(--wvl-muted);font-size:16px}
.wvl-profile-caption{margin:18px 0 0;font-size:16px;line-height:1.6;color:var(--wvl-muted)}
@media(max-width:600px){.wvl-profile-row{grid-template-columns:minmax(0,1fr) 48px;gap:5px 12px;padding:12px 0}.wvl-profile-label{grid-column:1;grid-row:1}.wvl-profile-rating{grid-column:2;grid-row:1}.wvl-profile-track{grid-column:1/-1;grid-row:2}.wvl-profile-axis{margin:8px 7px 0}}
@media(forced-colors:active){.wvl-profile-range,.wvl-profile-range-key{border-color:CanvasText;background:Canvas}.wvl-profile-point,.wvl-profile-point-key{background:CanvasText}.wvl-profile-point{outline-color:Canvas}}