/* Srithongkwao Weather V84 — weather-first UX */
html:not(.weather-data-ready) .hero-meaning p,
html:not(.weather-data-ready) .metric-grid p {
  visibility: hidden;
}
html:not(.weather-data-ready) .hero-meaning,
html:not(.weather-data-ready) .metric-grid article {
  min-height: 72px;
}
.timeline.timeline-loading:empty,
.daily-list:empty {
  min-height: 112px;
  border-radius: 16px;
  background:
    linear-gradient(100deg, transparent 20%, rgba(255,255,255,.07) 40%, transparent 60%) 0 0/220% 100%,
    rgba(255,255,255,.025);
  animation: stkWeatherSkeleton 1.8s ease-in-out infinite;
}
@keyframes stkWeatherSkeleton {
  0% { background-position: 120% 0, 0 0; }
  100% { background-position: -120% 0, 0 0; }
}
html.reduce-motion .timeline.timeline-loading:empty,
html.reduce-motion .daily-list:empty { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .timeline.timeline-loading:empty,
  .daily-list:empty { animation: none; }
}
#alertEvidenceCard,
.timeline-card,
.content-grid,
#nearbyEventsReport,
#riskTimelineCard,
#notificationUpdatesCard,
#weatherIntelligenceControls,
#globalWatchHome {
  scroll-margin-top: 96px;
}
#globalWatchHome,
#emergencyHub,
#globalExplorer {
  content-visibility: auto;
  contain-intrinsic-size: 560px;
}
@media (max-width: 520px) {
  .card { margin-top: 12px; }
  .alert-card { margin: 12px 0; }
  .timeline.timeline-loading:empty,
  .daily-list:empty { min-height: 96px; }
}