/* Alleen de indeling van de meetpuntpagina. Kaarten, patroon en kleuren komen uit site.css. */
.meetpunt-page{padding-bottom:76px}
.meetpunt-stage-controls{display:flex;align-items:end;justify-content:flex-end}
.meetpunt-select-label{display:grid;gap:7px;width:300px;color:#a2d5e8;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.meetpunt-select-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.meetpunt-select-top span:last-child{color:#c9e0ea;font-size:10px;text-align:right;white-space:nowrap;letter-spacing:0;text-transform:none}
.meetpunt-select-label select{width:100%;min-height:43px;padding:0 12px;border:1px solid rgba(197,231,248,.35);border-radius:10px;background:#164664;color:#fff;font:800 13px Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.meetpunt-stage-summary{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,.62fr);gap:22px;align-items:end;padding:24px 2px 0;border-top:1px solid rgba(177,222,244,.22)}
.meetpunt-temperature{display:grid;gap:2px}.meetpunt-temperature>span,.meetpunt-summary-items span{color:#9bd4ed;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.meetpunt-temperature strong{font-size:clamp(56px,7vw,88px);font-weight:900;letter-spacing:-.07em;line-height:1;font-variant-numeric:tabular-nums}.meetpunt-temperature small{color:#c9e0ea;font-size:12px;font-weight:800}
.meetpunt-summary-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.meetpunt-summary-items>div{padding-left:16px;border-left:1px solid rgba(177,222,244,.25)}.meetpunt-summary-items strong{display:block;margin-top:7px;color:#fff;font-size:clamp(17px,2vw,24px);font-weight:900;line-height:1.15;white-space:nowrap}
.meetpunt-current{margin-top:46px;padding-bottom:0}.meetpunt-current .observations-heading,.meetpunt-day .observations-heading{margin-bottom:18px}
.meetpunt-readings.extreme-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.meetpunt-day-grid.extreme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.meetpunt-metric.extreme-card{min-width:0;min-height:84px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.meetpunt-metric .extreme-card-value{margin-top:0;font-size:clamp(22px,2.05vw,29px);overflow:hidden;text-overflow:ellipsis}
.meetpunt-graphs{margin-top:34px;padding:clamp(18px,2.1vw,25px)}.meetpunt-graphs .card-head{align-items:end}.meetpunt-chart-state{color:#b9dae8;font-size:11px;font-weight:800;text-align:right}
.meetpunt-chart-tabs{display:flex;gap:7px;margin-bottom:13px;max-width:100%;overflow-x:auto;scrollbar-width:thin}.meetpunt-chart-tabs::after{content:"";flex:0 0 12px}.meetpunt-chart-tabs button{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(197,231,248,.35);border-radius:10px;background:rgba(155,211,237,.12);color:#e8f8fe;font-size:11px;font-weight:850}.meetpunt-chart-tabs button:hover{background:rgba(155,211,237,.24)}.meetpunt-chart-tabs button.is-active{border-color:#e3f2f9;background:#e3f2f9;color:#17486b}
.meetpunt-chart-panel.map-feature{display:block;min-width:0;width:100%;min-height:290px;padding:clamp(15px,1.6vw,19px);box-shadow:none;background:linear-gradient(155deg,#e8f1f4,#d7e6eb)}
.meetpunt-chart{width:100%;min-width:0}.meetpunt-chart-panel header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.meetpunt-chart-panel h3{margin:0;font-size:clamp(20px,2vw,27px);letter-spacing:-.035em}.meetpunt-chart-panel header span{color:var(--muted);font-size:11px;font-weight:800}
.meetpunt-chart-panel svg{display:block;width:100%;height:215px;margin-top:9px;overflow:visible}.meetpunt-chart-panel .chart-gridline{stroke:rgba(81,121,141,.19);stroke-width:.8}.meetpunt-chart-panel .chart-gridline--time{stroke:rgba(81,121,141,.13)}.meetpunt-chart-panel .chart-axis{fill:#607b8a;font:750 10px Inter,system-ui,sans-serif}.meetpunt-chart-panel .chart-line{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.meetpunt-chart-panel .chart-line--dotted{stroke-width:1.5;stroke-linecap:round;stroke-dasharray:.1 3.4;opacity:.72}
.meetpunt-chart-panel .meetpunt-chart-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 9px;margin-top:8px}.meetpunt-chart-legend button{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#527684;font-size:11px;font-weight:800;line-height:1.25;cursor:pointer}.meetpunt-chart-legend button:hover,.meetpunt-chart-legend button:focus-visible{background:rgba(66,132,166,.1)}.meetpunt-chart-legend button[aria-pressed="false"]{opacity:.46}.meetpunt-chart-legend button i{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%}.meetpunt-chart-legend button i.is-dotted{flex-basis:14px;width:14px;height:4px;border-radius:0;background:radial-gradient(circle,#3f9fd0 1px,transparent 1.2px) 0 50%/4px 4px repeat-x!important}
.meetpunt-day{margin-top:43px}
@media(max-width:950px){.meetpunt-readings.extreme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meetpunt-stage-summary{grid-template-columns:1fr}.meetpunt-summary-items>div:first-child{padding-left:0;border-left:0}.meetpunt-stage-controls{display:grid;justify-items:end}}
@media(max-width:650px){.meetpunt-page{padding-bottom:64px}.meetpunt-stage-controls{display:block}.meetpunt-select-label{width:100%}.meetpunt-stage-summary{padding:18px 0 0;gap:20px}.meetpunt-temperature strong{font-size:66px}.meetpunt-summary-items{gap:6px}.meetpunt-summary-items>div{padding-left:8px}.meetpunt-summary-items strong{font-size:13px;white-space:normal}.meetpunt-summary-items span{font-size:8px}.meetpunt-current{margin-top:32px}.meetpunt-readings.extreme-grid,.meetpunt-day-grid.extreme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meetpunt-metric.extreme-card{min-height:76px}.meetpunt-metric .extreme-card-value{font-size:25px}.meetpunt-graphs{margin-top:27px}.meetpunt-graphs .card-head{display:block}.meetpunt-chart-state{display:block;margin-top:7px;text-align:left}.meetpunt-chart-tabs{margin-right:0}.meetpunt-chart-panel.map-feature{min-height:255px;padding:12px}.meetpunt-chart-panel svg{height:175px}.meetpunt-day{margin-top:34px}}

.meetpunt-temperature-wind{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.meetpunt-wind{flex:0 0 82px;text-align:center}
.meetpunt-wind svg{display:block;width:82px;height:82px;overflow:visible}
.meetpunt-wind>span{color:#c9e0ea;font-size:12px;font-weight:700}

/* Wind remains in the right column; its heading starts at that column's left edge. */
.meetpunt-wind-block{display:grid;justify-items:start;text-align:left;gap:6px;flex:0 0 82px;padding-right:3px}
.meetpunt-summary-label{color:#9bd4ed;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.meetpunt-wind{display:flex;flex-direction:column;align-items:center;width:82px}
@media(min-width:951px){.meetpunt-stage-summary{grid-template-columns:1fr}}