/* Hide the placeholder before the first paint, including when JS fails. */
.kb-weather:not([data-weather-ready]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.kb-weather[data-weather-ready] {
  animation: weather-chip-enter 240ms ease-out;
}
@keyframes weather-chip-enter {
  from { opacity: 0; translate: 12px 0; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kb-weather[data-weather-ready] { animation: none; }
}