@media (min-width:1600px){
  .meteo-home-grid{grid-template-columns:minmax(22rem,.72fr) minmax(0,1.8fr)}
  .meteo-map{height:clamp(28rem,58svh,50rem)}
  .meteo-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1180px){
  .meteo-nav{display:none}.meteo-menu-button{display:inline-flex}.meteo-mobile-nav:not([hidden]){display:grid}
  .meteo-home-grid{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.3fr)}
  .meteo-atmos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meteo-air-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:900px){
  :root{--mc-header-h:4.15rem}
  .meteo-page{gap:1.5rem}
  .meteo-main::before{width:26rem;right:-17rem;opacity:.2}
  .meteo-location{grid-template-columns:1fr}.meteo-location-actions{justify-content:flex-start}
  .meteo-home-grid,.meteo-home-special,.meteo-marine,.meteo-storm-layout,.meteo-model-workstation,.meteo-sky{grid-template-columns:1fr}
  .meteo-current{min-height:auto}
  .meteo-model-workstation aside{border-right:0;border-bottom:1px solid var(--mc-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.meteo-model-workstation aside .meteo-kicker,.meteo-model-workstation aside .meteo-model-meta{grid-column:1/-1}
  .meteo-sun-times{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .meteo-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.meteo-quick-nav a:nth-child(2){border-right:0}.meteo-quick-nav a:nth-child(-n+2){border-bottom:1px solid var(--mc-line)}
  .meteo-risk-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.meteo-risk-guide div:nth-child(2){border-right:0}.meteo-risk-guide div:nth-child(-n+2){border-bottom:1px solid var(--mc-line)}
  .meteo-map-links{grid-template-columns:repeat(2,minmax(0,1fr))}.meteo-map-links a:nth-child(3n+2){padding-inline:0;border-left:0;border-right:0}.meteo-map-links a:nth-child(odd){padding-right:1rem}.meteo-map-links a:nth-child(even){padding-left:1rem;border-left:1px solid var(--mc-line)}
  .meteo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meteo-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  :root{--mc-shell:calc(100vw - 1rem)}
  body::before{display:none}
  .meteo-main::before{display:none}
  .meteo-header{backdrop-filter:blur(12px)}
  .meteo-header-inner{gap:.55rem}.meteo-brand small{display:none}.meteo-brand strong{font-size:.93rem}.meteo-header-tools{margin-left:auto}.meteo-icon-button{padding:.45rem .58rem}.meteo-menu-button{padding:.45rem .65rem}
  .meteo-mobile-nav:not([hidden]){grid-template-columns:1fr;max-height:calc(100svh - var(--mc-header-h));overflow:auto}
  .meteo-home-lead{display:grid;gap:1rem}.meteo-live-badge{justify-self:start}
  .meteo-section-heading{padding:1rem;border-radius:0 .8rem .8rem 0}.meteo-section-heading::after{display:none}
  .meteo-location{padding:.85rem}.meteo-location-actions{display:grid;width:100%}.meteo-search{grid-template-columns:minmax(0,1fr) auto;width:100%}.meteo-search-results{right:0}
  .meteo-current{padding:1rem;border-radius:1.05rem;box-shadow:var(--mc-shadow-1),var(--mc-inner-highlight)}.meteo-current::before{opacity:.55}.meteo-metrics{grid-template-columns:1fr}.meteo-weather-symbol{width:3.4rem;height:3.4rem;font-size:2.4rem}.meteo-current-temp strong{font-size:2.5rem}
  .meteo-map-shell{padding:.55rem;border-radius:1rem;box-shadow:var(--mc-shadow-1),var(--mc-inner-highlight)}.meteo-map-toolbar{align-items:stretch}.meteo-map-layer-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.meteo-map-layer,.meteo-map-center{min-height:2.75rem}.meteo-map-center{width:100%}.meteo-map-meta{display:grid;gap:.2rem}.meteo-map{height:clamp(22rem,58svh,34rem);border-radius:.75rem;box-shadow:none}.meteo-map-legend{align-items:flex-start}
  .meteo-special-links,.meteo-principles,.meteo-reference-grid,.meteo-form-grid{grid-template-columns:1fr}.meteo-special-links a:nth-child(n){padding-inline:0;border-left:0}.meteo-special-links a:nth-child(n):hover{padding-left:.2rem}
  .meteo-instrument-head{display:grid}.meteo-sourcebar{display:grid;gap:.35rem}.meteo-radar-toolbar output{width:100%;margin-left:0}.meteo-radar-toolbar .meteo-button{flex:1}
  .meteo-model-workstation{border-radius:1rem;box-shadow:var(--mc-shadow-1),var(--mc-inner-highlight)}.meteo-model-workstation aside{grid-template-columns:1fr}.meteo-model-workstation aside .meteo-kicker,.meteo-model-workstation aside .meteo-model-meta{grid-column:auto}.meteo-model-output{padding:.6rem}
  .meteo-atmos-grid,.meteo-air-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.meteo-sun-times,.meteo-marine-metrics{grid-template-columns:1fr}.meteo-wave-visual{min-height:11rem}.meteo-wave-visual::before,.meteo-wave-visual::after{animation:none}
  .meteo-risk-guide{grid-template-columns:1fr}.meteo-risk-guide div{border-right:0;border-bottom:1px solid var(--mc-line)}
  .meteo-drought-grid{grid-template-columns:1fr}.meteo-news-grid{grid-template-columns:1fr}
  .meteo-footer-grid{grid-template-columns:1fr}.meteo-footer-bottom{display:grid}.meteo-chart-large{min-height:20rem}
}

@media (max-width:430px){
  .meteo-home-lead h1{font-size:2.15rem}
  .meteo-page{gap:1.25rem}
  .meteo-hourly article{min-width:6.65rem}
  .meteo-daily{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:390px){
  .meteo-brand-mark{display:none}.meteo-button{padding-inline:.75rem}
  .meteo-map-layer-group{grid-template-columns:1fr}.meteo-search{grid-template-columns:1fr}.meteo-search .meteo-button{width:100%}
  .meteo-quick-nav{grid-template-columns:1fr}.meteo-quick-nav a{border-right:0;border-bottom:1px solid var(--mc-line)}
  .meteo-map-links{grid-template-columns:1fr}.meteo-map-links a:nth-child(n){padding-inline:0;border-left:0}
  .meteo-atmos-grid,.meteo-air-summary{grid-template-columns:1fr}.meteo-radar-toolbar .meteo-button{flex-basis:100%}
  .meteo-daily{grid-template-columns:1fr}
}

@media (hover:none){
  .meteo-button:hover,.meteo-icon-button:hover,.meteo-menu-button:hover,.meteo-map-layer:hover,.meteo-map-center:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms}
  .meteo-spinner,.meteo-live-badge span,.meteo-wave-visual::before,.meteo-wave-visual::after,.meteo-chart[data-chart-ready="1"] .temp-line,.meteo-chart[data-chart-ready="1"] .rain-bar{animation:none}
}

@media (forced-colors:active){
  .meteo-button,.meteo-map,.meteo-current,.meteo-instrument,.meteo-location,.meteo-map-shell,.meteo-model-workstation,.meteo-section-heading{border:1px solid CanvasText}
  .meteo-section-heading{border-left-width:3px}
}