/* Weather & daylight chips (features/weather.js). Rides on .pill from components.css. */

.wx-chip { flex: none; }
.wx-chip svg { flex: none; }

/* Rain-probability cluster inside the pill: quiet, slightly apart from the temps. */
.wx-precip {
  display: inline-flex; align-items: center; gap: 2px;
  margin-left: 3px; color: var(--text-3);
  font-size: var(--fs-micro);
}

/* Daylight pill whose schedule brushes dusk — shu means "pay attention". */
.wx-daylight.is-dusk { color: var(--accent-text); }
.wx-daylight.is-dusk .wx-precip { color: var(--accent-text); }