/* Keep the day choice with the map, not several panels above it. */
.forecast-page .site-header{position:relative}
.forecast-main{padding-top:0}
.forecast-intro{padding:30px clamp(24px,5vw,76px) 24px;gap:24px}
.forecast-intro h1{font-size:clamp(32px,3.2vw,49px);line-height:1.08;margin-bottom:12px}
.forecast-intro>div>p{font-size:16px;max-width:740px}
.forecast-intro .weather-provider-credit{font-size:13px;margin-top:7px}
.forecast-share-jump{margin-top:12px;padding:8px 10px;box-shadow:none}
.forecast-day-picker{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:190px minmax(190px,.8fr) minmax(0,2fr);box-shadow:0 4px 14px #153f3210}
.forecast-day-picker-head{padding:12px 15px;display:flex;flex-direction:column;justify-content:center}
.forecast-day-picker-head h2{font:750 15px/1.3 var(--sans)}
#forecast-selected-day{font-size:12px;line-height:1.4;margin-top:4px;color:#526159}
.forecast-day,.forecast-primary-day{min-height:70px;padding:9px 6px;gap:3px}
.forecast-primary-day strong{font-size:18px}
.forecast-day small{font-size:12px}
.forecast-primary-days,.forecast-days{grid-template-columns:repeat(var(--day-count,2),minmax(0,1fr))}
.forecast-day-picker.has-one-weekend-day{grid-template-columns:190px minmax(115px,.4fr) minmax(0,2.4fr)}
.forecast-other-days>p{display:none}
.forecast-mobile-days{display:none}
.forecast-day:focus-visible,.forecast-mobile-days select:focus-visible{outline:3px solid #b58321;outline-offset:-4px}
.forecast-map-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;color:#526159;font-size:13px}
.forecast-map-context p{margin:0}.forecast-map-context a{flex:none;text-decoration:underline}
.forecast-workspace{margin-top:0;min-height:0}
.forecast-map-column{display:grid;grid-template-rows:minmax(clamp(530px,65vh,720px),1fr) auto auto;background:#9fd8ec}
.forecast-map-shell{min-height:0;height:auto;background:#9fd8ec}
#forecast-map{position:absolute;inset:0;min-height:0;height:100%;background:#9fd8ec}
#forecast-map[data-map-style="leisure"],#forecast-map[data-map-style="leisure-free"]{background:#c1e7fc}
.forecast-map-column>.forecast-map-key{position:static;max-width:none;gap:10px 18px;padding:14px 16px;border:0;border-top:1px solid #c9c1b0;border-radius:0;box-shadow:none;background:#fffdf8;font-size:12px}
.forecast-map-column>.forecast-map-key b{display:inline;font-size:11px}
.forecast-map-column>.forecast-map-key i{width:11px;height:11px}
.forecast-map-shell .ol-attribution{max-width:calc(100% - 12px)}
.forecast-map-caption{font-size:12px;line-height:1.5}
.ranking-note{font-size:12px}
.forecast-ranking{padding:23px 22px 18px}
.forecast-ranking-head h2{font-size:29px}
.ranking-copy strong{white-space:normal;line-height:1.2}
.forecast-day-review{box-shadow:none;padding:20px 24px;gap:22px}
.forecast-day-review h2{font-size:25px}
.forecast-options,.forecast-trip-details{margin-top:18px;border:1px solid #cec7b7;background:#faf9f3}
.forecast-options>summary,.forecast-trip-details>summary{padding:17px 20px;cursor:pointer;font-weight:750;min-height:52px}
.forecast-options>summary span{font-size:12px;color:#607166;margin-left:10px;font-weight:500}
.forecast-basis-control{margin:0;border:0;border-top:1px solid #cec7b7}
.forecast-trip-planner{margin:0;border:0;border-top:1px solid #cec7b7}
.forecast-confidence-note p{font-size:13px}
.forecast-share{scroll-margin-top:100px}
.forecast-share-grid.has-one-card{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto}
#forecast-options,#forecast-workspace,.peak-detail{scroll-margin-top:110px}
@media(max-width:900px){
 .forecast-day-picker,.forecast-day-picker.has-one-weekend-day{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .forecast-day-picker-head{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px}
 #forecast-selected-day{margin:0}
 .forecast-primary-days{grid-template-columns:repeat(var(--day-count,2),minmax(0,1fr))}
 .forecast-other-days{grid-column:auto}
 .forecast-mobile-days{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 12px;border-left:1px solid #d7d0c1;font-size:11px;font-weight:750}
 .forecast-mobile-days select{width:100%;min-height:38px;padding:5px;background:#fffdf8;border:1px solid #c1c8be;color:#153f32;font:600 14px var(--sans)}
 .forecast-other-days{display:none}
 .forecast-workspace{grid-template-columns:1fr}
 .forecast-map-column{grid-template-rows:minmax(440px,min(58svh,620px)) auto auto}
}
@media(max-width:600px){
 .forecast-intro{padding:20px 16px 18px}.forecast-intro h1{font-size:32px;max-width:360px}
 .forecast-intro>div>p{font-size:14px;line-height:1.5}.forecast-freshness{margin-top:12px;font-size:11px}
 .forecast-explorer{padding:0 12px 36px}
 .forecast-day-picker,.forecast-day-picker.has-one-weekend-day{display:grid;overflow:visible;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .forecast-day,.forecast-primary-day{min-height:61px;border-top:1px solid #d7d0c1}
 .forecast-primary-day strong{font-size:14px}.forecast-primary-day small{margin:0}
 .forecast-mobile-days{border-top:1px solid #d7d0c1;padding:5px 8px}
 .forecast-day-picker-head h2{font-size:13px}#forecast-selected-day{font-size:11px}
 .forecast-map-context{display:block;padding:9px 2px;font-size:12px}.forecast-map-context a{display:inline-block;margin-top:5px}
 .forecast-map-column{grid-template-rows:minmax(400px,56svh) auto auto}
 .forecast-workspace{margin-top:0}.forecast-day-review{padding:18px;display:block}.forecast-day-review>p{margin-top:10px}
 .forecast-options>summary span{display:block;margin:5px 0 0}
 .forecast-share header{gap:12px}.forecast-share header h2{font-size:30px}
}
