@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;1,300;1,400&display=swap');
.cf-chart{background:#ffdfbf;color:#4d4845;font-family:"Source Sans 3",Arial,sans-serif;margin:2rem 0;padding:1rem;max-width:100%;font-variant-numeric:tabular-nums}
.cf-chart h3{font-family:inherit;font-weight:600;color:#242424;font-size:1.5rem;margin:0}
.cf-chart figcaption p{margin:.2rem 0 1rem;font-style:italic}
.cf-chart svg{width:100%;height:auto;display:block;overflow:visible}
.cf-chart svg text{font-family:inherit;fill:#4d4845;font-size:16px;font-weight:400}
.cf-chart .axis{stroke:#cc6400;stroke-width:1}
.cf-chart .grid{stroke:#cc6400;stroke-opacity:.18;stroke-width:1}
.cf-chart .data-line{fill:none;stroke:#007fcc;stroke-width:3;stroke-linejoin:round}
.cf-chart .slice-number{fill:#fff;font-weight:600}
.cf-chart .chart-source,.cf-chart .chart-note{font-size:1rem;font-style:italic;font-weight:300;line-height:1.4}
.cf-chart .chart-demo{font-weight:600}
.cf-chart a{color:#00598f}
.cf-chart summary{cursor:pointer}
.cf-chart table{width:100%;border-collapse:collapse;margin-top:.8rem}
.cf-chart th,.cf-chart td{padding:.5rem;text-align:left;border-bottom:1px solid #cc640055;overflow-wrap:anywhere}
@media(max-width:480px){.cf-chart{padding:.6rem}.cf-chart svg text{font-size:30px}.cf-chart h3{font-size:1.3rem}}

.cf-chart svg[viewBox^="0 0 300"]{max-width:320px}.chart-pie-labels{font-size:1.1rem;line-height:1.6}

.article-section{margin:2rem 0;display:grid;gap:1.5rem;align-items:start;grid-template-columns:minmax(0,1fr)}
.article-section.chart-left,.article-section.chart-right{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.article-section.chart-left{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.article-section.chart-left .cf-chart{grid-column:1;grid-row:1}
.article-section.chart-left .section-text{grid-column:2;grid-row:1}
.article-section .cf-chart{margin:0;min-width:0}
.article-section .section-text{min-width:0}
.article-section.text-only{grid-template-columns:minmax(0,1fr)}
@media(min-width:701px){.article-section.chart-left svg text,.article-section.chart-right svg text{font-size:24px}}
@media(max-width:700px){.article-section.chart-left,.article-section.chart-right{grid-template-columns:minmax(0,1fr)}.article-section.chart-left .cf-chart,.article-section.chart-left .section-text{grid-column:auto;grid-row:auto}}