.data-chart{margin:16px 0 24px;min-width:0;max-width:100%;color:var(--jp-ink)}
.chart-caption{font-weight:700;margin-bottom:12px}.data-chart svg{width:100%;height:auto;display:block;overflow:visible}.data-chart svg text{font:var(--font-meta) sans-serif;fill:var(--jp-ink)}
@media(max-width:760px){#overview .data-chart svg text{font-size:var(--font-page-title-mobile)}}
.chart-grid{stroke:var(--jp-line);stroke-dasharray:3 5}.chart-line{stroke-width:3}.chart-line.series-0{stroke:var(--jp-blue)}.chart-line.series-1{stroke:var(--jp-deep);stroke-dasharray:6 4}.chart-point.series-0{fill:var(--jp-blue)}.chart-point.series-1{fill:var(--jp-deep)}.chart-current{font-weight:800!important}
.chart-legend{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.chart-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:var(--font-meta)}.chart-values span{flex-basis:100%}
.chart-bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 75px;gap:12px;align-items:center;margin:12px 0;font-size:var(--font-table)}.chart-bar-row strong{text-align:right;font-variant-numeric:tabular-nums}.chart-bar-track{background:var(--jp-paper);height:16px;border-radius:8px}.chart-bar{height:100%;background:var(--jp-blue);border-radius:8px}
.chart-donut-layout{display:flex;align-items:center;gap:20px}.chart-donut-layout svg{width:200px;max-width:100%;flex-shrink:0}.chart-donut-layout .chart-legend{flex-direction:column}.donut-0{stroke:var(--jp-blue)}.donut-1{stroke:var(--jp-mint)}.donut-2{stroke:var(--jp-lemon)}
.funnel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.funnel-heading .section-title{margin:0;padding:0}.funnel-heading>small{color:var(--jp-muted);font-size:var(--font-meta)}
.funnel-overall{margin:0;padding:6px 12px;border:1px solid var(--jp-orange);border-radius:999px;background:var(--jp-white);color:var(--jp-deep);box-shadow:2px 2px 0 var(--jp-orange);font-size:var(--font-table);font-weight:800;white-space:nowrap}
.visual-funnel .funnel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) auto) minmax(0,1fr);gap:8px;padding:0 0 5px;align-items:center;overflow:visible}
.visual-funnel .step{width:100%;min-width:0;height:124px;padding:16px 10px;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;box-sizing:border-box}
.visual-funnel .step>b{font-size:var(--font-body)}.visual-funnel .step .n{font-size:var(--font-kpi-number);line-height:1.2;margin:0;white-space:nowrap}
.chart-step-rate{display:block;font-size:var(--font-meta);line-height:1.4}.visual-funnel .arrow{min-width:0;padding:0;text-align:center;transform:none}.visual-funnel .arrow span{color:var(--jp-orange)}.visual-funnel .funnel-arrow-rate{font-size:var(--font-meta);white-space:nowrap}.visual-funnel .funnel-arrow-symbol{font-size:var(--font-page-title-mobile);line-height:1}
@media(min-width:900px) and (max-width:1100px){.visual-funnel .funnel{gap:4px}.visual-funnel .step{padding:16px 4px}.visual-funnel .step .n{font-size:var(--font-section-title);white-space:normal}.visual-funnel .step>b{font-size:var(--font-table)}}
@media(max-width:899px){.visual-funnel .funnel{grid-template-columns:minmax(0,1fr);gap:5px}.visual-funnel .step{height:102px;padding:12px 16px}.visual-funnel .step .n{font-size:var(--font-kpi-number)}.visual-funnel .arrow{display:flex;justify-content:center;align-items:center;gap:8px}.visual-funnel .funnel-arrow-symbol{transform:rotate(90deg)}.funnel-header{gap:8px;margin-bottom:12px}}
@media(max-width:760px){.chart-bar-row{grid-template-columns:minmax(0,1fr) 75px;gap:5px}.chart-bar-track{grid-column:1;grid-row:2}.chart-bar-row strong{grid-column:2;grid-row:2}.chart-donut-layout{flex-direction:column;gap:10px}.chart-donut-layout .chart-legend{flex-direction:row}.visual-funnel .step{width:100%}}
