:root{color-scheme:light dark}body{margin:0;font-family:system-ui,sans-serif}.page{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.logo{margin:0;display:inline-flex;align-self:flex-start}.logo__image{height:40px;width:auto}.logo__image--dark{display:none}@media (prefers-color-scheme:dark){.logo__image--light{display:none}.logo__image--dark{display:block}}.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{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.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:.5rem;font-size:.875rem;background:#e2e8f0}.status-banner--actueel{background:#dcfce7;color:#14532d}.status-banner--verlopen{background:#fee2e2;color:#7f1d1d}.primary-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:2rem 1rem;border-radius:1rem;background:#eff6ff}.primary-card__location{font-size:1.1rem;font-weight:600}.primary-card__temperature{font-size:4rem;font-weight:700;line-height:1;margin:0}.primary-card__unit{font-size:2rem;margin-left:.25rem;font-weight:500}.measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.measurement-tile{padding:1rem;border-radius:.75rem;background:#f8fafc;border:1px solid #e2e8f0}.measurement-tile__label{font-size:.8rem;color:#64748b;margin:0 0 .25rem}.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:1rem;border-radius:.75rem;background:#f8fafc;border:1px solid #e2e8f0}.station-card h2{margin:0 0 .5rem;font-size:1rem}.station-card dl{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem .75rem;gap:.25rem .75rem;margin:0}.station-card dt{color:#64748b;font-size:.85rem}.station-card dd{margin:0;font-size:.95rem}.attribution{font-size:.8rem;color:#64748b}