:root{color-scheme:light dark}body{margin:0;font-family:system-ui,sans-serif}.page{max-width:640px;margin:0 auto;padding:2rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.content-page__back{align-self:flex-start;font-size:.85rem;color:#2563eb;text-decoration:none}.content-page__back:hover{text-decoration:underline}.content-page{padding:1.25rem 1.5rem;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.9rem}.content-page h1{margin:0;font-size:1.3rem;font-weight:700;color:#0f172a}.content-page p{margin:0;font-size:.95rem;line-height:1.6;color:#1e293b}.site-header{background:#ffffff;border-bottom:1px solid #e2e8f0}.site-header__inner{max-width:1100px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-header{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.logo{margin:0;align-self:flex-start}.logo,.logo__link{display:inline-flex}.logo__link{text-decoration:none}.logo__image{height:48px;width:auto}.logo__image--dark{display:none}@media (prefers-color-scheme:dark){.logo__image--light{display:none}.logo__image--dark{display:block}}.tagline{margin:0;font-size:.85rem;font-weight:500;font-style:italic;letter-spacing:.03em;color:#0b5fcb}.language-switcher{position:relative;flex-shrink:0}.language-switcher__trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;cursor:pointer}.language-switcher__code{font-size:.85rem;font-weight:700;color:#1e3a8a}.language-switcher__flag{font-size:1.1rem;line-height:1}.language-switcher__menu{position:absolute;top:calc(100% + .4rem);inset-inline-end:0;width:220px;max-height:320px;background:#ffffff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 8px 24px rgba(15,23,42,.12);display:flex;flex-direction:column;z-index:20;overflow:hidden}.language-switcher__search{margin:.5rem;padding:.4rem .6rem;border:1px solid #cbd5e1;border-radius:.4rem;font-size:.9rem}.language-switcher__list{list-style:none;margin:0;padding:0 .4rem .5rem;overflow-y:auto}.language-switcher__option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border:none;background:none;border-radius:.4rem;font-size:.9rem;text-align:start;cursor:pointer}.language-switcher__option:hover,.language-switcher__option[aria-selected=true]{background:#eff6ff}.language-switcher__empty{padding:.5rem;font-size:.85rem;color:#64748b;text-align:center}.card-icon{width:40px;height:40px}.card-icon,.primary-card__icon{object-fit:contain;flex-shrink:0}.primary-card__icon{width:64px;height:64px}.mock-badge{align-self:flex-start;background:#fef08a;color:#713f12;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .6rem;border-radius:999px}.location-search{position:relative;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#eff6ff;padding:1rem 1.25rem;border-radius:.5rem}.location-search__dropdown{position:absolute;top:100%;left:0;right:0;margin:.35rem 0 0;padding:.25rem 0;list-style:none;background:#ffffff;border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 4px 12px rgba(15,23,42,.12);max-height:280px;overflow-y:auto;z-index:20}.location-search__section-label{padding:.4rem .85rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.location-search__option{padding:.5rem .85rem;font-size:.95rem;color:#1e293b;cursor:pointer}.location-search__option--highlighted,.location-search__option:hover{background:#eff6ff}.location-search__province{-webkit-margin-start:.35rem;margin-inline-start:.35rem;font-size:.75rem;color:#94a3b8}.location-search label{font-size:.875rem}.location-search input{flex:1 1;min-width:160px;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem}.location-search__hint{flex-basis:100%;margin:0;font-size:.8rem;color:#64748b}.location-search button{padding:.5rem 1rem;border:none;border-radius:.5rem;background:#2563eb;color:white;font-size:.95rem;cursor:pointer}.location-search__geo-button{background:#475569}.location-search button:disabled{opacity:.6;cursor:default}.status-banner{padding:.5rem .75rem;border-radius:0;font-size:.875rem;background:#e2e8f0;color:#334155}.status-banner--actueel{background:#dbeafe;color:#1e3a8a}.status-banner--verlopen{background:#fee2e2;color:#7f1d1d}.primary-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:2rem 1rem;border-radius:0;background:#eff6ff}.primary-card__now{position:absolute;top:.75rem;inset-inline-start:.85rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.primary-card__location{font-size:1.1rem;font-weight:600}.primary-card__favorite{-webkit-margin-start:.4rem;margin-inline-start:.4rem;padding:0;border:none;background:none;font-size:1rem;line-height:1;vertical-align:middle;color:#cbd5e1;cursor:pointer}.primary-card__favorite--active{color:#f59e0b}.primary-card__temperature-row{display:flex;align-items:center;gap:.75rem}.primary-card__temperature{font-size:4rem;font-weight:700;line-height:1;margin:0}.primary-card__unit{font-size:2rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem;font-weight:500}.uv-card{padding:.75rem 1rem;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.6rem}.uv-card__title{margin:0;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.uv-card__map-svg{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;direction:ltr}.uv-card__map-sea{fill:#eff6ff}.uv-card__main{display:flex;align-items:center;gap:.9rem}.uv-card__pin{flex-shrink:0}.uv-card__value-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem}.uv-card__value{font-size:2.25rem;font-weight:700;line-height:1}.uv-card__category{font-size:1rem;font-weight:700}.uv-card__station-note{margin:0;font-size:.8rem;color:#64748b}.uv-card__description{margin:0;font-size:.9rem}.uv-card__legend{display:flex;flex-direction:column;gap:.4rem;margin:0;padding-top:.5rem;border-top:1px solid #e2e8f0}.uv-card__legend-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:#475569}.uv-card__legend-row--active{font-weight:600;color:#0f172a}.uv-card__legend-swatch{width:10px;height:10px;margin-top:.2rem;border-radius:2px;flex-shrink:0}.uv-card__legend-text{flex:1 1}.uv-card__legend-range{font-weight:700;-webkit-margin-end:.3rem;margin-inline-end:.3rem}.uv-card__legend-name{font-weight:700;-webkit-margin-end:.2rem;margin-inline-end:.2rem}.uv-card__source{margin:.75rem 0 0;font-size:.75rem;color:#94a3b8}.measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.measurement-tile{padding:1rem;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0}.measurement-tile__label{font-size:.8rem;color:#64748b;margin:0 0 .25rem}.measurement-tile__value-row{display:flex;align-items:center;gap:.5rem}.measurement-tile__value{font-size:1.5rem;font-weight:600;margin:0}.measurement-tile__detail{font-size:.8rem;color:#64748b;margin:.25rem 0 0}.station-card{padding:.65rem .75rem;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0}.station-card h2{margin:0 0 .35rem;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.station-card__body{display:flex;align-items:center;gap:.6rem}.station-card dl{display:grid;grid-template-columns:auto 1fr;grid-gap:.15rem .6rem;gap:.15rem .6rem;margin:0}.station-card dt{color:#64748b;font-size:.8rem}.station-card dd{margin:0;font-size:.88rem}.nl-map{padding:.75rem;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.nl-map h2{align-self:flex-start;margin:0;font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.nl-map__updated-at{align-self:flex-start;margin:0;font-size:.75rem;color:#94a3b8}.nl-map__svg{width:100%;max-width:340px;height:auto;direction:ltr}.nl-map__sea{fill:#eff6ff}.nl-map__outline{fill:#2563eb;stroke:#2563eb;stroke-width:1.5;stroke-linejoin:round}.nl-map__halo{fill:#fde68a;opacity:.55}.nl-map__dot{fill:#ffffff;stroke:#2563eb;stroke-width:2.4}.nl-map__chip{fill:#ffffff;stroke:#2563eb;stroke-width:1}.nl-map__label{font-size:14px;font-weight:600;fill:#1e3a8a}.nl-map__label--selected{font-size:16px;font-weight:700;fill:#1e3a8a}.attribution{font-size:.8rem;color:#64748b;margin:0}.site-footer{margin-top:1rem;padding-top:1rem;padding-bottom:2rem;border-top:1px solid #e2e8f0}.site-footer__inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.site-footer__links{display:flex;gap:1rem}.site-footer__link{font-size:.8rem;color:#2563eb;text-decoration:none}.site-footer__link:hover{text-decoration:underline}.site-footer__copyright{margin:.75rem 0 0;padding:0 1.5rem;font-size:.75rem;color:#94a3b8;text-align:center}