.kc-kop{padding-bottom:var(--sp-5);border-bottom:1px solid var(--kleur-lijn)}
.kc-kop h1{margin-top:.6rem;max-width:20ch;overflow-wrap:break-word}
.kc-intro{margin-top:1.2rem;max-width:56ch}
@media (max-width:420px){
  
  .kc-kop h1{font-size:1.9rem}
}

.kc-woordenboek-link{
  display:inline-block;margin-top:var(--sp-4);font-weight:500;color:var(--kleur-cta-terracotta);
}
.kc-woordenboek-link:hover{color:var(--kleur-cta-terracotta-donker)}


.kc-artikel-lijst{border-top:1px solid var(--kleur-inkt)}
.kc-artikel{
  display:grid;grid-template-columns:7rem 1fr auto;gap:2rem;align-items:center;
  padding:1.6rem 0;border-bottom:1px solid var(--kleur-lijn);text-decoration:none;
}
.kc-foto{width:7rem;aspect-ratio:1;overflow:hidden;position:relative;background:var(--kleur-gebroken-wit)}
.kc-foto img{width:100%;height:100%;object-fit:cover}

.kc-categorie{
  display:block;font:700 .74rem/1 var(--font-sans);letter-spacing:.02em;
  color:var(--kleur-cta-terracotta);margin-bottom:.4rem;
}
.kc-artikel h3{margin:.2rem 0 .4rem;font-size:1.15rem;transition:color .2s}
.kc-artikel:hover h3{color:var(--kleur-cta-terracotta)}
.kc-artikel p{font-size:.92rem;margin:0}

.kc-lees{font-weight:500;font-size:.82rem;text-decoration:underline;text-underline-offset:.2em}
@media (max-width:700px){
  .kc-artikel{grid-template-columns:5rem 1fr;gap:1.2rem}
  .kc-foto{width:5rem}
  .kc-lees{display:none}
}

.kc-meer-volgt{margin-top:var(--sp-4);font-size:.9rem;color:var(--kleur-inkt-2)}


.kc-cta{position:relative;overflow:hidden}
.kc-cta-patroon{
  position:absolute;right:-4%;bottom:-18%;width:min(34vw,20rem);height:auto;
  opacity:.16;pointer-events:none;
}
.kc-cta .wrap{position:relative;z-index:1}

.kc-cta-tekst{display:flex;flex-direction:column;gap:1.4rem}

.kc-cta-link{
  display:inline-flex;align-items:center;gap:.5em;align-self:flex-start;
  font:500 .8rem/1 var(--font-sans);letter-spacing:.05em;
  color:inherit;text-decoration:underline;text-underline-offset:.25em;
  transition:opacity .18s ease;
}
.kc-cta-link:hover{opacity:.75}


.wb-navband{
  position:sticky;top:var(--kop-hoogte);z-index:55;
  background:var(--kleur-achtergrond);border-bottom:1px solid var(--kleur-lijn);
  box-shadow:var(--schaduw-zacht);
}
.wb-nav{
  display:flex;gap:1.6rem;align-items:center;overflow-x:auto;
  max-width:var(--max);margin-inline:auto;padding:.85rem var(--goot);
  scrollbar-width:none;contain:layout;
}
.wb-nav::-webkit-scrollbar{display:none}

.wb-nav a{
  font:500 .82rem/1 var(--font-sans);letter-spacing:.02em;color:var(--kleur-inkt-2);
  padding:.25em 0;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0;
}
.wb-nav a:hover,.wb-nav a:focus-visible{color:var(--kleur-cta-terracotta);border-color:var(--kleur-cta-terracotta)}


.wb-lijst{margin-top:var(--sp-3)}
.wb-groep{scroll-margin-top:calc(var(--kop-hoogte) + 3.75rem)}

.wb-letter{
  display:block;font-family:var(--font-serif);font-weight:400;font-size:1.9rem;
  color:var(--kleur-cta-terracotta);margin:var(--sp-6) 0 .3rem;
  font-variation-settings:"opsz" 40;padding-bottom:.4rem;border-bottom:1px solid var(--kleur-inkt);
}
.wb-groep:first-child .wb-letter{margin-top:0}
.wb-term{
  
  display:grid;grid-template-columns:16rem 1fr;gap:2.5rem;
  padding:1.5rem 0;border-bottom:1px solid var(--kleur-lijn);
}

.wb-term h3{font-size:1.1rem;font-weight:400}

.wb-term-def{max-width:60ch}
.wb-term-def p{margin:0 0 .8em}
.wb-term-def p:last-child{margin-bottom:0}
@media (max-width:700px){
  .wb-term{grid-template-columns:1fr;gap:.4rem}
}


.wb-afsluit-in{
  display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-5);align-items:center;
}
.wb-afsluit-in div{display:flex;flex-direction:column;gap:.3rem}

.wb-afsluit-in strong{font-family:var(--font-serif);font-size:1.15rem;font-weight:400}
.wb-afsluit-in span{color:var(--kleur-inkt-2);font-size:.92rem}
@media (max-width:800px){
  .wb-afsluit-in{grid-template-columns:1fr;text-align:left}
}