.point-bar,.point-footer{display:flex;align-items:center;padding:15px 28px;background:linear-gradient(130deg,var(--ce37c75972,#082f4b),var(--c289fb3f04,#041526))}
.point-bar{justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center}
.brand img{display:block;width:clamp(180px,24vw,283.2px);height:auto;border-radius:4px}
.back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 15px;border:1px solid var(--cd394bfa59,#48818e);border-radius:24px;background:var(--cb72a28067,#071e30);color:var(--cc3b3d4bbe,#cbf5f8);font-size:13px;font-weight:700;text-decoration:none}
.back span{font:20px/1 Arial,sans-serif;color:var(--cd2e3ba344,#82edfa)}
.back:hover,.back:focus-visible{background:var(--cf962a77d8,#103749);border-color:var(--cyan2)}
.point-footer{justify-content:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line)}
.public-hero h1{font-size:clamp(30px,4.2vw,54px);letter-spacing:-.025em}
.load-state{padding:20px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
.load-state p{margin:0 0 10px}
.load-state a,.load-state button{color:var(--cyan2);text-decoration:underline}
.load-state button{background:none;border:0;cursor:pointer;font:inherit;margin-left:12px}
@media(max-width:650px){body{padding:6px}.public-page{border-radius:16px}.point-bar{padding:12px}.brand img{width:clamp(108.9px,39.6vw,165px)}.back{font-size:12px;padding:7px 10px}.public-hero{gap:13px;padding:17px 14px}.public-content{padding:10px}.point-footer{padding:12px}}
.point-bar{background:var(--cf3cb8ad0f,#00000b)}
.region-chart{position:relative;z-index:1;min-width:0;margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--caea270566,#246477);isolation:isolate}
#region-map{width:100%;height:clamp(186px,18vw,235px);background:var(--caea270566,#246477);z-index:0}
.region-chart figcaption{position:absolute;bottom:14px;left:8px;z-index:1;max-width:75%;padding:5px 9px;background:var(--c2e8b68e69,#031522ec);color:var(--c3c3b6b573,#bcf5fc);border:1px solid var(--ce66458f55,#487784);border-radius:16px;font-size:10px;font-weight:750;pointer-events:none}
.selected-station{border:3px solid var(--c64dfbe172,#fff4d3);border-radius:100%;background:var(--ce0ac9b890,#ff944a);box-shadow:0 0 0 4px var(--c5293321a0,#071e30b0),0 0 0 7px var(--c83d1072e1,#ffd7a13b)}
#region-description{margin:0 0 12px;font-size:12px;line-height:1.35}
@media(max-width:650px){#region-description{font-size:11px}}
#region-map{cursor:default;touch-action:pan-y}
.weather-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:880px}
.weather-table-wrap td,.weather-table-wrap th{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line2)}
.weather-table-wrap th{color:var(--muted);font-size:10px;text-transform:uppercase}

.point-bar .brand{margin-block:-3px}
@media(max-width:650px){.point-bar .brand{margin-block:-1px}}

.region-map-tools .map-tools button,.forecast-end-share button{width:100%}
.forecast-end-share{justify-self:center;width:460px;max-width:100%}
.forecast-end-share[hidden]{display:none}
@media(max-width:900px){
  .forecast-end-share{width:calc(100% - 20px)}
}
@media(max-width:650px){
  .forecast-end-share{width:calc(100% - 8px)}
}