/* Scoped integration styles. The approved full page remains the primary surface. */
body{background:#eaf6fc}.wn-review-banner{font-size:10px;color:#54788f;padding:6px 4px}.hero{min-height:410px!important;background:linear-gradient(90deg,#07364bcf,#07364b33),url('./assets/hero-phu-quoc.jpg') center/cover!important;color:white!important}.hero-main{max-width:520px!important}.hero h1,.hero .hero-summary,.hero .hero-desc,.hero .hero-time,.hero .hero-number>span:first-child,.station-line{color:white!important}.hero .hero-number>span:first-child{font-size:86px!important}.hero-reason{background:#e4f4d8dd!important}.hero .hero-metrics{background:#0a3d52bb!important;border:1px solid #ffffff30;backdrop-filter:blur(6px)}.hero .hero-metrics span,.hero .hero-metrics b{color:#f5fdff!important}.hero[data-thermal]{background:linear-gradient(90deg,#07364bdf,#07364b33),url('./assets/hero-phu-quoc.jpg') center/cover!important}.thermal-description{background:#fff0bbdf!important;color:#73550a!important}.thermal-description small{line-height:1.5}.hero-photo-credit{display:block!important}.wn-map-host{height:650px;background:#052a3b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.wn-map-host iframe{display:block;flex:1;width:100%;min-height:0;border:0}.wn-map-status{margin:0;background:#073347;color:#d9f5f9;font-size:11px;line-height:1.5;padding:10px 12px}.wn-map-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.wn-map-controls button{min-height:44px;font:inherit;font-size:12px;border:1px solid #bcd8e5;border-radius:10px;background:white;color:#185373;padding:9px 12px}.wn-map-controls button[aria-pressed=true]{background:#087ca7;color:white}.wn-map-secondary{padding:20px;color:#527486;background:#eaf5f9;font-size:12px}.wn-bottom-nav{display:none}.wn-map-fullscreen{position:fixed;inset:0;z-index:10000;background:#062737;padding:8px;display:flex!important;flex-direction:column}.wn-map-fullscreen .wn-map-host{flex:1;height:auto}.wn-map-open{overflow:hidden}.wn-map-fullscreen .wn-map-controls{margin:0 0 8px}
@media(min-width:1061px){.dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr);gap:12px}.radar{grid-column:1!important;grid-row:1/span 4}.today{grid-column:2!important;grid-row:1}.ten-day{grid-column:2!important;grid-row:2}.marine{grid-column:3!important;grid-row:1}.decision{grid-column:3!important;grid-row:2}.weather-indicators{grid-column:3!important;grid-row:3}.comparison{grid-column:1/-1}.satellite-panel{grid-column:1}.sst-panel{grid-column:2}.gallery{grid-column:3}.future,.season,.longrange-panel,.source-health,.methods,.deep{grid-column:1/-1}.convection-panel{margin:12px 0}.wn-map-host{height:790px}.panel{padding:14px}.hero .hero-metrics{max-width:550px}}
@media(max-width:750px){body{padding-bottom:68px}.hero{min-height:360px!important;padding:24px 17px!important;border-radius:16px!important}.hero h1{font-size:25px}.hero .hero-number>span:first-child{font-size:72px!important}.hero .hero-main{max-width:none!important}.hero .hero-summary,.hero .hero-desc,.hero .hero-time,.station-line{color:#f0f9ff!important}.hero .hero-metrics span,.hero .hero-metrics b{color:white!important}.site-header .header-inside{height:54px}.site-header .nav-links{display:none!important}.dashboard{display:flex}.today{order:1}.ten-day{order:2}.radar{order:3}.marine{order:4}.wn-map-host{height:730px}.wn-map-status{font-size:10px}.wn-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;background:#063246f5;backdrop-filter:blur(12px);padding:8px 5px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 12px #05283f30}.wn-bottom-nav a{color:#e6faff;text-decoration:none;font-size:10px;min-height:42px;display:grid;place-items:center;padding:0 5px}.wn-map-fullscreen{padding:6px}.wn-map-controls button{flex:1}.panel-title h2{font-size:17px}}

@media(min-width:1061px){.convection-panel{grid-column:3!important;grid-row:2;margin:0}.decision{grid-row:4}.weather-indicators{grid-row:3}.convection-row{display:block}.convection-row span{display:block;margin-top:4px}.convection-panel h2{font-size:16px}.convection-notice{font-size:12px}}
@media(min-width:1061px){.wn-column{display:flex;flex-direction:column;gap:12px;min-width:0}.wn-column-map{grid-column:1;grid-row:1}.wn-column-forecast{grid-column:2;grid-row:1}.wn-column-aside{grid-column:3;grid-row:1}.wn-column .panel{width:100%;box-sizing:border-box}.wn-map-host{height:650px}.weather-indicators{grid-column:1/-1!important;grid-row:auto!important}.hero{min-height:385px!important}.hero .hero-number>span:first-child{font-size:76px!important}}
.thermal-description small{display:none}.hero-reason{padding:10px 14px!important}.hero-reason p{font-size:11px!important}.hero .hero-metrics{margin:9px 0 3px!important;padding:8px 3px!important}