/* Alleen de volledige verwachtingspagina; gedeelde homepage-stijlen blijven intact. */
.page-verwachting .forecast-dashboard{gap:28px}
.page-verwachting .forecast-top-grid{grid-template-columns:minmax(0,1.22fr) minmax(310px,.78fr)}
.page-verwachting .forecast-dayparts-block .overline{color:#9bd4ed}
.page-verwachting .forecast-dayparts-block .forecast-updated{color:#bdd7e2}.page-verwachting .daypart-swipe-hint{color:#bdd7e2}
.page-verwachting .forecast-report-panel{border-radius:19px}
.page-verwachting .forecast-daypart-card{padding:15px;border-radius:13px;background:linear-gradient(155deg,#edf5f7,#dae9ed)}
.page-verwachting .forecast-daypart-name{font-size:18px;line-height:1.15;letter-spacing:-.025em}
.page-verwachting .forecast-daypart-copy small{font-size:11px;line-height:1.3}
.page-verwachting .forecast-daypart-temp{font-size:24px}
.page-verwachting .forecast-daypart-meta span{font-size:8px;line-height:1.3;letter-spacing:.04em}
.page-verwachting .forecast-daypart-meta strong{font-size:11px;line-height:1.3}
.page-verwachting .forecast-daypart-meta small{font-size:9px;line-height:1.3}
.page-verwachting .forecast-daypart-meta>div{padding:8px;border-radius:8px;background:#ddebef}
.page-verwachting .forecast-daypart-top{position:relative;min-height:64px;align-items:center}
.page-verwachting .forecast-daypart-top img{width:64px;height:64px;flex-basis:64px}
.page-verwachting .forecast-daypart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;padding-bottom:0;scroll-snap-type:none}
.page-verwachting .daypart-swipe-hint{display:none!important}
.page-verwachting .hourly-forecast-card{padding:0;border:0;border-radius:0;background:transparent;overflow:visible;color:#163d52}
.page-verwachting .forecast-hourly-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0;background:transparent}
.page-verwachting .forecast-hourly-heading h2{margin:0;color:#163d52;font-size:clamp(23px,2.4vw,30px);line-height:1.12;letter-spacing:-.035em}
.page-verwachting .forecast-hourly-heading .forecast-card-note{color:#587887;font-size:10px;white-space:nowrap}
.page-verwachting .hourly-chart-scroll{box-sizing:border-box;padding:0 0 8px;border:0;border-radius:0;background:transparent;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#80aebf transparent}
.page-verwachting .hourly-chart-scroll::-webkit-scrollbar{display:block;height:4px}
.page-verwachting .hourly-chart-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#80aebf}
.page-verwachting .forecast-hour-strip{display:flex;align-items:stretch;width:max-content;gap:8px}
.page-verwachting .forecast-hour-group{min-width:0;flex:none;width:calc(var(--hour-card-width,104px)*var(--hour-count) + 8px*(var(--hour-count) - 1))}
.page-verwachting .forecast-hour-group-title{margin:0 0 10px;color:#397792;font-size:12px;line-height:1.4;font-weight:900}
.page-verwachting .forecast-hour-group-title>span{position:sticky;left:0;display:inline-block;padding-right:12px;background:#e6eef1}
.page-verwachting .forecast-hour-group-title small{margin-left:5px;color:#708894;font-size:10px;font-weight:750}
.page-verwachting .forecast-hour-cards{display:flex;gap:8px}
.page-verwachting .forecast-hour-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex:0 0 var(--hour-card-width,104px);width:var(--hour-card-width,104px);scroll-snap-align:start;min-width:0;padding:12px 9px;border:1px solid #c1d3da;border-radius:14px;background-color:#e6eef1;background-image:linear-gradient(rgba(69,112,132,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(69,112,132,.04) 1px,transparent 1px),linear-gradient(155deg,rgba(255,255,255,.3),rgba(216,230,235,.18));background-size:23px 23px,23px 23px,100% 100%;text-align:center}
.page-verwachting .forecast-hour-card.is-night{background-color:#dce8ee}
.page-verwachting .forecast-hour-card time{color:#254d61;font-size:12px;font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums}
.page-verwachting .forecast-hour-card img{display:block;width:64px;max-width:100%;height:64px;margin:7px 0 4px;object-fit:contain}
.page-verwachting .forecast-hour-temperature{color:#b35f41;font-size:25px;font-weight:900;line-height:1.15;letter-spacing:-.04em}
.page-verwachting .forecast-hour-metric{align-self:stretch;display:grid;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(69,112,132,.12)}
.page-verwachting .forecast-hour-metric>span{color:#587887;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.page-verwachting .forecast-hour-metric>strong{color:#254d61;font-size:12px;line-height:1.2;font-weight:850}
.page-verwachting .forecast-hour-metric>small{color:#587887;font-size:10px;line-height:1.25;font-weight:750}
.page-verwachting .forecast-daily-block{padding:0;border:0;border-radius:0;background:transparent}
.page-verwachting .forecast-hour-nav{display:flex;gap:6px;flex:none}
.page-verwachting .forecast-hour-nav button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #bfd1d8;border-radius:11px;background:#edf4f6;color:#254d61;font:inherit;font-size:23px;line-height:1;cursor:pointer}
.page-verwachting .forecast-hour-nav button:disabled{opacity:.35;cursor:default}
.page-verwachting .forecast-hour-nav button:focus-visible{outline:2px solid #397792;outline-offset:3px}
@media(min-width:851px){
.page-verwachting .forecast-top-grid{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);align-items:start}
.page-verwachting .forecast-report-panel{display:flex;box-sizing:border-box;height:var(--forecast-report-height,auto)!important;max-height:none;min-height:0;overflow:hidden}
.page-verwachting .forecast-report-scroll{min-height:0;flex:1 1 auto;overflow-y:auto}
.page-verwachting .forecast-hourly-heading .forecast-card-note{display:none}
}
@media(max-width:850px){
.page-verwachting .forecast-top-grid{grid-template-columns:1fr}
.page-verwachting .forecast-report-panel{display:none}.page-verwachting .forecast-hour-nav{display:none}
.page-verwachting .hourly-chart-scroll{scroll-snap-type:x mandatory}
.page-verwachting .forecast-hour-card{padding:11px 5px}
.page-verwachting .forecast-hourly-heading .forecast-card-note{display:block}
}
@media(max-width:600px){
.page-verwachting .forecast-dashboard{gap:24px}
.page-verwachting .forecast-daypart-card{width:auto;flex:none;padding:11px;scroll-snap-align:none}
.page-verwachting .forecast-daypart-top{display:block;min-height:58px;padding-right:40px}
.page-verwachting .forecast-daypart-top img{position:absolute;top:0;right:-5px;width:58px;height:58px;flex-basis:58px}
.page-verwachting .forecast-daypart-copy{width:auto;min-width:0;padding-top:7px}
.page-verwachting .forecast-daypart-name{font-size:16px}
.page-verwachting .forecast-daypart-copy small{font-size:10px}
.page-verwachting .forecast-daypart-temp{font-size:22px}
.page-verwachting .forecast-daypart-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.page-verwachting .forecast-daypart-meta>div{padding:5px}
.page-verwachting .forecast-daypart-meta span{font-size:7.5px;letter-spacing:.025em}
.page-verwachting .forecast-daypart-meta strong{font-size:10px}
.page-verwachting .forecast-daypart-meta small{font-size:8.5px}
.page-verwachting .forecast-hourly-heading .forecast-card-note{display:block;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.page-verwachting .hourly-chart-scroll{scroll-behavior:auto}}

/* De landelijke tekst gebruikt dezelfde lichte card als de meetpuntenpanelen. */
.page-verwachting .forecast-report-panel.detail-side-card{padding:24px!important;color:var(--ink);box-shadow:none}
.page-verwachting .forecast-report-panel .forecast-panel-heading{padding:0;margin-bottom:14px}
.page-verwachting .forecast-report-panel .forecast-panel-heading h2{color:var(--ink)}
.page-verwachting .forecast-report-panel .overline{color:var(--muted)}
.page-verwachting .forecast-report-scroll{padding:0}
.page-verwachting .forecast-report-story,.page-verwachting .forecast-report-story strong{color:var(--ink)}
.page-verwachting .forecast-report-story p{font-size:inherit;line-height:inherit;color:inherit}