:root{--color-primary:#4f5fce;--color-primary-dark:#3a48a8;--color-bg:#fff;--color-text:#1a1a1a;--color-muted:#555;--color-border:#d0d0d8;--color-card-bg:#f4f5fb;--color-goed:#1f7a3d;--color-twijfel:#b8860b;--color-slecht:#c0392b;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius:.5rem;--max-width:75rem;--font-base:system-ui, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:var(--font-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}img{max-width:100%;display:block}.skip-link{background:var(--color-primary-dark);color:#fff;padding:var(--space-1) var(--space-2);z-index:100;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px}.site-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;flex-wrap:wrap;display:flex}.logo{align-items:center;gap:var(--space-1);font-size:1.25rem;font-weight:700;display:flex}.logo img{object-fit:contain;width:32px;height:32px}.nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.nav a{color:#fff;padding:var(--space-1);border-radius:var(--radius);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{text-decoration:underline}main{max-width:var(--max-width);padding:var(--space-3);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}h2{margin-bottom:var(--space-1);font-size:1.5rem}h3{margin-bottom:var(--space-1);font-size:1.1rem}hr{border:none;border-top:1px solid var(--color-border)}.cta{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background:var(--color-primary-dark)}.weather-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.weather-day{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);text-align:center}.weather-day h3{margin-bottom:var(--space-1)}.filter{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.filter select{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem}.cards{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));list-style:none;display:grid}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.card h3 a{color:var(--color-primary-dark);text-decoration:none}.card h3 a:hover{text-decoration:underline}.advies{padding-left:var(--space-1);border-left:4px solid;font-size:.95rem}.advies--goed{border-color:var(--color-goed);color:var(--color-goed)}.advies--twijfel{border-color:var(--color-twijfel);color:var(--color-twijfel)}.advies--slecht{border-color:var(--color-slecht);color:var(--color-slecht)}.breadcrumb a{color:var(--color-primary-dark);font-size:.9rem}.detail-main{max-width:var(--max-width);padding:var(--space-3);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.detail-artikel{gap:var(--space-4);flex-direction:column;display:flex}.detail-header h1{font-size:2rem;line-height:1.2}.detail-meta{color:var(--color-muted);margin-top:var(--space-1)}.advies--groot{padding:var(--space-2);border-radius:0 var(--radius) var(--radius) 0;background:var(--color-card-bg);border-left-width:5px;font-size:1.1rem}.weer-week{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));list-style:none;display:grid}.weer-dag-kaart{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);text-align:center;gap:var(--space-1);flex-direction:column;display:flex}.weer-dag-kaart h3{margin-bottom:0;font-size:1rem}.weer-dag-kaart .advies{border-left:none;margin-top:auto;padding-left:0;font-size:.8rem}.fout-melding{gap:var(--space-2);padding:var(--space-3);background:var(--color-card-bg);border-radius:var(--radius);border:1px solid var(--color-border);flex-direction:column;display:flex}