.taal-hero {
  background: var(--blauw);
  color: white;
  padding: 64px 24px;
  text-align: center;
}
.taal-hero h1 { font-size: 32px; font-weight: 800; margin-bottom: 16px; max-width: 720px; margin-left: auto; margin-right: auto; }
.taal-hero p { color: rgba(255,255,255,0.9); font-size: 17px; max-width: 640px; margin: 0 auto 28px; line-height: 1.7; }

.taal-over-sectie { padding: 56px 24px; max-width: 720px; }
.taal-over-sectie h2 { font-size: 26px; font-weight: 800; color: var(--blauw); margin-bottom: 14px; }
.taal-over-sectie p { font-size: 16px; line-height: 1.8; color: var(--tekst); }

.taal-vacatures-sectie { padding: 0 24px 64px; }
.taal-vacatures-sectie h2 { font-size: 24px; font-weight: 800; color: var(--blauw); margin-bottom: 20px; }

.taal-vacatures-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.taal-vacature-kaart {
  display: block;
  background: white;
  border: 1px solid var(--grijs);
  border-radius: 12px;
  padding: 18px 20px;
  text-decoration: none;
  color: var(--tekst);
  transition: box-shadow .2s ease;
}
.taal-vacature-kaart:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.08); }
.taal-vacature-kaart h3 { font-size: 15px; font-weight: 700; color: var(--blauw); margin-bottom: 6px; }
.taal-vacature-kaart p { font-size: 13px; color: var(--tekst-zacht); }

.taal-alle-link { color: var(--oranje); font-weight: 700; text-decoration: none; font-size: 15px; }
.taal-alle-link:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .taal-hero h1 { font-size: 24px; }
}