.chartsg-hero{position:relative;overflow:hidden}.chartsg-hero:before{content:"";position:absolute;inset:0 0 auto;height:.25rem;background:linear-gradient(90deg,var(--lead-site-chart-1),var(--lead-site-chart-2),var(--lead-site-chart-3),var(--lead-site-chart-4),var(--lead-site-chart-5));pointer-events:none}.chartsg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:var(--space-5);align-items:stretch;margin-top:var(--space-6)}.chartsg-rules{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-width:52rem}.chartsg-rules li{display:flex;align-items:flex-start;gap:.6rem;color:var(--lead-site-muted)}.chartsg-rules li>.lucide{color:var(--lead-site-teal);flex:none;margin-top:.15rem}.chartsg-rules strong{color:var(--lead-site-text)}.chartsg-proof-panel{display:grid;align-content:space-between;gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--lead-site-panel) 86%,transparent),color-mix(in srgb,var(--lead-site-card-surface) 94%,transparent))}.chartsg-panel-kicker{margin:0;color:var(--lead-site-muted);font-size:var(--project-type-eyebrow);font-weight:var(--project-weight-strong);text-transform:uppercase}.chartsg-proof-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;align-items:end;min-height:4.75rem;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--lead-site-border) 72%,transparent);border-radius:var(--corner-radius-md);background:color-mix(in srgb,var(--lead-site-bg) 58%,transparent)}.chartsg-proof-bars span{display:block;height:var(--chartsg-bar-height);min-height:1.5rem;border-radius:var(--corner-radius-md) var(--corner-radius-md) var(--dt-px-2) var(--dt-px-2);forced-color-adjust:none}.chartsg-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0}.chartsg-proof-list div{min-width:0}.chartsg-proof-list dt{color:var(--lead-site-text);font-family:var(--font-display);font-size:var(--lead-type-panel-title);font-weight:var(--project-weight-strong);line-height:1}.chartsg-proof-list dd{margin:var(--space-1) 0 0;color:var(--lead-site-muted);font-size:var(--typography-font-size-xs);line-height:1.35}.chartsg-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none}.chartsg-index a{display:flex;align-items:flex-start;gap:var(--space-2);min-height:4.5rem;padding:var(--space-3);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:var(--lead-site-card-surface);text-decoration:none;color:var(--lead-site-text)}.chartsg-index a:hover,.chartsg-index a:focus-visible{border-color:color-mix(in srgb,var(--lead-site-teal) 45%,var(--lead-site-border))}.chartsg-index-num{font-weight:var(--project-weight-strong);color:var(--lead-site-teal)}.chartsg-index-name{display:block;flex:1;font-weight:var(--typography-font-weight-semibold)}.chartsg-index-detail{display:block;margin-top:.15rem;color:var(--lead-site-muted);font-size:var(--typography-font-size-xs);line-height:1.35}.chartsg-page .chartsg-card{position:relative;overflow:hidden;margin-top:var(--space-8)}.chartsg-page .chartsg-card:after{content:attr(data-chart-index);position:absolute;top:var(--space-5);right:var(--space-5);color:color-mix(in srgb,var(--lead-site-muted) 18%,transparent);font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);font-weight:var(--project-weight-strong);line-height:.8;pointer-events:none}.chartsg-card-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--lead-site-border)}.chartsg-card-head h2{margin:0}.chartsg-card-kicker{margin:0 0 var(--space-1);color:var(--lead-site-teal);font-size:var(--project-type-eyebrow);font-weight:var(--project-weight-strong);text-transform:uppercase}.chartsg-card-meta{flex:0 0 auto;max-width:14rem;margin:0;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--lead-site-teal) 32%,var(--lead-site-border));border-radius:var(--corner-radius-md);background:color-mix(in srgb,var(--lead-site-teal) 9%,transparent);color:var(--lead-site-text);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-semibold);line-height:1.35;text-align:right}.chartsg-note{margin:0 0 var(--space-5);max-width:52rem;color:var(--lead-site-muted);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-base)}.chartsg-note code{font-size:.85em}.chartsg-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.chartsg-swatches li{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--lead-site-border);border-radius:var(--project-radius-card);background:var(--lead-site-card-surface)}.chartsg-swatch{display:block;height:2.5rem;border-radius:var(--corner-radius-md)}.chartsg-swatches code{font-size:var(--typography-font-size-xs);color:var(--lead-site-text);overflow-wrap:anywhere}.chartsg-swatch-source{font-size:var(--typography-font-size-xs);color:var(--lead-site-muted)}.chartsg-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-4)}.chartsg-stat{padding:var(--space-5);border:1px solid var(--lead-site-border);border-radius:var(--project-radius-card);background:var(--lead-site-card-surface)}.chartsg-stat-label{margin:0 0 var(--space-1);font-size:var(--typography-font-size-sm);color:var(--lead-site-muted)}.chartsg-stat-value{margin:0;font-size:var(--project-type-metric);font-weight:var(--project-weight-strong);line-height:1.1;color:var(--lead-site-text)}.chartsg-stat-delta{margin:var(--space-2) 0 0;font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold)}.chartsg-stat-delta--good{color:var(--lead-site-success)}.chartsg-stat-delta--bad{color:var(--lead-site-danger)}.chartsg-stat-note{margin-left:var(--space-1);font-weight:400;color:var(--lead-site-muted)}.chartsg-figure{margin:0}.chartsg-figure:not(.chartsg-donut-figure){overflow-x:auto;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--lead-site-border) 72%,transparent);border-radius:var(--corner-radius-md);background:color-mix(in srgb,var(--lead-site-bg) 58%,transparent);scrollbar-color:var(--lead-site-muted) transparent}.chartsg-figure svg{display:block;width:100%;height:auto}.chartsg-figure:not(.chartsg-donut-figure) svg{width:max(38rem,100%)}.chartsg-figure svg text{font-family:var(--project-font-sans)}.chartsg-caption{margin-top:var(--space-2);font-size:var(--typography-font-size-xs);color:var(--lead-site-muted)}.chartsg-grid{stroke:var(--lead-site-border);stroke-width:1}.chartsg-axis{fill:var(--lead-site-muted);font-size:var(--dt-px-12)}.chartsg-direct-label{fill:var(--lead-site-text);font-size:var(--dt-px-12);font-weight:var(--typography-font-weight-medium)}.chartsg-value-label{fill:var(--lead-site-text);font-size:var(--dt-px-12);font-weight:var(--typography-font-weight-semibold)}.chartsg-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chartsg-dot{stroke:var(--lead-site-panel);stroke-width:2}.chartsg-bar{fill:var(--lead-site-chart-1)}.chartsg-hit{fill:transparent;cursor:default;outline-offset:2px}.chartsg-hit:focus-visible{outline:2px solid var(--lead-site-teal)}.chartsg-crosshair{stroke:var(--lead-site-muted);stroke-width:1;stroke-dasharray:4 3;opacity:0;pointer-events:none}.chartsg-crosshair.is-active{opacity:1}.chartsg-seg-label{font-size:var(--dt-px-12);font-weight:var(--typography-font-weight-semibold);pointer-events:none}.chartsg-tex{display:none;pointer-events:none}.chartsg-figure svg,.chartsg-swatch,.chartsg-legend-swatch{forced-color-adjust:none}@media(forced-colors:active){.chartsg-tex{display:inline}}@media print{.chartsg-tex{display:inline}}.chartsg-seg{transition:opacity .15s ease}.chartsg-seg:hover,.chartsg-seg:focus-visible{opacity:.85}.chartsg-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0 0 var(--space-4);font-size:var(--typography-font-size-sm);color:var(--lead-site-text)}.chartsg-legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.chartsg-legend-swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:var(--dt-px-3);flex:none}.chartsg-donut-figure{display:grid;grid-template-columns:minmax(14rem,18rem) 1fr;gap:var(--space-6);align-items:center;padding:var(--space-4);border:1px solid color-mix(in srgb,var(--lead-site-border) 72%,transparent);border-radius:var(--corner-radius-md);background:color-mix(in srgb,var(--lead-site-bg) 58%,transparent)}.chartsg-donut-figure .chartsg-caption{grid-column:1 / -1}.chartsg-donut-total{fill:var(--lead-site-text);font-size:var(--dt-px-24);font-weight:var(--typography-font-weight-bold)}.chartsg-donut-legend{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.chartsg-donut-legend li{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--typography-font-size-sm)}.chartsg-donut-legend-name{color:var(--lead-site-text)}.chartsg-donut-legend-value{margin-left:auto;color:var(--lead-site-muted);font-variant-numeric:tabular-nums}@media(max-width:40rem){.chartsg-donut-figure{grid-template-columns:1fr}}.chartsg-table{margin-top:var(--space-4)}.chartsg-table summary{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:var(--lead-site-card-surface);cursor:pointer;font-size:var(--typography-font-size-sm);color:var(--lead-site-muted)}.chartsg-table summary:hover,.chartsg-table summary:focus-visible{border-color:color-mix(in srgb,var(--lead-site-teal) 45%,var(--lead-site-border));color:var(--lead-site-text)}.chartsg-table-scroll{overflow-x:auto;margin-top:var(--space-3)}.chartsg-table table{border-collapse:collapse;font-size:var(--typography-font-size-sm);min-width:20rem}.chartsg-table th,.chartsg-table td{padding:var(--space-2) var(--space-4);border:1px solid var(--lead-site-border);text-align:left;color:var(--lead-site-text)}.chartsg-table th{font-weight:var(--typography-font-weight-semibold)}.chartsg-table td{font-variant-numeric:tabular-nums}.chartsg-tooltip{position:absolute;z-index:60;transform:translate(-50%,-100%);max-width:18rem;padding:var(--space-2) var(--space-3);border:1px solid var(--lead-site-border);border-radius:var(--corner-radius-md);background:var(--lead-site-panel);color:var(--lead-site-text);font-size:var(--typography-font-size-xs);box-shadow:0 var(--space-2) var(--space-5) var(--lead-site-shadow);pointer-events:none}.chartsg-tooltip--below{transform:translate(-50%)}@media(max-width:56rem){.chartsg-hero-grid{grid-template-columns:1fr}.chartsg-card-head{flex-direction:column}.chartsg-card-meta{max-width:none;text-align:left}}@media(prefers-reduced-motion:reduce){.chartsg-seg{transition:none}}