/* Kurven des Wetter- und Telemetrieverlaufs (AFU-387): APRS-Karte und Standortseiten,
   gezeichnet von js/wetter-kurven.js. */
.ak-pillen { display: inline-flex; border: 1px solid var(--border); border-radius: 999px; overflow: hidden; }
.ak-pillen button {
  border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 0.78rem;
  padding: 0.2rem 0.6rem; cursor: pointer; font-variant-numeric: tabular-nums;
}
.ak-pillen button + button { border-left: 1px solid var(--border); }
.ak-pillen button[aria-pressed="true"] { color: var(--fg); background: color-mix(in srgb, var(--accent) 16%, transparent); }
.ak-kurven { display: grid; gap: 0.7rem; margin-top: 0.7rem; }
.ak-kurve { margin: 0; }
.ak-kurve figcaption {
  display: flex; justify-content: space-between; gap: 0.5rem; font-size: 0.8rem; color: var(--muted);
  margin-bottom: 0.15rem;
}
.ak-kurve figcaption b { color: var(--fg); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ak-kurve svg { display: block; width: 100%; height: 56px; overflow: visible; touch-action: pan-y; cursor: crosshair; }
.ak-kurve .ak-gitter { stroke: var(--border); stroke-width: 1; }
.ak-kurve .ak-linie { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.ak-kurve .ak-band { fill: color-mix(in srgb, var(--accent) 18%, transparent); stroke: none; }
.ak-kurve .ak-flaeche { fill: color-mix(in srgb, var(--accent) 10%, transparent); stroke: none; }
.ak-kurve .ak-ende, .ak-kurve .ak-punkt { fill: var(--accent); stroke: var(--bg2); stroke-width: 2; }
.ak-kurve .ak-zeiger { stroke: var(--muted); stroke-width: 1; }
.ak-kurve .ak-skala { fill: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.ak-kurven-achse { display: flex; justify-content: space-between; font-size: 0.72rem; color: var(--muted); margin: 0.3rem 0 0.6rem; }