/* Pricing chart: a quiet plot with readable, persistent values beneath it. */
.plan-comparison .comparison-chart-readout{position:static;width:100%;padding:12px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;pointer-events:auto;font-size:13px;line-height:1.4}
.plan-comparison .comparison-chart-readout>strong{font-size:13px;color:var(--muted);margin-bottom:8px;min-height:20px}
.plan-comparison .comparison-readout-row{gap:12px;min-height:50px;padding:4px 0}
.plan-comparison .comparison-readout-row::before{width:18px;height:2px;border-radius:0}
.plan-comparison .comparison-readout-row>.comparison-readout-name{white-space:normal;overflow:visible;text-overflow:clip}
.plan-comparison .comparison-readout-row>.comparison-readout-values{flex:none;display:grid;text-align:right;gap:3px;white-space:normal;overflow:visible;max-width:55%}
.plan-comparison .comparison-readout-values b{font-size:18px;font-weight:400;font-variant-numeric:tabular-nums;white-space:normal}
.plan-comparison .comparison-readout-values small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.plan-comparison .comparison-chart-readout>small{font-size:11px;min-height:32px;margin-top:10px;max-width:650px}
.plan-comparison .comparison-plot-svg .comparison-grid{stroke-opacity:.24}
.plan-comparison .comparison-chart-controls [role=group]{border:0;padding:0;border-radius:0;gap:16px}
.plan-comparison .comparison-chart-controls button{border-radius:0;padding:5px 0;border:0;border-bottom:1px solid transparent}
.plan-comparison .comparison-chart-controls button[aria-pressed=true]{background:none;border-color:var(--red-text,var(--red))}
.plan-comparison .comparison-plot-caption{font-size:11px;max-width:650px}
.plan-comparison .comparison-plot-svg text{font-size:11px}
.plan-comparison .comparison-plot-svg .comparison-unit{font-size:12px}
.plan-comparison .comparison-plot-svg .comparison-y-label{font-size:10px}
.plan-comparison .comparison-plot-svg .comparison-period-label{font-size:10px}
@media(max-width:500px){
  .plan-comparison .comparison-readout-row{gap:8px;font-size:12px}
  .plan-comparison .comparison-readout-values b{font-size:17px}
  .plan-comparison .comparison-chart-controls [role=group]{gap:15px}
}