.weather-page{background:var(--color-bg,#f5f2ed);min-height:100vh;padding-bottom:var(--space-12,48px)}.weather-header{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border-light,#e4e9ef);padding:var(--space-8,32px) 0 var(--space-6,24px);margin-bottom:var(--space-6,24px)}.weather-header__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2,8px)}.weather-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.editorial-header{border-bottom:1px solid var(--color-border-light,#e4e9ef);margin-bottom:3rem;padding:4rem 0 3rem}.editorial-header__kicker{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent,#3074aa);margin:0 0 1rem;font-size:.875rem;font-weight:600}.editorial-header__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.editorial-header__subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 0 2rem;font-size:1.25rem;line-height:1.5}.editorial-header__meta{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.live-indicator{align-items:center;gap:.5rem;font-weight:500;display:flex}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.editorial-header__divider{color:var(--color-border-light)}.weather-section__title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 .5rem;font-size:2rem;font-weight:700}.weather-section__subtitle{color:var(--color-text-secondary);margin:0 0 2rem;font-size:1.125rem;line-height:1.5}.section-header-editorial{border-bottom:1px solid var(--color-border-light,#e4e9ef);margin-bottom:2rem;padding-bottom:1rem}.section-kicker{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent,#3074aa);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.weather-section{margin-bottom:var(--space-10,40px)}.weather-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-4,16px)}.weather-section__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:-12px 0 var(--space-4,16px)}.weather-section--current .env-display{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md);overflow:hidden}.weather-section--hourly .ct{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm)}.radar-layout{gap:var(--space-6,24px);grid-template-columns:2fr 1fr;display:grid}.weather-section--radar .precip-map-card{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md)}.radar-sidebar{gap:var(--space-4,16px);flex-direction:column;display:flex}.radar-sidebar .hum-card,.radar-sidebar .pol-card{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm)}.plan-your-day{gap:var(--space-4,16px);margin-bottom:var(--space-4,16px);grid-template-columns:repeat(3,1fr);display:grid}.plan-card{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);padding:var(--space-5,20px);gap:var(--space-4,16px);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);align-items:flex-start;display:flex}.plan-card:hover{box-shadow:var(--shadow-md)}.plan-icon{flex-shrink:0;font-size:2rem}.plan-content{flex:1}.plan-time{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2,8px)}.plan-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.plan-links{gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.plan-link{align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px) var(--space-4,16px);background:var(--color-bg-alt,#ebe8e2);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-brand-primary);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.plan-link:hover{background:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary)}.extended-forecast{gap:var(--space-4,16px);grid-template-columns:repeat(3,1fr);display:grid}.extended-day{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);padding:var(--space-5,20px);text-align:center;box-shadow:var(--shadow-sm)}.extended-day__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1,4px)}.extended-day__date{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2,8px)}.extended-day__icon{margin:var(--space-3,12px) 0;font-size:2.5rem}.extended-day__temps{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2,8px)}.extended-day__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.extended-loading{text-align:center;padding:var(--space-8,32px);color:var(--color-text-muted);grid-column:1/-1}.compact-metrics-grid{gap:var(--space-4,16px);margin-bottom:var(--space-6,24px);grid-template-columns:repeat(4,1fr);display:grid}.compact-metrics-grid .metric-card{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm)}.weather-section--details .inst-strip{gap:var(--space-4,16px);grid-template-columns:repeat(4,1fr);display:grid}.weather-section--details .inst-tile{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm)}.weather-section--tropical{display:none}.weather-section--tropical.is-visible{display:block}.tropical-card{color:var(--color-text-inverse);border-radius:var(--radius-lg,16px);padding:var(--space-8,32px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1a2332 0%,#2d3a4a 100%)}.tropical-card .tropical-header{margin-bottom:var(--space-6,24px)}.tropical-card .tropical-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2,8px)}.tropical-card .tropical-sub{font-size:var(--text-sm);opacity:.8}.tropical-card .tropical-alerts{gap:var(--space-3,12px);margin-bottom:var(--space-6,24px);flex-direction:column;display:flex}.tropical-card .tropical-alert-item{padding:var(--space-4,16px);border-radius:var(--radius-md);border-left:3px solid var(--color-warning);font-size:var(--text-sm);background:#ffffff1a}.tropical-card .tropical-status{margin-bottom:var(--space-6,24px);font-size:var(--text-sm);opacity:.8}.tropical-card .tropical-links{gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.tropical-card .tropical-link{padding:var(--space-2,8px) var(--space-4,16px);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--transition-fast);background:#ffffff26;text-decoration:none}.tropical-card .tropical-link:hover{background:#ffffff40}.resources-grid{gap:var(--space-4,16px);grid-template-columns:repeat(3,1fr);display:grid}.resource-card{gap:var(--space-3,12px);padding:var(--space-5,20px);background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md,8px);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base);text-decoration:none;display:flex}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resource-card__icon{flex-shrink:0;font-size:1.5rem}.resource-card__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-1,4px);color:var(--color-text-primary)}.resource-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.live-status{max-width:var(--content-wide,1440px);margin:0 auto var(--space-4,16px);padding:var(--space-2,8px) var(--space-4,16px);background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#e4e9ef);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:var(--space-2,8px);width:fit-content;margin-left:auto;margin-right:auto;display:flex}.live-dot{background:var(--color-brand-secondary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 4px #2e7d4f80}.weather-api-banner{max-width:var(--content-wide,1440px);margin:var(--space-4,16px) auto;padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-error);align-items:center;gap:var(--space-2,8px);background:#c530301a;border:1px solid #c530304d;width:fit-content;display:flex}.weather-api-banner[hidden]{display:none}.weather-api-banner__icon{font-size:var(--text-sm)}@media (width<=900px){.radar-layout,.plan-your-day,.extended-forecast{grid-template-columns:1fr}.compact-metrics-grid,.resources-grid,.weather-section--details .metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.weather-header__title{font-size:var(--text-3xl)}.weather-header__subtitle{font-size:var(--text-base)}.weather-section__title{font-size:var(--text-xl)}.compact-metrics-grid,.resources-grid,.weather-section--details .metrics-grid{grid-template-columns:1fr}}