.wx-plus{display:grid;gap:32px;margin:28px 0;min-width:0}.wx-feature{--sea:#8bddcd;--sky:#c0c3f5;min-width:0;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:20px;scroll-margin-top:20px;background:var(--panel)}body.weather-redesign .wx-feature header{padding:0;max-width:none;margin:0 0 28px;border:0;display:flex;justify-content:space-between;align-items:center;gap:20px}.wx-feature header>div{min-width:0}body.weather-redesign .wx-feature h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.04em;line-height:1.1;margin:10px 0}body.weather-redesign .wx-feature p{font-size:16px;line-height:1.6;margin:10px 0}.wx-feature header p{color:var(--muted)}.wx-feature label{display:grid;gap:8px;font-size:14px;color:var(--muted);min-width:160px}.wx-feature select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;max-width:100%}.wx-feature .eyebrow{font-size:12px;letter-spacing:.16em}.wx-feature h3{letter-spacing:-.025em}.wx-status-dot{display:inline-block;width:6px;height:6px;background:var(--sea);border-radius:50%;margin-right:8px}.wx-coast-location{border-block:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.wx-coast-location b{display:block;color:var(--text);font-size:19px;margin-top:8px;letter-spacing:-.015em}.wx-coast-location>span{align-self:end}.wx-coast-readout{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:24px;padding:28px 0;align-items:center}.wx-coast-readout>div+div{border-left:1px solid var(--line);padding-left:24px}.wx-coast-readout span{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted)}.wx-coast-readout strong{display:block;font-weight:500;letter-spacing:-.045em;font-size:36px;margin:8px 0}.wx-coast-readout .wx-wave-number strong{font-size:68px;line-height:1;color:var(--sea)}.wx-coast-readout em{font-style:normal;font-size:17px;margin-left:6px;letter-spacing:0;color:var(--muted)}.wx-coast-readout small{font-size:13px;color:var(--muted)}.wx-ocean-chart{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:20px}.wx-chart-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.wx-chart-title h3{margin:0;font-size:19px!important}.wx-chart-title>span{font-size:13px;color:var(--muted)}.wx-chart-legend{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted)}.wx-chart-legend small{font-size:var(--fs-label)}.wx-chart-legend>span:first-child{color:var(--sea)}.wx-chart-legend>span:nth-child(2){color:#799bc7}.wx-ocean-chart svg{width:100%;height:auto;display:block;overflow:visible;margin:16px 0}.wx-chart-grid{stroke:var(--line);stroke-width:1}.wx-chart-label{fill:var(--muted);font-size:14px}.wx-wave-path{stroke:var(--sea);stroke-width:3;fill:none;stroke-linejoin:round}.wx-swell-path{stroke:#799bc7;stroke-width:2;stroke-dasharray:6 5;fill:none}#wxCoastCursor{stroke:var(--text);stroke-dasharray:3 4;opacity:.55}.wx-feature .wx-hour-control{display:grid;grid-template-columns:130px 1fr 125px;align-items:center;font-size:12px;gap:14px}.wx-hour-control input{width:100%;accent-color:var(--sea);cursor:ew-resize;min-width:0}.wx-tide-desk{padding:26px 0 8px}.wx-tide-desk .eyebrow{display:block;margin-bottom:8px;color:var(--muted)}.wx-tide-events{display:flex;overflow:auto;gap:0;margin-top:20px;padding:4px 0 16px}.wx-tide-events>div{position:relative;min-width:148px;display:flex;flex-direction:column;gap:10px}.wx-tide-events>div:before{content:'';position:absolute;top:18px;left:25px;right:0;border-top:1px solid var(--line)}.wx-tide-dot{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:var(--bg);color:var(--sea);font-size:22px;z-index:1}.wx-tide-events .is-low .wx-tide-dot{color:#799bc7}.wx-tide-events small{font-size:11px;letter-spacing:.1em;color:var(--muted)}.wx-tide-events strong{font-size:25px;font-weight:500}.wx-tide-events em{font-size:14px;color:var(--muted);font-style:normal}.wx-tide-events time{font-size:14px;color:var(--muted)}body.weather-redesign .wx-feature .wx-source-time{font-size:13px;color:var(--muted)}.wx-forecast-detail{border-block:1px solid var(--line);padding:16px 0;margin:12px 0;font-size:15px}.wx-forecast-detail summary{display:flex;justify-content:space-between;cursor:pointer;color:var(--muted)}.wx-forecast-detail summary:hover{color:var(--text)}.wx-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 16px}.wx-camera-heading h3{margin:0;font-size:22px!important}.wx-camera-heading a{font-size:14px;color:var(--sea)}.wx-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wx-related a{position:relative;display:block;min-width:0;min-height:155px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--line);transition:transform .18s}.wx-related a:hover{transform:translateY(-3px)}.wx-related img{display:block;width:100%;height:190px;object-fit:cover;opacity:.82}.wx-related a>span{position:absolute;inset:auto 0 0;padding:38px 16px 16px;background:linear-gradient(transparent,rgba(3,13,19,.97));color:#fff}.wx-related b{font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wx-related small{display:block;color:#c6d7d8;font-size:13px;margin-top:8px}
#wxAurora{background:linear-gradient(135deg,#151e2e,#111c26 65%,#152b2c);border-color:#354451;--sea:#bfc8f1}.wx-night-scene{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:26px 0;border-top:1px solid #354451}.wx-night-kicker{font-size:11px;letter-spacing:.13em;color:#c0d4d7;line-height:1.8}.wx-night-copy h3{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.2;margin:18px 0!important}.wx-clear-number{font-size:clamp(72px,8vw,106px);font-weight:400;letter-spacing:-.065em;line-height:1.05;color:#c4e6d8;display:flex;align-items:center;gap:12px}.wx-clear-number>span{font-size:32px;letter-spacing:0;color:#a1b5c4;line-height:1.1}.wx-clear-number small{display:block;font-size:14px;letter-spacing:0;margin-top:7px}.wx-night-window{display:flex;gap:14px;align-items:center;margin:24px 0}.wx-night-window>span{font-size:28px;color:#bbcaf6}.wx-night-window b{font-size:20px}.wx-night-window small{display:block;color:#acbdc8;font-size:13px;margin-top:6px}.wx-night-copy p{max-width:40ch;color:#aebfca}.wx-night-cta{display:flex;justify-content:space-between;max-width:330px;padding:15px 0;margin-top:22px;border-block:1px solid #425562;font-size:16px;font-weight:600;color:#d3e3f0}.wx-night-cta span{font-size:22px}.wx-aurora-map{margin:0;background:#050b10;border:1px solid #354451;border-radius:12px;overflow:hidden;box-shadow:0 18px 42px #0003}.wx-aurora-map img{display:block;width:100%;height:auto}.wx-aurora-map figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;color:#adbfce;font-size:11px;letter-spacing:.07em}.wx-aurora-signal{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-block:1px solid #354451}.wx-aurora-signal h3{font-size:20px!important;margin:8px 0 0}.wx-aurora-signal .eyebrow{color:#9cabbf}.wx-signal-value{display:flex;align-items:center;gap:16px}.wx-signal-value strong{font-size:32px;font-weight:400;color:#c8d2ee}.wx-signal-value small{font-size:12px;line-height:1.5;color:#a6b8c5}.wx-night-timeline{padding-top:26px}.wx-sky-hours{display:flex;overflow:auto;gap:4px;padding:22px 0 12px}.wx-sky-hours>button{flex:0 0 68px;min-width:0;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;gap:10px;align-items:center;border-radius:9px;padding:12px 6px;color:#8fa2b3}.wx-sky-hours .is-dark{background:#1b2d38;color:#c0d5da}.wx-sky-hours>button[aria-pressed=true]{border-color:#afdcca;background:#233e40;color:#e4f2ec}.wx-sky-hours time{font-size:12px;white-space:nowrap}.wx-sky-hours b{font-size:17px;font-weight:500}.wx-sky-hours small{font-size:var(--fs-label);letter-spacing:.04em}.wx-cloud-bar{height:68px;width:10px;display:flex;align-items:end;border-radius:8px;background:#ffffff0a;overflow:hidden}.wx-cloud-bar i{width:100%;background:#5f7287;border-radius:8px}.is-dark .wx-cloud-bar i{background:#769c9e}.is-clearest .wx-cloud-bar i{background:#bde7d4}.wx-sky-hour-readout{display:flex;flex-wrap:wrap;gap:12px 24px;padding:16px 0;font-size:15px}.wx-sky-hour-readout span{color:#a9bec8}.wx-plus-footer{border-top:1px solid #354451;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px;padding-top:18px;font-size:13px;color:#a5b9c6}.wx-plus-footer button{background:transparent;border:1px solid #425562;border-radius:8px;padding:10px 16px;color:#d3e3ec}.wx-feature :focus-visible{outline:2px solid var(--sea);outline-offset:4px}
.atlas .wx-feature{--sea:#277964;background:#f0eee5}.atlas #wxAurora{--sea:#416b71;background:linear-gradient(140deg,#e9eced,#edf1e9);border-color:#c6d2d0}.atlas #wxAurora .wx-night-kicker,.atlas #wxAurora .wx-night-window small,.atlas #wxAurora .wx-night-copy p,.atlas #wxAurora .wx-signal-value small,.atlas #wxAurora .wx-sky-hour-readout span,.atlas #wxAurora .wx-plus-footer{color:#536974}.atlas #wxAurora .wx-clear-number{color:#285a51}.atlas #wxAurora .wx-clear-number>span,.atlas #wxAurora .wx-night-window>span,.atlas #wxAurora .wx-night-cta,.atlas #wxAurora .wx-signal-value strong,.atlas #wxAurora .wx-aurora-signal .eyebrow{color:#496478}.atlas #wxAurora .wx-plus-footer button{color:#304a5b;border-color:#adbcc2}.atlas #wxAurora .wx-night-scene,.atlas #wxAurora .wx-aurora-signal,.atlas #wxAurora .wx-plus-footer,.atlas #wxAurora .wx-night-cta{border-color:#bdcece}.atlas .wx-sky-hours>button{color:#596c7a}.atlas .wx-sky-hours .is-dark{background:#dce6e4;color:#32524f}.atlas .wx-sky-hours>button[aria-pressed=true]{background:#bfd6ca;border-color:#487e6d;color:#183b30}.atlas .wx-chart-legend>span:nth-child(2){color:#536d97}.atlas .wx-wave-path{stroke:#277964}.atlas .wx-swell-path{stroke:#536d97}
@media(max-width:900px){.wx-feature{padding:20px}.wx-night-scene{gap:22px}.wx-coast-readout{gap:14px}.wx-coast-readout>div+div{padding-left:14px}.wx-coast-readout .wx-wave-number strong{font-size:54px}.wx-related img{height:155px}.wx-related b{font-size:16px}.wx-camera-heading h3{font-size:19px!important}}
@media(max-width:650px){body.weather-redesign .wx-feature header{align-items:start;flex-direction:column;gap:16px;margin-bottom:20px}.wx-feature header label{width:100%}.wx-coast-location{flex-direction:column;gap:8px}.wx-coast-location>span{align-self:start}.wx-coast-readout{grid-template-columns:1fr 1fr;gap:22px;padding:24px 0}.wx-coast-readout>div:nth-child(3){border:0;padding-left:0}.wx-coast-readout .wx-wave-number strong{font-size:58px}.wx-coast-readout strong{font-size:32px}.wx-ocean-chart{padding:16px 10px}.wx-chart-title{align-items:start;flex-direction:column;gap:10px}.wx-chart-label{font-size:21px}.wx-ocean-chart svg{min-height:145px}.wx-feature .wx-hour-control{grid-template-columns:1fr;gap:10px}.wx-hour-control>span:last-child{display:none}.wx-hour-control input{height:24px}.wx-tide-events>div{min-width:138px}.wx-night-scene{grid-template-columns:1fr;padding-top:22px;gap:24px}.wx-clear-number{font-size:88px}.wx-aurora-signal{align-items:start;flex-direction:column}.wx-signal-value strong{font-size:28px}.wx-related{grid-template-columns:1fr}.wx-related img{height:190px}.wx-camera-heading{align-items:start;flex-direction:column;gap:10px}.wx-plus-footer{align-items:start;flex-direction:column}.wx-night-copy h3{font-size:28px!important}.wx-feature{border-radius:14px}.wx-aurora-map figcaption{font-size:var(--fs-eyebrow)}.wx-plus{gap:24px}.wx-chart-legend{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wx-related a{transition:none}}
#wxSurf{margin-top:26px;padding:24px;background:linear-gradient(125deg,#173034,#17282e);border:1px solid #365354;border-radius:14px}.wx-surf-head{display:flex;justify-content:space-between;gap:22px}.wx-surf-head h3{font-size:25px!important;margin:10px 0}.wx-surf-controls{display:flex;gap:12px;align-items:start}.wx-surf-controls label{min-width:0;max-width:240px}.wx-surf-controls select{width:100%}body.weather-redesign .wx-surf-note{font-size:14px;color:var(--muted);max-width:85ch}.wx-surf-feature{display:grid;grid-template-columns:1fr 1.6fr;gap:28px;border-block:1px solid var(--line);margin:20px 0;padding:24px 0}.wx-surf-feature h4{font-size:17px;margin:14px 0 8px}.wx-surf-feature>div>strong{font-size:28px;font-weight:500;letter-spacing:-.03em}.wx-surf-feature small{display:block;color:var(--muted);font-size:13px;line-height:1.5}.wx-surf-feature a{display:block;margin-top:16px;color:var(--sea);font-weight:600}.wx-surf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.wx-surf-metrics b{display:block;font-size:25px;margin:10px 0}.wx-surf-metrics span{font-size:14px;color:var(--muted);line-height:1.5}.wx-surf-hours{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.wx-surf-hours button{flex:0 0 138px;display:grid;gap:10px;padding:14px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:9px}.wx-surf-hours button[aria-pressed=true]{border-color:var(--sea);background:#264440}.wx-surf-hours time{font-size:13px}.wx-surf-hours strong{font-size:22px}.wx-surf-hours span,.wx-surf-hours small{font-size:13px;color:var(--muted)}.atlas #wxSurf{background:linear-gradient(125deg,#e0ece5,#e8ece4);border-color:#adc6bb}.atlas .wx-surf-hours button[aria-pressed=true]{background:#c5dfd0}@media(max-width:1000px){.wx-surf-head{flex-direction:column}.wx-surf-controls{width:100%}.wx-surf-controls label{max-width:none;flex:1}.wx-surf-feature{grid-template-columns:1fr}.wx-surf-metrics{gap:16px}}@media(max-width:650px){#wxSurf{padding:18px}.wx-surf-controls{flex-direction:column}.wx-surf-controls label{width:100%}.wx-surf-metrics{grid-template-columns:1fr 1fr}.wx-surf-metrics b{font-size:23px}}
.wx-surf-head{flex-direction:column}.wx-surf-controls{display:grid;grid-template-columns:1.1fr .9fr 1.2fr 1fr;width:100%;gap:12px}.wx-surf-controls label{max-width:none;min-width:0}.wx-surf-controls input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg);color:var(--text);width:100%;min-width:0}.wx-surf-controls small{font-size:12px;color:var(--muted)}@media(max-width:1000px){.wx-surf-controls{grid-template-columns:1fr 1fr}}@media(max-width:650px){.wx-surf-controls{grid-template-columns:1fr}}

/* Phones: the weather tools become one horizontal scroll row and the location form one compact row, so current conditions start on the first screen. */
@media(max-width:600px){.weather-redesign .wx-usecases{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin:0 0 12px;padding:0 0 4px}.weather-redesign .wx-usecases::-webkit-scrollbar{display:none}.weather-redesign .wx-usecases>*{flex:0 0 auto;white-space:nowrap}.weather-redesign .wx-usecases button,.weather-redesign .wx-usecases a{font-size:14px;padding:8px 11px}.weather-redesign .wx-titlebar .wx-view-controls{display:none}.weather-redesign .wx-titlebar{padding-bottom:8px}.weather-redesign .wd-loc{grid-template-columns:minmax(0,1fr) auto auto;padding:10px;gap:6px}.weather-redesign .wd-loc .wx-location-icon,.weather-redesign .wd-loc .wx-location-title small{display:none}.weather-redesign .wd-loc .wx-location-title{grid-column:1/-1;font-size:14px}.weather-redesign .wd-loc button#wd-geo-btn{grid-column:auto;font-size:14px;padding:9px 10px}}