.tek-vel{position:relative}
.tek{display:block;width:100%;height:auto;overflow:visible}
.tek .lijn{stroke:var(--gips-3);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.tek .zacht{stroke:var(--gips-3);stroke-width:1;fill:none;opacity:.45;vector-effect:non-scaling-stroke}
.tek .slag{stroke-dasharray:3 3}
.tek .koper{stroke:var(--koper-licht);stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke}
.tek .licht{stroke:var(--koper-licht);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.tek .vul{opacity:.5}
.tek .oppervlak{stroke:var(--koper-licht);stroke-width:1.3;fill:none;vector-effect:non-scaling-stroke}
.tek .donker{stroke:var(--gips-3);stroke-width:1;fill:none;opacity:.5;vector-effect:non-scaling-stroke}
.tek .leeg{fill:var(--tek-bg,var(--nacht))}
.tl{position:absolute;transform:translateY(-50%);font-family:var(--mono);font-size:11.5px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--gips-3);white-space:nowrap;pointer-events:none}
.tl-m{transform:translate(-50%,-50%)}
.tl-e{transform:translate(-100%,-50%)}
.tl-k{color:var(--koper-licht)}
.nw{white-space:nowrap}
.tl-kamer{text-align:center;line-height:1.5}
.tek.tek-smal,.tek-vel.tek-smal{display:none}
@media (max-width:640px){.tek.tek-breed,.tek-vel.tek-breed{display:none}.tek.tek-smal,.tek-vel.tek-smal{display:block}}
.tl-kamer b{display:block;font-weight:400}
.kop .intro>div{grid-column:1/9}
.kop .intro>p{grid-column:9/13}
.terug{margin:0 0 clamp(22px,3vw,40px) -2px}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:clamp(28px,3vw,40px);font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3)}
.art-meta b{font-weight:400;color:var(--gips)}
.art-meta i{font-style:normal;color:var(--lijn);opacity:1}
.kort{margin-top:clamp(44px,5vw,72px)}
.kort .label{margin-bottom:22px}
.kort .grootboek dd b{font-size:clamp(26px,2.3vw,34px);line-height:1.08}
.kort .grootboek dd span.nw{display:inline;max-width:none}
@media (max-width:980px){.kop .intro>div,.kop .intro>p{grid-column:1/13}}
@media (max-width:560px){
  .kort .grootboek div,.kort .grootboek div+div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:0 16px;padding:16px 0}
  .kort .grootboek dt{margin:7px 0 0}
  .kort .grootboek dd b{font-size:23px;margin-bottom:4px}
}
.art-sectie{padding-top:clamp(56px,6vw,96px)}
.art{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.art-body{grid-column:3/11;min-width:0}
.art-body{font-size:18px;line-height:1.72;color:var(--gips-2)}
.art-tekst{max-width:29.5em}
.art-tekst p+p,.art-tekst p+.vier,.vier+p{margin-top:22px}
.art-open p:first-child{font-size:20px;line-height:1.6;color:var(--gips)}
.art-deel{margin-top:clamp(80px,8vw,120px)}
.art-deel>h2,.art-oproep h2{font-size:clamp(34px,3.3vw,50px);line-height:1.04;max-width:15ch;margin-bottom:30px}
.art-nr{display:block;font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.18em;color:var(--koper-licht);margin-bottom:18px}
.vier{list-style:none;margin:0;padding:0}
.vier li{position:relative;padding:24px 0;border-top:1px solid var(--lijn-zacht)}
.vier li:last-child{border-bottom:1px solid var(--lijn-zacht)}
.vier strong{display:block;font-family:var(--display);font-weight:400;font-size:25px;line-height:1.2;margin-bottom:8px}
.slotzin{font-family:var(--display);font-size:clamp(24px,2.2vw,30px);line-height:1.25;color:var(--gips);max-width:24ch}
.art-tekst .slotzin{margin-top:36px}
.art-fig{margin:clamp(44px,5vw,64px) 0}
.art-fig figcaption{margin-top:20px;padding-top:14px;border-top:1px solid var(--lijn-zacht);font-size:14.5px;line-height:1.55;color:var(--gips-3);max-width:62ch}
.art-fig .fc-tekst{display:block;max-width:62ch}
.art-fig .twee ~ figcaption{max-width:780px}
.art-plan figcaption{max-width:620px}
@media (max-width:640px){.art-plan figcaption{max-width:440px}}
.art-fig .nrij ~ figcaption{border-top:0;padding-top:0;margin-top:18px}
.twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;max-width:780px}
.twee-onder{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:15px;line-height:1.5;color:var(--gips-2)}
.twee-onder span{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--koper-licht)}
@media (max-width:700px){.twee{grid-template-columns:1fr;gap:32px}}
.nrij{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 28px;align-items:center;padding:18px 0;border-top:1px solid var(--lijn-zacht)}
.nrij:last-of-type{border-bottom:1px solid var(--lijn-zacht)}
.nrij-kop b{display:block;font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1;color:var(--gips)}
.nrij-kop>span{display:block;margin-top:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3)}
.nrij-he .nrij-kop b,.nrij-he .nrij-kop>span{color:var(--koper-licht)}
@media (max-width:640px){.nrij{grid-template-columns:1fr;gap:10px}.nrij-kop{display:flex;align-items:baseline;gap:14px}.nrij-kop>span{margin:0}}
.niveau{margin-top:44px;padding-top:22px;border-top:1px solid var(--lijn);position:relative}
.niveau-he::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--koper-diep),var(--koper-licht))}
.niveau-kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}
.niveau-label{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gips-3)}
.niveau-label b{font-weight:400;color:var(--koper-licht)}
.niveau-getal{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3);white-space:nowrap}
.niveau-getal b{font-family:var(--display);font-weight:400;font-size:40px;line-height:1;letter-spacing:-.01em;color:var(--gips)}
.niveau-he .niveau-getal b{color:var(--koper-licht)}
.niveau h3{font-size:clamp(27px,2.4vw,34px);line-height:1.1;margin-bottom:16px}
.niveau-wat{display:inline-block}
.art-citaat{margin:clamp(72px,8vw,112px) 0 0}
.art-citaat blockquote{margin:0}
.art-citaat .citaat{max-width:15ch}
@media (max-width:640px){.art-citaat .citaat{text-indent:0}}
.art-citaat figcaption{margin-top:24px;font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3)}
.art-kies .stappen{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
.art-kies .stap p{max-width:32ch}
@media (max-width:980px) and (min-width:761px){
  .art-kies .stap:nth-child(3){border-left:1px solid var(--lijn-zacht);padding-left:24px}
  .art-kies .stap:nth-child(3)::before{left:-4px}
  .art-kies .stap{padding-bottom:0}
}
@media (max-width:760px){
  .art-kies .stappen{grid-template-columns:1fr}
  .art-kies .stap,.art-kies .stap:nth-child(3){border-left:0;padding:30px 0;border-bottom:1px solid var(--lijn-zacht)}
  .art-kies .stap::before,.art-kies .stap:nth-child(3)::before{left:0}
}
.mengen{margin-top:clamp(48px,5vw,64px)}
.mengen strong{font-family:var(--display);font-weight:400;font-size:25px;display:block;margin-bottom:8px}
.art-plan .tek-vel{max-width:620px}
.art-plan .tek-vel.tek-smal{max-width:440px}
.schrijver{margin-top:clamp(72px,8vw,112px);padding-top:28px;border-top:1px solid var(--lijn);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;align-items:end;max-width:34em}
.schrijver .label{margin-bottom:14px;grid-column:1/3}
.schrijver-naam{font-family:var(--display);font-size:28px;line-height:1.1;color:var(--gips);margin-bottom:10px}
.schrijver p:not(.label):not(.schrijver-naam){font-size:16px;line-height:1.6}
.schrijver .meer{grid-column:2;grid-row:2/4;align-self:end}
@media (max-width:640px){.schrijver{grid-template-columns:1fr}.schrijver .meer{grid-column:1;grid-row:auto}}
.art-oproep{margin-top:clamp(56px,6vw,80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;padding:clamp(34px,4vw,56px)}
.art-oproep h2{margin-bottom:0}
.art-oproep p{font-size:17px;max-width:40ch}
.oproep-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.oproep-knoppen .lnk{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:860px){.art-oproep{grid-template-columns:1fr}}
@media (max-width:520px){.oproep-knoppen .btn{width:100%}}
.verder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--lijn)}
.verder li{position:relative}
.verder a{display:flex;flex-direction:column;gap:10px;height:100%;padding:28px 24px 30px 0;text-decoration:none;color:var(--gips-2);position:relative}
.verder a::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--koper-diep),var(--koper-licht));transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.verder a:hover::before,.verder a:focus-visible::before{transform:scaleX(1)}
.verder .v-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gips-3)}
.verder .v-titel{font-family:var(--display);font-size:clamp(28px,2.6vw,38px);line-height:1.08;color:var(--gips);transition:color .25s}
.verder .v-zin{font-size:15.5px;line-height:1.55;max-width:32ch;text-wrap:pretty}
.verder .pijl{margin-top:auto;color:var(--koper-licht)}
.verder .v-zin{margin-bottom:14px}
.verder a:hover .v-titel{color:var(--koper-licht)}
.verder a:hover .pijl{transform:translateX(5px)}
@media (max-width:860px){.verder{grid-template-columns:1fr}.verder li+li a{border-top:1px solid var(--lijn-zacht)}}
@media (min-width:761px){
  .art-body>.art-tekst,.art-deel>h2,.art-deel>.art-tekst,.art-citaat,.schrijver,.art-plan{margin-left:calc((100% - 531px) / 2)}
  .art-fig .twee,.art-fig .twee ~ figcaption{margin-inline:auto}
}
@media (max-width:1060px){
  .art-body{grid-column:1/13}
}
@media (max-width:640px){
  .art-meta{gap:6px 18px}
  .art-meta i{display:none}
  .art-body{font-size:17px}
  .art-open p:first-child{font-size:18.5px}
}
.kort .grootboek.kort-zin{grid-template-columns:repeat(4,minmax(0,1fr))}
.kort .grootboek.kort-zin.kort-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
.kort .kort-zin dd span{font-size:16px;line-height:1.55;max-width:30ch}
@media (max-width:980px){
  .kort .grootboek.kort-zin{grid-template-columns:1fr 1fr}
  .kort .grootboek.kort-zin.kort-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kort .kort-drie div:nth-child(3){border-left:1px solid var(--lijn-zacht);padding-left:24px}
}
@media (max-width:560px){
  .kort .grootboek.kort-zin,.kort .grootboek.kort-zin.kort-drie{grid-template-columns:1fr}
  .kort .kort-zin div,.kort .kort-zin div+div{grid-template-columns:104px minmax(0,1fr)}
  .kort .kort-drie div:nth-child(3){border-left:0;padding-left:0}
  .kort .kort-zin dt{margin:4px 0 0}
}
.art-tekst p+.art-lijst,.art-tekst .art-lijst+p,.art-tekst .art-lijst+.vier,.art-tekst .vier+.art-lijst,.art-tekst .vier+.vier{margin-top:22px}
.art-lijst{list-style:none;margin:0;padding:0}
.art-lijst li{position:relative;padding-left:26px}
.art-lijst li+li{margin-top:8px}
.art-lijst li::before{content:"";position:absolute;left:0;top:.86em;width:12px;height:1px;background:var(--koper)}
.art-tabel-fig .art-tabel{width:100%;max-width:780px;border-collapse:collapse;font-size:15.5px;line-height:1.5;color:var(--gips-2)}
.art-tabel th,.art-tabel td{text-align:left;vertical-align:top;padding:14px 20px 14px 0;border-bottom:1px solid var(--lijn-zacht)}
.art-tabel thead th{font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3);border-bottom:1px solid var(--lijn)}
.art-tabel thead td{border-bottom:1px solid var(--lijn)}
.art-tabel tbody th{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.2;color:var(--gips)}
@media (min-width:761px){.art-tabel-fig .art-tabel{margin-inline:auto}}
@media (max-width:640px){
  .art-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .art-tabel,.art-tabel tbody,.art-tabel tr,.art-tabel th,.art-tabel td{display:block}
  .art-tabel tr{padding:16px 0;border-bottom:1px solid var(--lijn-zacht)}
  .art-tabel tbody tr:first-child{border-top:1px solid var(--lijn)}
  .art-tabel th,.art-tabel td{border:0;padding:0}
  .art-tabel tbody th{margin-bottom:8px}
  .art-tabel td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 16px;padding:3px 0}
  .art-tabel td::before{content:attr(data-kop);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3);padding-top:3px}
}