@font-face{font-family:WWIonicons;src:url('/images/app/ionicons.ttf') format('truetype');font-display:block}.app-icon{font-family:WWIonicons!important;font-style:normal;font-weight:normal;line-height:1;display:inline-block;speak:none}html{--app-bg:#07151d;--app-surface:#102630;--app-raised:#193641;--app-text:#f0f8fc;--app-muted:#9eb9c8;--app-line:#29444f;--app-accent:#54e0d2;color-scheme:dark}html:not([data-app-theme=dark]){--app-bg:#edf5f7;--app-surface:#fff;--app-raised:#dceef1;--app-text:#102e3d;--app-muted:#476673;--app-line:#c8dce3;--app-accent:#007d79;color-scheme:light}body.ww-app{background:var(--app-bg)!important;color:var(--app-text)!important;padding-bottom:120px!important}body.ww-app #nav{height:78px!important;min-height:0!important;padding:0 4vw!important;background:var(--app-bg)!important;border-bottom:1px solid var(--app-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;backdrop-filter:blur(22px)}body.ww-app #nav .nav-links,body.ww-app #nav>.nav-right,body.ww-app #nav>.tv-browse,body.ww-app #nav>.nav-toggle,body.ww-app #nav>.mobile-watch-live{display:none!important}body.ww-app #nav .logo{max-width:none!important;margin:0!important}body.ww-app #nav .ww-studio-wordmark{font-size:18px!important;letter-spacing:.07em!important;color:var(--app-text)!important}body.ww-app #nav .ww-studio-wordmark span{color:var(--app-accent)!important}.app-toolbar{display:flex;align-items:center;gap:10px}.app-theme,.app-more summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid var(--app-line);border-radius:24px;background:var(--app-surface);color:var(--app-text);font:600 13px Outfit,sans-serif;cursor:pointer}.app-theme .app-icon{font-size:19px;color:var(--app-accent)}.app-more{position:relative}.app-more summary{list-style:none}.app-more summary::-webkit-details-marker{display:none}.app-more>div{position:absolute;right:0;top:52px;min-width:230px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:20px;padding:12px;box-shadow:0 15px 40px #0003}.app-more a{display:block;padding:12px;color:var(--app-text)!important;font:500 14px Outfit,sans-serif;text-decoration:none;border-radius:12px}.app-more a:hover{background:var(--app-raised)}.app-dock{position:fixed!important;z-index:10000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));height:78px;padding:7px!important;display:grid!important;grid-template-columns:repeat(5,1fr);border:1px solid var(--app-line);border-radius:28px;background:var(--app-surface);box-shadow:none}.app-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:600 11px Outfit,sans-serif;letter-spacing:0;text-decoration:none;color:var(--app-muted);border-radius:21px}.app-dock .app-icon{font-size:25px}.app-dock a[aria-current=page]{color:var(--app-accent);background:var(--app-raised)}.app-dock a:hover{background:var(--app-raised)}.ww-app :is(.app-dock a,.app-toolbar button,.app-toolbar summary):focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}
/* Light surfaces retain cinematic dark video heroes for legible overlays. */
html[data-app-theme=light] .ww-app :is(.podcast-section,.podcast-weekly,.network-heading,.city-browse,.watch-callout,.pod-subnav,footer){color:var(--app-text)!important;background:transparent!important}html[data-app-theme=light] .ww-app :is(.podcast-episode,.podcast-library,.episode-card,.queue-item,.partner-next,.home-intro-band,.tv-lineup,.tv-hero,.player-meta,.about-card,.feed-card,.friend-card,.collection-card){background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-line)!important}html[data-app-theme=light] .ww-app :is(.podcast-section,.podcast-weekly,.partner-next,.city-browse,.watch-callout,footer,.episode-card,.queue-item) :is(p,span,a,h2,h3,h4,strong){color:inherit}html[data-app-theme=light] .ww-app :is(.section-title,.section-desc,.section-heading,.player-title,.pod-subnav a,.podcast-section-head>a){color:var(--app-text)!important}html[data-app-theme=light] .ww-app :is(.hero-carousel-controls button,.hero-slide-choices button){background:var(--app-surface);color:var(--app-text);border-color:var(--app-line)}html[data-app-theme=light] .ww-app :is(.hero-carousel-controls button[aria-pressed=true],.podcast-eyebrow){color:var(--app-accent)}html[data-app-theme=light] .ww-app .podcast-hero .podcast-eyebrow{color:#5ce6e0}html[data-app-theme=light] .ww-app .network-footer-extras{color:var(--app-muted)}@media(max-width:600px){body.ww-app #nav{height:68px!important;padding:0 16px!important}body.ww-app #nav .ww-studio-wordmark{font-size:13px!important;letter-spacing:.035em!important}.app-theme,.app-more summary{padding:10px 12px}.app-theme span:not(.app-icon){display:none}.app-dock{height:72px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);border-radius:25px}.app-dock a{font-size:10px}.app-dock .app-icon{font-size:23px}}
/* Page-local legacy nav rules must not pin the bottom dock to the top. */
body.ww-app nav.app-dock{top:auto!important;right:auto!important;left:50%!important;bottom:max(16px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;margin:0!important;min-height:0!important}body.ww-app nav.app-dock a{line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}@media(max-width:600px){body.ww-app nav.app-dock{bottom:max(10px,env(safe-area-inset-bottom))!important}}
html[data-app-theme=light] body.ww-app :is(.today-weather,.wear-card,.national-day,.forecast-detail,.city-links a,.ww-national-forecast){background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-line)!important}html[data-app-theme=light] body.ww-app :is(.today-weather,.wear-card,.national-day,.forecast-detail,.city-links,.ww-national-forecast) :is(p,span,strong,h2,h3,small,a){color:var(--app-text)!important}html[data-app-theme=light] body.ww-app :is(.forecast-note,.national-source,.city-location h1 span){color:var(--app-muted)!important}

.app-theme{border:0;background:transparent;padding:6px;gap:10px}.theme-label{font:600 12px Outfit,sans-serif;color:var(--app-muted)}.theme-track{position:relative;width:56px;height:32px;border-radius:20px;background:#d4e5e9;border:1px solid var(--app-line);display:block}.theme-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 5px #0002;transition:transform .2s}.theme-thumb .app-icon{font-size:16px;color:#007d79}.app-theme[aria-checked=true] .theme-track{background:#276164}.app-theme[aria-checked=true] .theme-thumb{transform:translateX(24px);background:#d7f5ed}.app-theme .theme-track,.app-theme .theme-thumb{display:block!important}.app-theme .theme-thumb{display:grid!important}@media(prefers-reduced-motion:reduce){.theme-thumb{transition:none}}

/* Keep legacy header gradients and scroll styling out of the bottom dock. */
body.ww-app nav.app-dock{background:var(--app-surface)!important;border:1px solid var(--app-line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:0!important;isolation:isolate}
body.ww-app nav.app-dock::before,body.ww-app nav.app-dock::after{content:none!important;display:none!important}

.app-hamburger{display:grid;gap:5px;width:22px}.app-hamburger i{display:block;height:2px;background:currentColor;border-radius:2px}.app-more summary{width:44px;padding:10px}.app-brand-globe{display:inline-flex;margin-right:10px;color:var(--app-accent)}.app-brand-globe .app-icon{font-size:25px}.app-more>.app-site-menu{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 180px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.app-site-menu h3{font:600 11px Outfit,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--app-accent);margin:8px 12px}.app-site-menu a{font-size:13px;padding:9px 12px}@media(max-width:450px){.app-more>.app-site-menu{grid-template-columns:1fr;gap:8px}.app-brand-globe{margin-right:6px}.app-brand-globe .app-icon{font-size:21px}}

body.ww-app .app-footer{display:block!important;max-width:none;margin:60px 3vw 0;padding:48px 36px 24px!important;border:1px solid var(--app-line);border-radius:28px;background:var(--app-surface)!important;color:var(--app-text)!important;font-family:Outfit,sans-serif}.app-footer-top{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:32px}.app-footer-brand>a:first-child{display:flex;gap:6px;align-items:center;letter-spacing:.08em;font-size:18px}.app-footer-brand>a>span{color:var(--app-accent)}.app-footer-brand h2{font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.04em;margin:24px 0 14px}.app-footer-brand p{font-size:14px;line-height:1.6;color:var(--app-muted)}.app-footer a{text-decoration:none;color:inherit}.app-footer a:hover{color:var(--app-accent)}.app-footer-cta{display:inline-block;margin-top:15px;font-size:13px;font-weight:600}.app-footer-column{display:flex;flex-direction:column;gap:14px}.app-footer-column h3{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--app-accent);margin:4px 0 8px}.app-footer-column a{font-size:13px}.app-footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--app-line);margin-top:40px;padding-top:24px;font-size:11px;color:var(--app-muted)}.app-footer-bottom>div{display:flex;gap:16px}@media(max-width:750px){.app-footer-top{grid-template-columns:repeat(3,1fr);gap:24px}.app-footer-brand{grid-column:1/-1}body.ww-app .app-footer{padding:28px 20px!important;margin-inline:16px}.app-footer-bottom{gap:16px}.app-footer-column a{font-size:12px}}@media(max-width:370px){.app-footer-top{grid-template-columns:1fr 1fr}}

/* One bold wordmark across all public app pages and the shared footer. */
body.ww-app #nav .logo,body.ww-app #nav .ww-studio-wordmark,body.ww-app #nav .ww-studio-wordmark>span,body.ww-app .app-footer-brand>a:first-child{font-weight:700!important}
.app-menu-column{display:flex;flex-direction:column;gap:16px;min-width:0}.app-menu-column section{margin:0}

/* Desktop navigation shares the header; compact screens retain the bottom dock. */
@media(min-width:800px){
  body.ww-app #nav>nav.app-dock{position:absolute!important;z-index:10002!important;top:9px!important;bottom:auto!important;width:min(500px,42vw)!important;height:60px!important;padding:3px!important;border:0!important;border-radius:18px!important;background:transparent!important}
  body.ww-app nav.app-dock a{border-radius:14px;font-size:11px;gap:4px}
  body.ww-app nav.app-dock .app-icon{font-size:23px}
  body.ww-app{padding-bottom:24px!important}
}

@media(min-width:800px) and (max-width:1100px){body.ww-app #nav{padding:0 20px!important}body.ww-app #nav .ww-studio-wordmark{font-size:14px!important;letter-spacing:.025em!important}body.ww-app #nav>nav.app-dock{width:40vw!important}.app-toolbar{gap:6px}.app-toolbar .theme-label{display:none}.app-toolbar .app-more summary{padding:10px 12px}}