/* 24kairos Plan B — dark-only, built over stable v1.2.7 */
:root{color-scheme:dark;--hw-bg:#061023;--hw-surface:#0b1c36;--hw-ink:#f5f9ff;--hw-muted:#a9bed8;--hw-border:#355579;--hw-shadow:0 14px 35px #0003;--bg:#061023;--ink:#f5f9ff;--muted:#a9bed8;--line:#355579;--blue:#168cf6;--navy:#07172d}
html{background:#061023}body,body.hw-dark{background:#061023!important;color:#f5f9ff!important;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
body.hw-plan-b{background-image:radial-gradient(ellipse at 80% 0%,#12365a 0%,transparent 40%)!important}
body.hw-plan-b .hw-header{background:#030e21!important;border-bottom:1px solid #1e3d64!important;box-shadow:none!important;position:relative;z-index:200}
body.hw-plan-b .hw-header-inner{min-height:90px!important;gap:26px!important}
body.hw-plan-b .hw-logo{color:#fff!important;flex-shrink:0;font-weight:900!important;white-space:nowrap}
body.hw-plan-b .hw-logo-accent{color:#13a0ff!important}
body.hw-plan-b .hw-logo small{color:#c4d3e7!important}
body.hw-plan-b .hw-brand-logo-light{display:none!important}body.hw-plan-b .hw-brand-logo-dark{display:block!important;max-height:62px;max-width:280px;object-fit:contain}
body.hw-plan-b .hw-nav,body.hw-plan-b .hw-nav-grouped{display:flex;gap:10px;align-items:center}
body.hw-plan-b .hw-nav a,body.hw-plan-b .hw-nav button,body.hw-plan-b .hw-nav-group>button{color:#f4f8ff!important;background:transparent!important;opacity:1!important;font-weight:700!important;text-shadow:none!important}
body.hw-plan-b .hw-nav>a:first-child{background:#087ee7!important;border-radius:12px;padding:12px 17px!important}
body.hw-plan-b .hw-nav a:hover,body.hw-plan-b .hw-nav button:hover{color:#77caff!important}
body.hw-plan-b .hw-nav-dropdown{background:#0d223e!important;border:1px solid #385d84!important;border-radius:14px;box-shadow:0 18px 40px #0008}
body.hw-plan-b .hw-nav-dropdown a{color:#eef7ff!important;background:transparent!important}
body.hw-plan-b .hw-actions .hwm-header-link{color:#eef7ff!important;border:1px solid #496b93!important;background:#0b1e37!important;border-radius:12px;padding:11px 14px}
body.hw-plan-b #hw-theme-toggle{display:none!important}
body.hw-plan-b #hw-menu-toggle{color:#fff!important;background:#132b48!important;border:1px solid #47668c!important}
body.hw-plan-b .hw-mobile-nav{background:#08182e!important}body.hw-plan-b .hw-mobile-nav a{color:#fff!important;background:#132b49!important}
body.hw-plan-b .site-main{padding-top:24px!important}body.hw-plan-b .wrap{width:min(1440px,calc(100% - 54px))}
body.hw-plan-b .page-heading{border:0!important;align-items:center!important;margin-bottom:25px!important;padding:0!important}
body.hw-plan-b .page-heading h1{color:#fff!important;font-size:clamp(30px,3.3vw,48px)!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-.045em!important}
body.hw-plan-b .page-heading p{color:#d6e5f6!important;font-size:17px!important}
body.hw-plan-b .page-date{color:#c9d8e9!important;font-size:15px!important}
body.hw-plan-b.hw-page-home .site-main{position:relative;isolation:isolate;padding-top:35px!important}
body.hw-plan-b.hw-page-home .site-main:before{content:'';position:absolute;inset:0 0 auto;left:0;right:0;transform:none;width:100%;max-width:100%;height:450px;background:linear-gradient(90deg,#061023de 0%,#0610234d 52%,#06102345 100%),url('plan-b-sky.svg') center 39%/cover no-repeat;z-index:-1;pointer-events:none}
body.hw-plan-b .page-columns,body.hw-plan-b.hw-page-home .page-columns{grid-template-columns:minmax(0,1fr) 350px!important;gap:24px!important;align-items:start}
body.hw-plan-b .search-panel,body.hw-plan-b .side-card,body.hw-plan-b .weather-panel,body.hw-plan-b .content-section,body.hw-plan-b .hw-feature-directory{background:#091b34eb!important;color:#fff!important;border:1px solid #35587f!important;border-radius:22px!important;box-shadow:0 14px 35px #0003!important}
body.hw-plan-b .search-panel{padding:20px 24px!important;margin-bottom:20px!important;backdrop-filter:blur(12px)}
body.hw-plan-b .search-panel label{color:#f4f8ff!important;font-size:15px!important;font-weight:800!important;letter-spacing:0!important}
body.hw-plan-b .search input{background:#172d4b!important;color:#fff!important;border:1px solid #496a93!important;border-radius:13px!important;min-height:54px;font-size:16px!important}
body.hw-plan-b .search input::placeholder{color:#b9cce0!important}
body.hw-plan-b .search button{background:#067dea!important;color:#fff!important;border-radius:13px!important;font-size:16px!important;padding:0 27px!important}
body.hw-plan-b .search-panel .results:not([hidden]){background:#0d213d!important;color:#fff!important;border-color:#35587f!important}
body.hw-plan-b .search-panel .hw-city-option{color:#fff!important}
body.hw-plan-b .search-panel .hw-city-option:hover{background:#23446b!important}
body.hw-plan-b #weather-status{color:#c7dcf3!important}
body.hw-plan-b .weather-panel{overflow:hidden!important;background:#081b36!important;margin-bottom:20px!important}
body.hw-plan-b .panel-tabs{background:#081a32!important;color:#fff!important;border-bottom:1px solid #35587f!important;min-height:53px}
body.hw-plan-b .panel-tabs span{color:#e8f5ff!important;font-size:13px!important}
body.hw-plan-b .panel-tabs .active-tab{background:#067eea!important;color:#fff!important;border-radius:10px;margin:7px;padding:10px 20px!important}
body.hw-plan-b .panel-tabs .live-label{color:#91f3c8!important}
body.hw-plan-b .weather-main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,#071a37f0,#0c2d54a8),url('plan-b-sky.svg') center/cover!important;padding:32px 38px!important;min-height:285px!important;align-items:center}
body.hw-plan-b .weather-main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background:radial-gradient(circle at 73% 65%,#ffbc6b55,transparent 42%)}
body.hw-plan-b .location{color:#fff!important;font-size:27px!important;font-weight:850!important}
body.hw-plan-b .temp-row{gap:20px!important;margin:15px 0!important}
body.hw-plan-b .weather-icon{font-size:80px!important;line-height:1.2}
body.hw-plan-b .temp{font-size:clamp(62px,6vw,105px)!important;color:#fff!important;line-height:1!important}
body.hw-plan-b .weather-desc{font-size:20px!important;color:#fff!important}
body.hw-plan-b .weather-details{color:#e7f2ff!important;font-size:15px!important}
body.hw-plan-b .weather-right{background:#ffffff14!important;backdrop-filter:blur(15px);border:1px solid #b1c8e899!important;border-radius:20px!important;padding:24px!important;max-width:290px!important;min-width:245px;text-align:center!important}
body.hw-plan-b .mini-title{font-size:14px!important;color:#fff!important}
body.hw-plan-b .today-high-low{font-size:31px!important;color:#fff!important}
body.hw-plan-b .today-note{font-size:13px!important;color:#e3eeff!important}
body.hw-plan-b .weather-sky{display:none!important}
body.hw-plan-b .hourly-wrap{background:#07182f!important;padding:0 18px 19px!important}
body.hw-plan-b .hw-hourly-heading{display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid #315176;margin:0 -18px 10px;padding:10px 18px;color:#dce8f6;font-weight:700}
body.hw-plan-b .hw-hourly-heading span{white-space:nowrap;padding:10px 16px}
body.hw-plan-b .hw-hourly-heading .hw-hourly-selected{background:#067dea;border-radius:10px;color:#fff}
body.hw-plan-b .hourly{gap:0!important;scrollbar-color:#315176 transparent}
body.hw-plan-b .hour-item{background:#10223e!important;color:#fff!important;border:1px solid #253d5c!important;border-radius:12px!important;margin:3px;min-width:98px!important}
body.hw-plan-b .hour-time,body.hw-plan-b .hour-temp,body.hw-plan-b .hour-rain{color:#eaf5ff!important}
body.hw-plan-b .hour-temp{font-size:22px!important}
body.hw-plan-b .side-card{padding:22px!important;margin-bottom:0!important;backdrop-filter:blur(12px);border-top:1px solid #35587f!important}
body.hw-plan-b .side-card h3{color:#fff!important;font-size:19px!important;border-bottom:1px solid #365679!important;padding-bottom:16px!important}
body.hw-plan-b .side-card p{color:#b9cce3!important}
body.hw-plan-b .side-cities button{background:transparent!important;color:#f2f7ff!important;border-color:#365679!important;font-size:16px!important;padding:14px 0!important}
body.hw-plan-b .side-cities span{color:#b6dfff!important}
body.hw-plan-b .side-cities button:hover{color:#53b5ff!important}
body.hw-plan-b .section-heading h2,body.hw-plan-b .hw-feature-head h2{color:#fff!important}
body.hw-plan-b .section-heading span,body.hw-plan-b .section-intro,body.hw-plan-b .hw-feature-head p{color:#b9cde3!important}
body.hw-plan-b .day,body.hw-plan-b .activity,body.hw-plan-b .hw-feature-grid a{background:#102641!important;border:1px solid #355579!important;color:#fff!important;border-radius:14px!important}
body.hw-plan-b .day small,body.hw-plan-b .hw-feature-grid small{color:#b8cee5!important}
body.hw-plan-b .content-section{padding:23px!important}
body.hw-plan-b .official-link{color:#62b9ff!important}
body.hw-plan-b .foot{background:#07152b!important;color:#a9bdd5!important;border-color:#315176!important}
body.hw-plan-b input,body.hw-plan-b select,body.hw-plan-b textarea{color-scheme:dark}
/* Scene state derives from current weather icon/description; no extra API requests */
body.hw-plan-b .weather-panel[data-scene='rain'] .weather-main{background:linear-gradient(100deg,#06162ce8,#143858a8),url('plan-b-sky.svg') center/cover!important}
body.hw-plan-b .weather-panel[data-scene='storm'] .weather-main{background:linear-gradient(100deg,#030a1beb,#132747c9),url('plan-b-sky.svg') center/cover!important}
body.hw-plan-b .weather-panel[data-scene='snow'] .weather-main{background:linear-gradient(100deg,#122d48e8,#50749b9e),url('plan-b-sky.svg') center/cover!important}
body.hw-plan-b .weather-panel[data-scene='sun'] .weather-main{background:linear-gradient(100deg,#0c2944d9,#26548170),url('plan-b-sky.svg') center/cover!important}
body.hw-plan-b .weather-panel[data-scene='night'] .weather-main{background:linear-gradient(100deg,#030c20ee,#112e53c9),url('plan-b-sky.svg') center/cover!important}
body.hw-plan-b .weather-panel[data-scene='rain'] .weather-main:after,body.hw-plan-b .weather-panel[data-scene='storm'] .weather-main:after{content:'';position:absolute;inset:-40%;pointer-events:none;background:repeating-linear-gradient(108deg,transparent 0 26px,#a9dcff44 27px,#a9dcff44 28px,transparent 29px 60px);animation:hw-rain 1.2s linear infinite;opacity:.34}
body.hw-plan-b .weather-panel[data-scene='snow'] .weather-main:after{content:'❄   ·     ❄      ·     ❄      ·    ❄';position:absolute;top:-30%;left:0;width:100%;height:150%;color:#fff8;letter-spacing:40px;line-height:110px;font-size:20px;pointer-events:none;animation:hw-snow 9s linear infinite}
@keyframes hw-rain{to{transform:translate(40px,80px)}}@keyframes hw-snow{to{transform:translateY(90px)}}
@media(max-width:1200px){body.hw-plan-b .page-columns,body.hw-plan-b.hw-page-home .page-columns{grid-template-columns:minmax(0,1fr) 285px!important}body.hw-plan-b .hw-nav{gap:2px!important}body.hw-plan-b .hw-nav a,body.hw-plan-b .hw-nav button{font-size:12px!important}body.hw-plan-b .weather-right{min-width:190px}}
@media(max-width:950px){body.hw-plan-b .hw-nav{display:none!important}body.hw-plan-b .hw-actions #hw-menu-toggle{display:block!important}body.hw-plan-b .page-columns,body.hw-plan-b.hw-page-home .page-columns{grid-template-columns:1fr!important}body.hw-plan-b .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}body.hw-plan-b .page-date{display:none!important}}
@media(max-width:650px){body.hw-plan-b .wrap{width:calc(100% - 24px)!important;padding-left:0!important;padding-right:0!important}body.hw-plan-b .hw-header-inner{min-height:72px!important}body.hw-plan-b .hw-logo{font-size:20px!important}body.hw-plan-b .hw-brand-logo-dark{max-width:190px;max-height:50px}body.hw-plan-b .hwm-header-link{display:none!important}body.hw-plan-b .page-heading h1{font-size:30px!important}body.hw-plan-b .page-heading p{font-size:14px!important}body.hw-plan-b .search-panel{padding:15px!important}body.hw-plan-b .search input{min-height:48px;font-size:13px!important}body.hw-plan-b .search button{font-size:13px!important;padding:0 12px!important}body.hw-plan-b .weather-main{padding:22px!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important}body.hw-plan-b .location{font-size:22px!important}body.hw-plan-b .temp{font-size:68px!important}body.hw-plan-b .weather-icon{font-size:54px!important}body.hw-plan-b .weather-desc{font-size:16px!important}body.hw-plan-b .weather-right{max-width:none!important;min-width:0!important;padding:17px!important}body.hw-plan-b .sidebar{grid-template-columns:1fr!important}body.hw-plan-b .panel-tabs .live-label{display:none!important}body.hw-plan-b .hour-item{min-width:88px!important}body.hw-plan-b .content-section{padding:17px!important}}
@media(prefers-reduced-motion:reduce){body.hw-plan-b .weather-main:after{animation:none!important}}


/* 1.5.1: Real image-backed weather scenes in LIVE forecast, not page-wide. */
body.hw-plan-b #current-card .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.54) 48%,rgba(5,19,41,.33) 100%),url('weather-cloud.webp')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;min-height:310px!important}
body.hw-plan-b #current-card[data-scene='cloud'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-cloud.webp')!important}
body.hw-plan-b #current-card[data-scene='sun'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-sun.webp')!important}
body.hw-plan-b #current-card[data-scene='rain'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-rain.webp')!important}
body.hw-plan-b #current-card[data-scene='storm'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-storm.webp')!important}
body.hw-plan-b #current-card[data-scene='snow'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-snow.webp')!important}
body.hw-plan-b #current-card[data-scene='night'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.55) 48%,rgba(5,19,41,.35) 100%),url('weather-night.webp')!important}

body.hw-plan-b #current-card .weather-main>.weather-left,body.hw-plan-b #current-card .weather-main>.weather-right{position:relative;z-index:2}
/* Explore directory: readable, balanced and responsive. */
body.hw-plan-b.hw-page-home .hw-feature-directory{padding:24px!important;overflow:hidden!important;margin-top:20px!important}
body.hw-plan-b.hw-page-home .hw-feature-head{margin-bottom:18px!important}
body.hw-plan-b.hw-page-home .hw-feature-head .eyebrow{color:#49baff!important;font-size:12px!important;letter-spacing:1.5px!important;font-weight:800!important}
body.hw-plan-b.hw-page-home .hw-feature-head h2{font-size:clamp(21px,2.4vw,29px)!important;line-height:1.2!important;margin:6px 0 8px!important;overflow-wrap:anywhere}
body.hw-plan-b.hw-page-home .hw-feature-head p{font-size:14px!important;line-height:1.5!important;margin:0!important}
body.hw-plan-b.hw-page-home .hw-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.hw-plan-b.hw-page-home .hw-feature-grid a{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:12px!important;row-gap:5px!important;min-height:112px!important;padding:18px 35px 18px 16px!important;overflow:hidden!important;background:linear-gradient(130deg,#102e4e,#0a203b)!important;border:1px solid #2e618f!important;transition:background .2s,border-color .2s,transform .2s}
body.hw-plan-b.hw-page-home .hw-feature-grid a:hover{background:linear-gradient(130deg,#16406a,#0d2c4c)!important;border-color:#39a9ff!important;transform:translateY(-2px)}
body.hw-plan-b.hw-page-home .hw-feature-grid .hw-feature-icon{grid-column:1!important;grid-row:1/3!important;font-size:34px!important;line-height:1.1!important;align-self:center!important}
body.hw-plan-b.hw-page-home .hw-feature-grid strong{grid-column:2!important;grid-row:1!important;font-size:16px!important;line-height:1.25!important;color:#fff!important;overflow-wrap:anywhere}
body.hw-plan-b.hw-page-home .hw-feature-grid small{grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:1.45!important;color:#c4d9ed!important}
body.hw-plan-b.hw-page-home .hw-feature-grid .hw-feature-arrow{position:absolute!important;top:12px!important;right:12px!important;color:#6ec4ff!important}
@media(min-width:1400px){body.hw-plan-b.hw-page-home .hw-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.hw-plan-b.hw-page-home .hw-feature-grid a{grid-template-columns:1fr!important;grid-template-rows:36px auto auto!important;min-height:155px!important;align-content:start!important;padding:16px!important}body.hw-plan-b.hw-page-home .hw-feature-grid .hw-feature-icon{grid-column:1!important;grid-row:1!important;font-size:29px!important}body.hw-plan-b.hw-page-home .hw-feature-grid strong{grid-column:1!important;grid-row:2!important;font-size:15px!important}body.hw-plan-b.hw-page-home .hw-feature-grid small{grid-column:1!important;grid-row:3!important}}
@media(max-width:600px){body.hw-plan-b.hw-page-home .hw-feature-directory{padding:17px!important}body.hw-plan-b.hw-page-home .hw-feature-grid{grid-template-columns:1fr!important;gap:10px!important}body.hw-plan-b.hw-page-home .hw-feature-grid a{min-height:96px!important;padding:15px 32px 15px 12px!important}body.hw-plan-b.hw-page-home .hw-feature-grid strong{font-size:15px!important}body.hw-plan-b.hw-page-home #current-card .weather-main{min-height:330px!important;background-position:55% center!important}}

/* v1.5.2: avoid page-level horizontal overflow; keep forecast strips scrollable locally. */
body.hw-plan-b .site-main,body.hw-plan-b .page-columns,body.hw-plan-b .primary-column,body.hw-plan-b .sidebar{min-width:0;max-width:100%}
body.hw-plan-b .hw-feature-grid,body.hw-plan-b .hw-feature-grid a{min-width:0}

/* v1.5.3: Keep the same dark page background across all pages. Weather photos remain only inside LIVE forecast. */
body.hw-plan-b.hw-page-home .site-main:before{content:none!important;display:none!important;background:none!important}
body.hw-plan-b.hw-page-home .site-main{background:transparent!important}
body.hw-plan-b.hw-page-home{background:#061023!important;background-image:none!important}

/* Night weather scenes follow forecast daypart, not the visitor clock. */
body.hw-plan-b #current-card[data-daypart="night"] .weather-main{background-color:#071329}


/* v1.5.6: WMO-code-driven LIVE scene backgrounds. Clear / partly cloudy / cloudy are intentionally distinct. */
body.hw-plan-b #current-card[data-scene='clear-day'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.82) 0%,rgba(5,20,43,.36) 48%,rgba(5,19,41,.18) 100%),url('weather-clear-day.webp')!important}
body.hw-plan-b #current-card[data-scene='partly-day'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.84) 0%,rgba(5,20,43,.45) 48%,rgba(5,19,41,.24) 100%),url('weather-partly-day.webp')!important}
body.hw-plan-b #current-card[data-scene='cloudy-day'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86) 0%,rgba(5,20,43,.54) 48%,rgba(5,19,41,.31) 100%),url('weather-cloudy-day.webp')!important}
body.hw-plan-b #current-card[data-scene='fog-day'] .weather-main{background-image:linear-gradient(90deg,rgba(7,19,34,.82) 0%,rgba(25,39,53,.46) 50%,rgba(45,56,64,.22) 100%),url('weather-fog-day.webp')!important}
body.hw-plan-b #current-card[data-scene='clear-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,8,22,.88) 0%,rgba(4,14,35,.50) 50%,rgba(5,16,38,.26) 100%),url('weather-clear-night.webp')!important}
body.hw-plan-b #current-card[data-scene='partly-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,8,22,.89) 0%,rgba(4,14,35,.56) 50%,rgba(5,16,38,.32) 100%),url('weather-partly-night.webp')!important}
body.hw-plan-b #current-card[data-scene='cloudy-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,8,22,.90) 0%,rgba(4,14,35,.62) 50%,rgba(5,16,38,.38) 100%),url('weather-cloudy-night.webp')!important}
body.hw-plan-b #current-card[data-scene='fog-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,8,22,.91) 0%,rgba(7,19,37,.63) 50%,rgba(13,26,43,.42) 100%),url('weather-fog-night.webp')!important}
body.hw-plan-b #current-card[data-scene='rain-day'] .weather-main{background-image:linear-gradient(90deg,rgba(3,14,32,.86),rgba(5,20,43,.42)),url('weather-rain.webp')!important}
body.hw-plan-b #current-card[data-scene='rain-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,8,22,.93),rgba(4,14,35,.64)),url('weather-rain.webp')!important}
body.hw-plan-b #current-card[data-scene='storm-day'] .weather-main{background-image:linear-gradient(90deg,rgba(2,9,24,.90),rgba(9,20,41,.50)),url('weather-storm.webp')!important}
body.hw-plan-b #current-card[data-scene='storm-night'] .weather-main{background-image:linear-gradient(90deg,rgba(1,5,16,.95),rgba(5,12,29,.72)),url('weather-storm.webp')!important}
body.hw-plan-b #current-card[data-scene='snow-day'] .weather-main{background-image:linear-gradient(90deg,rgba(8,24,41,.82),rgba(32,60,82,.32)),url('weather-snow.webp')!important}
body.hw-plan-b #current-card[data-scene='snow-night'] .weather-main{background-image:linear-gradient(90deg,rgba(2,10,24,.93),rgba(9,24,42,.61)),url('weather-snow.webp')!important}
body.hw-plan-b #current-card[data-scene^='rain-'] .weather-main:after,body.hw-plan-b #current-card[data-scene^='storm-'] .weather-main:after{content:'';position:absolute;inset:-40%;pointer-events:none;background:repeating-linear-gradient(108deg,transparent 0 26px,#a9dcff44 27px,#a9dcff44 28px,transparent 29px 60px);animation:hw-rain 1.2s linear infinite;opacity:.34}
body.hw-plan-b #current-card[data-scene^='snow-'] .weather-main:after{content:'❄   ·     ❄      ·     ❄      ·    ❄';position:absolute;top:-30%;left:0;width:100%;height:150%;color:#fff8;letter-spacing:40px;line-height:110px;font-size:20px;pointer-events:none;animation:hw-snow 9s linear infinite}


/* v1.5.7 — navigation state, persistent location, functional home forecast tabs and local activities */
body.hw-plan-b .hw-nav>a:first-child{background:transparent!important;border-radius:11px;padding:11px 13px!important}
body.hw-plan-b .hw-nav .hw-nav-item,body.hw-plan-b .hw-nav-group>button{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:11px 13px!important;border-radius:11px!important;transition:background .18s ease,color .18s ease,border-color .18s ease}
body.hw-plan-b .hw-nav .is-active,body.hw-plan-b .hw-nav-group.is-active>button{background:#087ee7!important;color:#fff!important;box-shadow:inset 0 0 0 1px #55b6ff66!important}
body.hw-plan-b .hw-nav-dropdown a.is-active{background:#173d66!important;color:#69c5ff!important}
body.hw-plan-b .hw-nav-icon{display:inline-flex;width:17px;height:17px;flex:0 0 17px;color:currentColor}
body.hw-plan-b .hw-nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hw-plan-b .hw-nav-icon svg circle[fill]{fill:currentColor}
body.hw-plan-b .hw-global-location{position:relative;flex:0 0 auto}
body.hw-plan-b .hw-location-trigger{display:flex;align-items:center;gap:8px;min-width:132px;max-width:190px;height:48px;padding:7px 11px;border-radius:13px;border:1px solid #345c86;background:#0b213d;color:#f7fbff;cursor:pointer;text-align:left}
body.hw-plan-b .hw-location-trigger>.hw-nav-icon{color:#52b9ff;width:18px;height:18px}
body.hw-plan-b .hw-location-copy{display:grid;min-width:0;line-height:1.08;flex:1}.hw-location-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8eabc9}.hw-location-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
body.hw-plan-b .hw-location-caret{width:7px;height:7px;border-right:1.5px solid #9fc8eb;border-bottom:1.5px solid #9fc8eb;transform:rotate(45deg) translateY(-2px);flex:0 0 auto}
body.hw-plan-b .hw-location-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 24px));padding:14px;background:#0a1d37;border:1px solid #355d87;border-radius:15px;box-shadow:0 18px 45px #0009;z-index:100010}
body.hw-plan-b .hw-location-popover label{display:block;font-weight:800;font-size:12px;margin-bottom:8px;color:#dbeaff}
body.hw-plan-b .hw-location-popover input{width:100%;height:44px;padding:0 12px;border-radius:10px;background:#132c4c;border:1px solid #40688f;color:#fff;outline:none}
body.hw-plan-b .hw-location-results{display:grid;gap:3px;margin-top:7px;max-height:280px;overflow:auto}
body.hw-plan-b .hw-location-results button{display:grid;gap:2px;width:100%;padding:10px 11px;text-align:left;border:0;border-radius:9px;background:transparent;color:#fff;cursor:pointer}.hw-location-results button:hover{background:#15385f}.hw-location-results strong{font-size:13px}.hw-location-results small{font-size:11px;color:#a9c0d8}
body.hw-plan-b .hw-hourly-heading{padding-top:10px!important;padding-bottom:10px!important}
body.hw-plan-b .hw-hourly-heading .hw-hourly-tab{appearance:none;border:0;background:transparent;color:#e0ecf8;font:inherit;font-weight:750;white-space:nowrap;padding:10px 16px;border-radius:10px;cursor:pointer}
body.hw-plan-b .hw-hourly-heading .hw-hourly-tab:hover{background:#102b4b;color:#fff}
body.hw-plan-b .hw-hourly-heading .hw-hourly-tab.is-active{background:#087ee7;color:#fff;box-shadow:0 5px 16px #087ee733}
body.hw-plan-b .hourly.hw-tab-days{display:grid!important;grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px!important;overflow-x:auto;padding:3px 0 7px}
body.hw-plan-b .hw-tab-day{min-width:92px;padding:13px 9px;border-radius:12px;border:1px solid #294b70;background:#10243f;text-align:center;display:grid;gap:5px}.hw-tab-day span{font-size:11px;color:#a9c3dc;text-transform:capitalize}.hw-tab-day b{font-size:24px}.hw-tab-day strong{font-size:18px}.hw-tab-day small{font-size:10px;color:#b8cce0}
body.hw-plan-b .side-cities button{position:relative;padding-right:40px!important}
body.hw-plan-b .side-cities button::after,body.hw-plan-b .official-link::after,body.hw-plan-b .hw-section-link::after,body.hw-plan-b .hwm-home-photos .section-heading a::after{content:'';display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-left:9px;vertical-align:1px}
body.hw-plan-b .side-cities button::after{position:absolute;right:4px;top:50%;width:8px;height:8px;margin:0;transform:translateY(-50%) rotate(45deg);color:#5bbcff}
body.hw-plan-b .side-cities button:hover{background:#102b49!important;padding-left:10px!important;border-radius:8px}
body.hw-plan-b .hw-home-activity-card{padding:20px!important}
body.hw-plan-b .hw-home-activity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.hw-home-activity-head h3{border:0!important;padding:0!important;margin:4px 0 0!important;font-size:17px!important}.hw-home-activity-location{font-size:11px;color:#74c5ff;background:#0c2f54;border:1px solid #285e8d;padding:6px 8px;border-radius:999px;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hw-plan-b .hw-home-activities{display:grid;gap:8px}.hw-home-activity{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #294c70;border-radius:11px;background:#0e2744}.hw-home-activity-icon{font-size:22px}.hw-home-activity>div{display:grid;gap:2px}.hw-home-activity strong{font-size:13px;color:#fff}.hw-home-activity small{font-size:10px;color:#a9bfd6}.hw-home-activity>b{font-size:17px;color:#68c3ff}.hw-home-activity>b small{font-size:9px;color:#8ba7c2}.hw-home-activity-note{display:block;margin-top:10px;color:#829eb8;font-size:10px;line-height:1.45}
@media(max-width:1250px){body.hw-plan-b .hw-location-copy small{display:none}body.hw-plan-b .hw-location-trigger{min-width:112px;max-width:145px;height:44px}body.hw-plan-b .hw-nav .hw-nav-item,body.hw-plan-b .hw-nav-group>button{padding:10px 9px!important;gap:5px!important}.hw-nav-icon{width:15px!important;height:15px!important}}
@media(max-width:1050px){body.hw-plan-b .hw-global-location{margin-left:auto}body.hw-plan-b .hw-location-trigger{max-width:170px}.hw-actions{margin-left:0!important}}
@media(max-width:650px){body.hw-plan-b .hw-location-trigger{min-width:46px;width:46px;padding:0;justify-content:center}.hw-location-copy,.hw-location-caret{display:none!important}body.hw-plan-b .hw-location-popover{right:-60px}body.hw-plan-b .hw-hourly-heading{gap:4px!important;padding-left:10px!important;padding-right:10px!important}.hw-hourly-tab{padding:9px 11px!important;font-size:12px!important}}


/* v1.5.8 — one global location control, pill active nav, map without submenu, cleaner forecast chevron */
body.hw-plan-b .hw-legacy-location-search{display:none!important}
body.hw-plan-b .hw-nav .hw-nav-item.is-active,
body.hw-plan-b .hw-nav-group.is-active>button{border-radius:14px!important;overflow:hidden!important;background:#087ee7!important;box-shadow:inset 0 0 0 1px #65c1ff66,0 6px 18px #087ee72b!important}
body.hw-plan-b .hw-day-chevron{display:inline-grid!important;place-items:center;width:28px;height:28px;border:1px solid #3b6288;border-radius:999px;background:#0d2744;color:#8fd2ff!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important}
body.hw-plan-b .hw-day-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.hw-plan-b .hw-day-entry[open] .hw-day-chevron{transform:rotate(180deg);background:#12385f;border-color:#5aaee9}
body.hw-plan-b .hw-air-location-badge{display:inline-flex!important;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;border-radius:999px;border:1px solid #315c86;background:#0d2a49;color:#75c8ff!important;font-size:11px!important;font-weight:800;white-space:nowrap}
@media(max-width:650px){body.hw-plan-b .hw-air-location-badge{margin:8px 0 0!important;width:max-content}}


/* v1.5.9 — global legacy search removal + true pill active navigation */
.hw-legacy-location-search{display:none!important}
body.hw-plan-b .hw-nav-group.is-active{background:transparent!important;border-radius:999px!important}
body.hw-plan-b .hw-nav .hw-nav-item.is-active,
body.hw-plan-b .hw-nav-group.is-active>button{
  border-radius:999px!important;
  background:#087ee7!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px #65c1ff70,0 6px 18px #087ee72b!important;
  overflow:hidden!important;
}
body.hw-plan-b .hw-nav .hw-nav-item,
body.hw-plan-b .hw-nav-group>button{border-radius:999px!important}


/* v1.5.12 — close the space left by the removed location form on every weather subpage. */
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .page-columns{margin-top:0!important}
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#forecast-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#activities-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#marine-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#beaches-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#regions-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#air-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#maps-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#widget-section,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#hw11-insights,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#hw122-uv-page,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#hw12-stations,
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .primary-column>#hw12-alerts{margin-top:0!important}
body.hw-plan-b[class*="hw-page-"]:not(.hw-page-home) .site-main{padding-top:10px!important}
body.hw-plan-b.hw-page-prognozi .hw-subpage-hero h1 #hw-page-location-name{color:#59bfff}