.weather-home{background:#08151d}
.weather-home header{background:#0b1b24;color:#e7eeee;border-color:#304a55;gap:20px}
.weather-home header .brand{color:#edff69}
.weather-home header .motion-toggle,.weather-home header .menu{color:#d5e5e8;border-color:#627983;background:transparent}
.weather-home header nav a:hover{border-color:#edff69}
.weather-home header .header-cta{border-color:#627983}
.storm-home{--weather-border:#314c59;--weather-muted:#acc5d0;color:#eaf1ee}
.storm-home .planet-hub-head{padding:24px 3% 20px;gap:24px;justify-content:space-between}
.storm-home .planet-hub-head h1{font-size:38px;line-height:1.1}
.storm-home .planet-hub-head .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:8px}
.storm-home .planet-hub-head>a{font-size:14px}
.storm-home .planet-hub{grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding-bottom:32px}
.storm-home .planet-stage{border-radius:12px;border-color:var(--weather-border);background:#102530;overflow:hidden}
.weather-location-bar{display:flex;align-items:flex-start;gap:20px;padding:20px;border-bottom:1px solid var(--weather-border);background:#122a36}
.weather-location-label{min-width:145px;padding-top:4px}
.weather-location-label .eyebrow{display:block;font-size:12px;color:var(--weather-muted);margin-bottom:8px;letter-spacing:.12em}
.weather-location-label strong{display:block;font-size:16px;line-height:1.5;max-width:220px}
.storm-home .weather-location-search{margin:0;padding:0;border:0;background:transparent;flex:1;min-width:0}
.storm-home .planet-postal-fields{display:flex;gap:8px;align-items:stretch}
.storm-home .planet-postal-fields label{margin:0;min-width:0}
.storm-home .planet-postal-fields label:first-child{flex:0 0 140px}
.storm-home .planet-postal-fields label:nth-child(2){flex:1}
.storm-home .planet-postal-fields input,.storm-home .planet-postal-fields select{width:100%;height:46px;margin:0;border:1px solid #55747f;border-radius:6px;background:#0c202b;color:#eff5f2;font-size:14px;padding:10px 12px}
.storm-home .planet-postal-fields input::placeholder{color:#b2c7d0;opacity:1}
.storm-home .planet-postal-fields button{min-height:46px;border:0;border-radius:6px;background:#edff69;color:#142530;font-size:14px;font-weight:650;padding:10px 16px;white-space:nowrap}
.storm-home #planet-postal-help{display:none}
.storm-home #planet-postal-status{font-size:14px;line-height:1.5;color:#c9dfe3;margin:12px 0 0}
.storm-home #planet-postal-status:empty{display:none}
.storm-home #planet-postal-places-label{display:block;margin-top:12px;font-size:14px;color:#c9dfe3}
.storm-home #planet-postal-places-label[hidden]{display:none}
.storm-home #planet-postal-places{width:100%;font-size:14px;padding:8px;background:#112b37;color:#eff5f2}
.weather-layer-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0d212d;border-bottom:1px solid var(--weather-border)}
.storm-weather-shortcuts{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.storm-weather-shortcuts button{font-size:14px;min-height:44px;padding:10px 14px;color:#c5dce3;background:transparent;border:1px solid transparent;border-radius:6px}
.storm-weather-shortcuts button:hover{background:#233e4b}
.storm-weather-shortcuts button[aria-pressed=true]{color:#10252b;background:#edff69;font-weight:650}
.storm-home #planet-refresh{font-size:14px;min-height:44px;padding:9px 12px;background:transparent;color:#d9e6e8;border:1px solid #456371;border-radius:6px}
.weather-home .storm-home .planet-viewport{height:clamp(460px,65dvh,740px)}
.storm-home .planet-map-heading{top:20px;left:20px;max-width:65%;background:#09202bbd;border-radius:7px;padding:10px 14px}
.storm-home .planet-map-heading .eyebrow{font-size:12px;letter-spacing:.1em}
.storm-home .planet-map-heading h2{font-size:20px;margin:5px 0 0}
.storm-home .planet-map-controls{top:18px;bottom:auto;right:16px;left:auto;display:flex;flex-direction:column;gap:5px;padding:0;background:none}
.storm-home .planet-map-controls button{font-size:14px;min-height:44px;width:46px;border:1px solid #526f7d;border-radius:6px;background:#102734e8;color:#edf4f0}
.storm-home .planet-map-controls #planet-zoom-in,.storm-home .planet-map-controls #planet-zoom-out{font-size:24px}
.storm-home #planet-fullscreen svg{display:block;width:20px;height:20px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7}
.storm-home .planet-readout{bottom:100px;max-width:90%;font-size:14px;background:#0c2331e8;border-radius:7px;padding:9px 14px}
.storm-home .planet-viewport:not([data-inspected=true]) .planet-readout{display:none}
.storm-home .planet-legend{bottom:22px;left:20px;width:min(300px,calc(100% - 40px));font-size:12px;border-radius:7px;background:#0b202deb}
.storm-home .planet-scale-ticks{font-size:12px}
.storm-home .planet-status{padding:12px 16px;align-items:center;gap:12px;min-height:48px;background:#102631}
.storm-home .planet-status p,.storm-home .planet-status a{font-size:12px;line-height:1.6}
.storm-home .maplibregl-ctrl-top-right{top:220px;right:10px}
.storm-home .maplibregl-ctrl-scale{font-size:12px;background:#102734b8;color:#d6e6e6;border-color:#a9c4d1}
.storm-home .planet-intelligence{gap:12px}
.storm-panel{background:#102631;border:1px solid var(--weather-border);border-radius:12px;padding:20px}
.storm-panel .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--weather-muted);margin:0 0 8px}
.storm-panel h2{font:30px/1.1 var(--display);margin:0}
.storm-panel p{font-size:14px;line-height:1.65;color:#bed1d9}
#storm-status{font-size:12px;line-height:1.6;margin:12px 0 18px;color:var(--weather-muted)}
.storm-event{display:block;width:100%;border:1px solid #355664;border-left:3px solid transparent;border-radius:7px;padding:13px 14px;margin-top:9px;background:#0b202b;color:#eaf2ee;text-align:left}
.storm-event:hover{background:#1b3541}
.storm-event[aria-pressed=true]{border-left-color:#ffbc75;background:#1b3541}
.storm-event strong{display:block;font-size:18px;margin-bottom:5px}
.storm-event span{display:block;font-size:14px;line-height:1.5;color:#bcd3dc}
.storm-event small{display:none}
#storm-detail{margin-top:16px;font-size:14px}
#storm-detail .storm-forecast-details{border-top:1px solid #35505c;padding-top:12px}
#storm-detail summary,.storm-source-details summary{cursor:pointer;min-height:32px;color:#d3e5df;font-size:14px;line-height:1.6}
#storm-detail p{font-size:14px;margin:10px 0}
#storm-detail table{font-size:12px;width:100%;border-collapse:collapse;margin-top:12px}
#storm-detail caption{text-align:left;margin-bottom:8px}
#storm-detail th,#storm-detail td{padding:7px 3px;border-bottom:1px solid #3a5965;text-align:left}
#storm-detail a,.storm-source-details a{font-size:14px;display:inline-block;color:#e6edc1;text-decoration:underline;text-underline-offset:4px;margin:10px 10px 3px 0;line-height:1.5}
.storm-track-key{display:flex;flex-wrap:wrap;gap:5px 12px;border-top:1px solid #35505c;padding-top:16px;margin-top:18px;color:#ffd08c!important;font-size:12px!important}
.storm-panel .storm-coverage{font-size:12px;margin:12px 0;color:var(--weather-muted)}
.storm-source-details{margin-top:12px}
.storm-source-details p{font-size:14px}
.storm-map-options,.storm-other-hazards,.storm-preparedness{color:#b9d0db;font-size:14px;border:1px solid var(--weather-border);border-radius:9px;background:#0d202b;margin-top:14px;overflow:hidden}
.storm-other-hazards,.storm-preparedness{margin:0}
.storm-map-options>summary,.storm-other-hazards>summary,.storm-preparedness>summary{cursor:pointer;min-height:48px;padding:14px 16px;font-size:14px}
.storm-map-options[open]>summary,.storm-other-hazards[open]>summary,.storm-preparedness[open]>summary{border-bottom:1px solid var(--weather-border)}
.storm-home .storm-map-options .planet-toolbar{padding:16px;gap:12px;background:transparent}
.storm-home .planet-mode-tabs button,.storm-home .planet-layer-picker select{font-size:14px;min-height:44px}
.weather-map-settings{padding:0 16px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.weather-map-settings .planet-quake-toggle{font-size:14px;color:#c5d7df;gap:8px}
.weather-map-settings #planet-motion{border:1px solid #50717f;border-radius:5px;background:#142f3d;color:#e5eeee;padding:8px 12px;min-height:44px;font-size:14px}
.weather-map-settings .planet-motion-note,.weather-map-settings .planet-map-note{position:static;margin:0;width:100%;font-size:12px;line-height:1.6;background:none;padding:0;max-width:none}
.storm-home .planet-layer-about{padding:16px;border-top:1px solid var(--weather-border);font-size:14px}
.storm-home .planet-layer-about p{font-size:14px;line-height:1.7}
.storm-home .map-coordinate-form{margin:0;padding:16px;background:#102a37;gap:12px;font-size:14px}
.storm-home .map-coordinate-form input,.storm-home .map-coordinate-form button,.storm-home .map-coordinate-form label{font-size:14px;min-height:40px}
.storm-home .planet-footnote{padding:16px;background:transparent}
.storm-home .planet-footnote p,.storm-home .planet-footnote summary{font-size:12px}
.storm-other-hazards .planet-quakes,.storm-other-hazards .planet-fire-panel{margin:12px}
.storm-preparedness .planet-prepare{border-radius:0}
.weather-home #ground-readiness,.weather-home .gear-bridge,.weather-home footer{background:var(--paper);color:var(--ink)}
.weather-home .hero{min-height:470px}
.weather-home .hero-copy{padding-top:50px}
.weather-home .hero h2{font-size:clamp(3.4rem,5.5vw,6rem);line-height:1;margin:10px 0 23px}
.weather-home .hero h2 em{color:#64795f;font-style:normal}
.weather-home .hero-art{min-height:470px}
@media(max-width:1150px){.weather-location-bar{flex-wrap:wrap;gap:14px}.weather-location-label{width:100%;padding:0}.weather-location-label strong{max-width:none}.storm-home .planet-hub{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.storm-weather-shortcuts button{padding:9px 11px}.weather-layer-bar{flex-wrap:wrap}.storm-home .weather-location-search{flex-basis:100%}}
@media(max-width:900px){.storm-home .planet-hub{grid-template-columns:1fr}.storm-home .planet-intelligence{display:grid;grid-template-columns:1fr 1fr;gap:12px}.storm-panel{grid-column:1/-1}.storm-panel #storm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storm-event{margin:0}.storm-home .planet-hub-head h1{font-size:34px}}
@media(max-width:600px){.weather-home header{height:auto!important;min-height:86px;gap:8px;padding:12px 15px}.weather-home header .motion-toggle{max-width:95px;font-size:12px}.weather-home header nav{background:#0d2530;color:#e5eeee}.storm-home .planet-hub-head{padding:20px 16px 18px;gap:16px;flex-wrap:wrap}.storm-home .planet-hub-head h1{font-size:32px}.storm-home .planet-hub-head>a{font-size:14px;margin:0}.storm-home .planet-hub{padding:0 10px 25px}.weather-location-bar{padding:16px;gap:12px}.storm-home .planet-postal-fields{flex-wrap:wrap}.storm-home .planet-postal-fields label:first-child{flex:0 0 110px}.storm-home .planet-postal-fields label:nth-child(2){flex:1;min-width:130px}.storm-home .planet-postal-fields button{width:100%}.storm-home .planet-postal-fields select,.storm-home .planet-postal-fields input{padding:10px 8px}.weather-layer-bar{padding:10px;gap:8px}.storm-weather-shortcuts{flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#42616f transparent;padding-bottom:3px}.storm-weather-shortcuts button{flex:0 0 auto;padding:9px 12px}.storm-home #planet-refresh{margin-left:auto;font-size:14px;min-height:40px}.weather-home .storm-home .planet-viewport{height:470px}.storm-home .planet-map-heading{top:14px;left:14px;padding:9px 12px}.storm-home .planet-map-heading h2{font-size:18px}.storm-home .planet-legend{bottom:32px;left:14px;width:calc(100% - 28px)}.storm-home .planet-readout{bottom:115px;font-size:14px}.storm-home .planet-map-controls{right:12px;top:14px}.storm-home .maplibregl-ctrl-top-right{top:218px}.storm-home .planet-status{flex-direction:column;align-items:flex-start;gap:4px}.storm-home .planet-intelligence{grid-template-columns:1fr}.storm-panel{padding:18px}.storm-panel #storm-list{grid-template-columns:1fr}.storm-home .planet-mode-tabs{flex:0 0 100%}.storm-home .planet-layer-picker{max-width:none;width:100%;flex:1}.storm-home .planet-layer-picker select{max-width:none;width:100%;font-size:14px}.weather-home .hero h2{font-size:3.6rem}}

@media(max-width:600px){.weather-layer-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.storm-weather-shortcuts{display:contents}.storm-weather-shortcuts button{padding:9px 5px;min-width:0}.storm-home #planet-refresh{margin:0;min-height:44px}}