.kurve-wurzel { color: var(--creme, #ede8df); }
.kurve { position: relative; height: clamp(72px, 12svh, 120px); cursor: pointer; touch-action: pan-y; border-bottom: 1px solid rgba(237, 232, 223, .18); }
.kurve:focus-visible { outline: 2px solid var(--akzent, #db693f); outline-offset: 6px; }
.kurve-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.kurve-pfad { fill: none; stroke: rgba(237, 232, 223, .42); stroke-width: 1.25; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.kurve-vorbei .kurve-pfad { stroke: var(--akzent, #db693f); stroke-width: 1.5; }
.kurve-mittel { stroke: rgba(237, 232, 223, .22); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
.kurve-kopf { position: absolute; left: 0; top: 0; bottom: 0; width: 0; will-change: transform; }
.kurve-strich { position: absolute; left: -.5px; top: -6px; bottom: 0; width: 1px; background: rgba(237, 232, 223, .7); }
.kurve-punkt {
  position: absolute; left: -4px; top: -4px; width: 8px; height: 8px; border-radius: 50%;
  background: var(--akzent, #db693f); box-shadow: 0 0 0 3px rgba(2, 6, 9, .9); will-change: transform;
}
.kurve-stunden { position: absolute; left: 0; right: 0; bottom: -22px; height: 18px; font: .625rem/1.6 var(--mono, monospace); color: var(--leise, #9c968c); }
.kurve-stunden span { position: absolute; transform: translateX(-50%); }
.kurve-stunden span:nth-child(1) { left: 0; transform: none; }
.kurve-stunden span:nth-child(2) { left: 25%; }
.kurve-stunden span:nth-child(3) { left: 50%; }
.kurve-stunden span:nth-child(4) { left: 75%; }
.kurve-stunden span:nth-child(5) { right: 0; transform: none; }
.kurve-zeile {
  display: flex; gap: 18px; margin: 34px 0 0; font: .8125rem/1.6 var(--mono, monospace);
  letter-spacing: .06em; font-variant-numeric: tabular-nums;
}
.kurve-zeit { color: var(--creme, #ede8df); }
.kurve-wert { color: var(--leise, #9c968c); }
.kurve-wert:empty { display: none; }
.kurve-zustand { color: var(--akzent, #db693f); text-transform: uppercase; letter-spacing: .12em; }