.stek-section{display:grid;gap:1rem}.stek-cluster-section{display:flex;width:fit-content;gap:2rem}.stek-cluster-section .title{font-size:var(--font-size-0);font-weight:600;color:var(--text-primary)}.stek-cluster-section .stek-cluster-link{display:flex;align-items:center;gap:1rem}.stek-cluster-section .stek-cluster-link:hover{text-decoration:underline}.stek-aim{display:flex;align-items:center;gap:1em;color:var(--text-secondary);font-size:var(--font-size--1);max-width:30ch}.stek-aim .lucide{width:2rem;height:2rem}.sustainability-section{display:grid;gap:4rem}.city-overview{display:flex;place-items:center;gap:4rem}.city-overview .chart-section{min-width:0;flex:1 1}.city-overview .chart-title{font-size:var(--font-size-2);color:var(--text-primary);font-weight:600;margin-bottom:1rem}.city-history-chart .chart-line{stroke:var(--stroke-primary);stroke-width:2;stroke-linecap:round}.city-history-chart .chart-line--secondary{stroke:var(--stroke-tertiary);stroke-linecap:round;stroke-width:2}.city-history-chart .progress-line{stroke-width:1;stroke:var(--stroke-error);stroke-dasharray:2,2;opacity:.6}.city-history-chart .progress-line.pos{stroke:var(--stroke-success)}.city-history-chart .chart-circle{cursor:pointer;fill:var(--text-info)}.city-history-chart .chart-circle.data-privacy{opacity:.3;fill:red!important}.city-history-chart .interaction-listener{opacity:0}.value-display{display:grid;gap:.5rem}.value-display .year{color:var(--text-info);font-size:var(--font-size--1)}.value-display .value,.value-display .year{text-box-edge:cap alphabetic;text-box-trim:trim-both;line-height:1;font-weight:600}.value-display .value{font-size:var(--font-size-10)}.value-display .unit{color:var(--text-secondary)}.progres-display{background:red}.history-chart-wrapper{--animation-duration:500ms;--animation-timing:ease-out}.history-chart-wrapper .year-label{font-size:var(--font-size--2);fill:var(--text-secondary);font-weight:600;opacity:.8}.history-chart-line{transition:opacity,stroke,stroke-width;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing);--hue:calc((sibling-index() - 1) / sibling-count() * 360deg);stroke:oklch(65% .18 calc(var(--hue)))}.district-label{font-weight:600}.district-label,.history-chart-circle{transition:opacity fill;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing);--hue:calc((sibling-index() - 1) / sibling-count() * 360deg);fill:oklch(65% .18 calc(var(--hue)));stroke:var(--text-secondary);stroke-width:.15}.history-chart-circle{cursor:pointer}.history-chart-circle.data-privacy{opacity:.3;fill:red!important}.history-chart-wrapper:has(.history-chart-line.focused) .district-label{fill:var(--stroke-tertiary);opacity:.1}.history-chart-wrapper:has(.history-chart-line.focused) .district-label.focused{opacity:1;fill:var(--text-primary)}.history-chart-wrapper:has(.history-chart-line.focused) .history-chart-line{opacity:.6;stroke:var(--stroke-tertiary)}.history-chart-wrapper:has(.history-chart-line.focused) .history-chart-line.focused{opacity:1;stroke-width:4;stroke:var(--text-brand)}.history-chart-wrapper:has(.history-chart-line.focused) .history-chart-circle{opacity:.6;fill:var(--stroke-tertiary)!important;font-size:var(--font-size-0);font-weight:600}.history-chart-wrapper:has(.history-chart-line.focused) .history-chart-circle.focused{opacity:1}.year-selector{display:flex;gap:.5rem;align-items:baseline}.year-selector--button{display:grid;align-items:end;justify-items:center;min-width:4rem}