/* Individual forecast page only. Reuses .tg-wxf__sec / purple .tg-wxf__h and the site's buttons. */
.tg-radar { min-width: 0; }
.tg-radar [hidden] { display: none !important; }
.tg-radar__toggle { min-height: 44px; }
.tg-radar__viewer { margin-top: 1rem; border-radius: 1rem; overflow: hidden; background: var(--surface-container-low, #f8f3ee); }
/* Tall enough on a phone for the map and WeatherScope's own timeline; the attribution badge is inside the frame and is never overlaid. */
.tg-radar__frame { display: block; width: 100%; height: clamp(420px, 62vw, 600px); border: 0; }
.tg-radar__toggle:focus-visible { outline: 2px solid var(--secondary); outline-offset: 3px; }
.tg-radar__status { margin: 0.65rem 0; font-size: 0.86rem; color: var(--on-surface-variant); }