.sdg-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.sdg-kpi--chart{grid-column:span 2}}.sdg-kpi{border:1px solid color-mix(in srgb,var(--sdg) 22%,var(--ink-200));border-radius:var(--radius-2xl);background:linear-gradient(180deg,color-mix(in srgb,var(--sdg) 8%,#fff),#fff 75%);align-content:start;gap:4px;min-width:0;padding:18px 20px;display:grid}.sdg-kpi p{margin:0}.sdg-kpi__v{font-size:clamp(1.625rem,2.5vw,2.125rem);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--ink-800);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.1}.sdg-kpi__v small{font-size:max(.45em,12px);font-weight:var(--font-weight-medium);letter-spacing:0;color:var(--ink-600);margin-left:.25em}.sdg-kpi__l{font-size:var(--text-sm);color:var(--ink-700);text-wrap:pretty;line-height:1.5}.sdg-kpi__s{font-size:var(--text-xs);color:var(--ink-500);flex-wrap:wrap;gap:2px 10px;display:flex}.stat-trend{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.stat-trend--up{color:#15803d}.stat-trend--down{color:#b91c1c}.stat-trend--flat{color:var(--ink-600)}.stat-chart{width:100%;height:auto;margin-top:10px;font-family:inherit;display:block;overflow:visible}.stat-chart__base{stroke:var(--ink-200)}.stat-chart__bar{fill:color-mix(in srgb,var(--sdg) 45%,#fff)}.is-last>.stat-chart__bar{fill:var(--sdg)}.stat-chart__line{fill:none;stroke:var(--sdg);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.stat-chart__area{fill:color-mix(in srgb,var(--sdg) 12%,transparent)}.stat-chart__dot{fill:#fff;stroke:var(--sdg);stroke-width:2.5px}.is-last>.stat-chart__dot{fill:var(--sdg)}.stat-chart__v{fill:var(--ink-800);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.stat-chart__x{fill:var(--ink-500);font-variant-numeric:tabular-nums;font-size:11px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stat-chart__bar{transform-box:fill-box;transform-origin:bottom;animation:linear both stat-grow;animation-timeline:view();animation-range:entry 10% entry 70%}.stat-chart__line{stroke-dasharray:1;animation:linear both stat-draw;animation-timeline:view();animation-range:entry 10% entry 80%}}}@keyframes stat-grow{0%{transform:scaleY(0)}}@keyframes stat-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.sdg-kpi__t{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--ink-800);text-wrap:pretty;line-height:1.4}.stat-legend{font-size:var(--text-xs);color:var(--ink-700);flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none;display:flex}.stat-legend li{align-items:center;gap:6px;display:inline-flex}.stat-legend li:before{content:"";background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.stat-legend small{color:var(--ink-500);font-size:inherit}.stat-chart--group .stat-chart__bar{fill:var(--c)}.stat-chart--group .stat-chart__line{stroke:var(--c)}.stat-chart--group .stat-chart__dot{fill:var(--c);stroke:#fff;stroke-width:1.5px}