:root{--purple:#7c3aed;--purple2:#9b6bff;--ink:#09111f;--muted:#64748b;--line:#e7e7ef;--soft:#f6f1ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.25;fill:none;stroke-linecap:round;stroke-linejoin:round}.page{display:grid;grid-template-columns:312px minmax(0,1fr);min-height:100vh}aside{border-right:1px solid var(--line);padding:38px 22px 30px;background:#fff}.side-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.side-title svg{color:var(--purple)}.side-title b{font-size:17px}.side-title p{margin:3px 0 0;color:var(--muted);font-size:13px}input{font:inherit}.search-mini,.search-big{position:relative}.search-mini input,.search-big input{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;color:var(--ink);box-shadow:0 10px 24px rgba(17,24,39,.035)}.search-mini input{height:44px;padding:0 42px}.search-big input{height:54px;padding:0 58px 0 24px;font-size:16px}.search-mini svg,.search-big svg{position:absolute;top:50%;transform:translateY(-50%);color:#667085}.search-mini .left{left:14px}.search-mini .right{right:14px}.search-big svg{right:21px}.label{margin:28px 0 14px;color:var(--purple);font-weight:900;text-transform:uppercase;font-size:13px}.cat-list{display:grid;gap:8px}.cat-link{height:46px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#1f2937;font-weight:700;font-size:14px;text-decoration:none}.cat-link.active{background:linear-gradient(135deg,var(--purple),#5b21b6);color:#fff;box-shadow:0 14px 26px rgba(124,58,237,.22)}.cat-left{display:flex;gap:12px;align-items:center}.cat-link em{font-style:normal;background:#f1ecff;color:#7c3aed;border-radius:999px;padding:2px 8px;font-size:12px}.cat-link.active em{background:rgba(255,255,255,.2);color:#fff}.help{margin-top:70px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#f1e8ff)}.help h3{font-size:15px;margin:12px 0 8px}.help p{font-size:13px;color:var(--muted);line-height:1.5}.help button{height:40px;border:0;border-radius:10px;background:#fff;color:var(--purple);font-weight:800;padding:0 14px}.foot{position:absolute;bottom:32px;font-size:12px;color:var(--muted)}main{padding:54px 56px 80px;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(360px,510px) minmax(660px,840px);gap:24px;align-items:center;margin-bottom:38px}.eyebrow{color:var(--purple);font-weight:900;text-transform:uppercase;letter-spacing:.02em}.hero h1{font-size:43px;line-height:1.16;letter-spacing:-.045em;margin:22px 0 18px}.hero h1 span{color:var(--purple)}.hero p{color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 30px}.hero-art{height:360px;position:relative;background:#fff;overflow:visible}.book-stage{position:absolute;right:70px;top:8px;width:840px;height:650px;background:#fff;overflow:visible;transform:scale(.5);transform-origin:top right}.book-img{position:absolute;left:-105px;bottom:-165px;width:1040px;z-index:1;pointer-events:none;user-select:none}.lamp-img{display:block;position:absolute;left:50%;top:88px;width:280px;transform:translateX(-50%);z-index:9;pointer-events:none;user-select:none}.lamp-cover{display:block;position:absolute;left:50%;top:88px;width:280px;transform:translateX(-50%);z-index:13;pointer-events:none;user-select:none}.arc-layer{position:absolute;inset:0;z-index:12;overflow:visible;pointer-events:none}.arc-line{position:absolute;left:0;top:0;width:840px;height:650px;overflow:visible;z-index:6}.arc-line path{fill:none;stroke:rgba(124,58,237,.86);stroke-width:4;stroke-linecap:round}.book-hole{position:absolute;width:72px;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(73,24,132,.95) 0%,rgba(124,58,237,.55) 45%,rgba(255,255,255,0) 72%);z-index:7;pointer-events:none}.book-hole.left{left:118px;top:516px;transform:rotate(-10deg)}.book-hole.right{right:118px;top:516px;transform:rotate(10deg)}.arc-icon{position:absolute;width:88px;height:88px;border-radius:24px;background:#fff;border:1px solid rgba(124,58,237,.20);box-shadow:0 14px 30px rgba(17,24,39,.09);display:grid;place-items:center;color:var(--purple);cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%) scale(var(--scale)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));opacity:var(--op);transition:box-shadow .2s ease;z-index:14;transform-style:preserve-3d;backface-visibility:hidden}.arc-icon svg{width:39px;height:39px}.arc-icon.is-main{width:124px;height:124px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,238,255,.82));box-shadow:inset -10px -12px 28px rgba(124,58,237,.16),inset 9px 8px 20px rgba(255,255,255,.92),0 22px 42px rgba(124,58,237,.20);z-index:15}.arc-icon.is-main svg{width:58px;height:58px}.arc-icon.is-hidden{pointer-events:none}.arc-icon.lamp-pop{animation:lampPop .68s cubic-bezier(.2,.85,.2,1.15) both}@keyframes lampPop{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%) scale(.12) rotateX(72deg) rotateY(-35deg)}52%{opacity:.95;filter:blur(0);transform:translate(-50%,-50%) scale(calc(var(--scale) * 1.18)) rotateX(12deg) rotateY(10deg)}100%{opacity:var(--op);filter:blur(0);transform:translate(-50%,-50%) scale(var(--scale)) rotateX(0deg) rotateY(0deg)}}.subject-title-block{position:absolute;left:-105px;bottom:-225px;transform:none;width:1040px;min-width:0;max-width:none;padding:18px 26px;border-radius:18px;background:rgba(255,255,255,.98);border:2px solid rgba(124,58,237,.22);box-shadow:0 20px 46px rgba(124,58,237,.13),0 8px 18px rgba(17,24,39,.08);text-align:center;z-index:20}.subject-title-block small{display:none}.subject-title-block strong{display:block;color:var(--ink);font-size:24px;line-height:1.2}.subject-title-block.pulse strong{animation:titlePulse .35s ease both}@keyframes titlePulse{0%{opacity:.2;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}.arc-btn{position:absolute;top:405px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(124,58,237,.24);background:#fff;color:var(--purple);box-shadow:0 12px 28px rgba(17,24,39,.08);font-size:36px;font-weight:900;line-height:1;cursor:pointer;z-index:10;pointer-events:auto;display:grid;place-items:center}#arcPrev{left:72px}#arcNext{right:72px}.arc-btn:hover{transform:translateY(-1px)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.section-head h2{margin:0;font-size:25px}.section-head a{color:var(--purple);font-weight:800;text-decoration:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:140px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;display:flex;gap:18px;box-shadow:0 12px 30px rgba(17,24,39,.03)}.card-icon{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--purple);flex:0 0 auto}.card h3{margin:2px 0 8px;font-size:17px}.card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.card small{font-weight:700;color:#475569}.articles{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.article{display:grid;grid-template-columns:48px 1fr auto 28px;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.article:last-child{border-bottom:0}.tag{border-radius:999px;background:var(--soft);color:var(--purple);padding:8px 14px;font-size:12px;font-weight:800}.article h3{font-size:16px;margin:0 0 4px}.article p{margin:0;color:var(--muted);font-size:13px}.chat{position:fixed;right:36px;bottom:28px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;padding:14px 24px;box-shadow:0 18px 40px rgba(124,58,237,.35);font-weight:900}@media(max-width:1250px){.hero{grid-template-columns:1fr}.hero-art{height:360px}.book-stage{left:50%;right:auto;transform:translateX(-50%) scale(.5);transform-origin:top center}}@media(max-width:1050px){.page{grid-template-columns:1fr}aside{display:none}main{padding:38px 20px 90px}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}}@media(max-width:700px){.hero-art{height:340px}.book-stage{width:840px;height:650px;left:50%;transform:translateX(-50%) scale(.42);transform-origin:top center}.grid{grid-template-columns:1fr}.tag{display:none}.article{grid-template-columns:46px 1fr 24px}}

/* v37 onderwerp-menu */
aside{overflow:visible;z-index:20}.label{margin:0 0 16px;color:var(--purple);font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.05em}.topic-menu{display:grid;gap:10px}.topic-row{position:relative}.cat-link{min-height:50px;height:auto;border:1px solid #ddd7ee;background:#fff;border-radius:14px;padding:0 14px;box-shadow:0 8px 20px rgba(17,24,39,.04);transition:.18s ease}.cat-link:hover,.topic-row:hover>.cat-link{border-color:var(--purple);background:#faf7ff;transform:translateX(2px)}.cat-link.active{background:#fff;color:#1f2937;border-color:var(--purple);box-shadow:0 10px 24px rgba(124,58,237,.12)}.cat-left svg{width:21px;height:21px;color:var(--purple);flex:0 0 auto}.cat-link em{display:none}.submenu{position:absolute;left:calc(100% + 12px);top:0;min-width:245px;background:#fff;border:1px solid #ddd7ee;border-radius:16px;padding:14px;box-shadow:0 22px 50px rgba(17,24,39,.13);opacity:0;pointer-events:none;transform:translateX(-8px);transition:.18s ease;z-index:50}.topic-row:hover .submenu{opacity:1;pointer-events:auto;transform:translateX(0)}.submenu strong{display:block;color:var(--purple);font-size:14px;margin:2px 0 10px}.submenu a{display:block;text-decoration:none;color:#1f2937;font-weight:700;font-size:14px;padding:9px 10px;border-radius:10px}.submenu a:hover{background:#f4efff;color:var(--purple)}
@media(max-width:900px){.submenu{position:static;display:none;margin-top:8px;box-shadow:none}.topic-row:hover .submenu{display:block}.cat-link:hover,.topic-row:hover>.cat-link{transform:none}}

.simple-page{margin:22px 0 36px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(17,24,39,.06)}
.simple-page .article-label{display:inline-flex;align-items:center;gap:8px;background:#f4efff;color:var(--purple);border:1px solid #e3d8ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;margin-bottom:14px}
.simple-page h2{font-size:34px;line-height:1.08;margin:0 0 12px;color:var(--ink)}
.simple-page .lead{font-size:18px;line-height:1.65;color:#334155;margin:0 0 24px;max-width:920px}
.explain-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.explain-block{border:1px solid #ebe7f5;border-radius:18px;padding:18px;background:#fbfaff}
.explain-block h3{margin:0 0 8px;font-size:18px;color:#111827}
.explain-block p{margin:0;color:#475569;line-height:1.6;font-size:15px}
.simple-page .example{margin-top:22px;border-left:5px solid var(--purple);background:#f8f5ff;border-radius:14px;padding:18px 20px;color:#334155;line-height:1.65}
.simple-page .example strong{color:#111827}
@media(max-width:900px){.simple-page{padding:24px}.simple-page h2{font-size:28px}.explain-blocks{grid-template-columns:1fr}}



/* v41 correcties */
.hero{grid-template-columns:minmax(340px,520px) minmax(560px,760px);gap:16px;margin-bottom:22px;align-items:center}
.hero h1{color:var(--purple);font-size:40px;margin:16px 0 12px}
.hero p{font-size:16px;line-height:1.55;max-width:500px;margin-bottom:0}
.hero-art{height:310px;background:#fff;overflow:visible}
.book-stage{right:70px;top:-8px;transform:scale(.44);transform-origin:top right}
.subject-title-block{bottom:-184px;padding:16px 24px;border-color:rgba(124,58,237,.34);box-shadow:0 14px 34px rgba(124,58,237,.15),0 5px 13px rgba(17,24,39,.08)}
.subject-title-block strong{font-size:25px;color:var(--purple)}
.simple-page{margin-top:8px;padding-top:28px}
.simple-page h2{color:var(--purple);margin-top:0}
.simple-page .article-label{display:none!important}
.simple-page .lead:empty{display:none!important}
@media(max-width:1250px){.book-stage{left:50%;right:auto;transform:translateX(-50%) scale(.44);transform-origin:top center}}
@media(max-width:700px){.book-stage{transform:translateX(-50%) scale(.37);transform-origin:top center}.hero-art{height:300px}}

.submenu small{display:block;color:#6b7280;font-size:11px;margin-top:2px;line-height:1.2}

/* v45: linker onderwerpenmenu weg, boek linksboven, tekst rechts */
.page{
  display:block;
  max-width:1280px;
  margin:0 auto;
  padding:0 26px;
}
aside{display:none!important;}
main{
  padding:34px 0 90px;
}
.hero{
  display:grid;
  grid-template-columns:minmax(440px,560px) minmax(430px,1fr);
  gap:34px;
  align-items:start;
  margin:0 0 24px;
}
.hero>div:first-child{
  order:2;
  padding-top:22px;
}
.hero-art{
  order:1;
  height:335px;
  overflow:visible;
  background:#fff;
}
.book-stage{
  left:0!important;
  right:auto!important;
  top:-10px!important;
  transform:scale(.45)!important;
  transform-origin:top left!important;
}
.hero h1{
  font-size:42px;
  line-height:1.12;
  margin:0 0 16px;
  color:var(--purple);
}
.hero p{
  max-width:620px;
  font-size:17px;
  line-height:1.62;
}
.eyebrow{display:none;}
.subject-title-block{
  bottom:-184px;
}
@media(max-width:1050px){
  .page{padding:0 20px;}
  main{padding-top:26px;}
  .hero{grid-template-columns:1fr;gap:14px;}
  .hero>div:first-child{order:2;padding-top:0;}
  .hero-art{order:1;height:310px;}
  .book-stage{left:50%!important;transform:translateX(-50%) scale(.42)!important;transform-origin:top center!important;}
  .hero h1{font-size:34px;}
}
@media(max-width:700px){
  .hero-art{height:295px;}
  .book-stage{transform:translateX(-50%) scale(.36)!important;}
}

/* v46: boek beter vrij, onderwerpbalk duidelijker met pijlen */
.hero{
  grid-template-columns:minmax(500px,620px) minmax(420px,1fr);
  gap:44px;
  margin-bottom:46px;
}
.hero-art{
  height:420px;
  overflow:visible;
}
.book-stage{
  left:52px!important;
  top:-18px!important;
  transform:scale(.45)!important;
  transform-origin:top left!important;
}
.subject-title-block{
  bottom:-165px!important;
  padding:22px 92px!important;
  border-radius:20px!important;
  border:2px solid rgba(124,58,237,.44)!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(124,58,237,.18),0 9px 22px rgba(17,24,39,.10)!important;
}
.subject-title-block strong{
  font-size:34px!important;
  font-weight:950!important;
  letter-spacing:-.02em;
  color:var(--purple)!important;
}
.arc-btn{
  top:818px!important;
  width:64px!important;
  height:64px!important;
  z-index:40!important;
  font-size:42px!important;
  border:2px solid rgba(124,58,237,.36)!important;
  box-shadow:0 12px 28px rgba(124,58,237,.16),0 7px 15px rgba(17,24,39,.08)!important;
}
#arcPrev{left:-78px!important;}
#arcNext{right:-78px!important;}
.simple-page{
  margin-top:22px!important;
  padding-top:34px!important;
  position:relative;
  z-index:1;
}
@media(max-width:1050px){
  .hero{grid-template-columns:1fr;gap:18px;margin-bottom:42px;}
  .hero-art{height:390px;}
  .book-stage{left:50%!important;top:-10px!important;transform:translateX(-50%) scale(.42)!important;transform-origin:top center!important;}
  .subject-title-block strong{font-size:30px!important;}
}
@media(max-width:700px){
  .hero-art{height:350px;}
  .book-stage{transform:translateX(-50%) scale(.36)!important;}
  .subject-title-block{padding:18px 80px!important;}
  .subject-title-block strong{font-size:26px!important;}
}


/* v47: Kies een onderwerp - subcategorieën onder de titel */
.card{
  text-decoration:none!important;
  color:var(--ink)!important;
  align-items:flex-start!important;
  min-height:188px!important;
}
.card h3{
  display:inline-block;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
  color:var(--purple);
  margin-bottom:12px!important;
}
.card p,.card small{display:none!important;}
.card-subcats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
}
.card-subcats li{
  color:#475569;
  font-size:13px;
  line-height:1.35;
  text-decoration:none!important;
}
.card-subcats li::before{
  content:'•';
  color:var(--purple);
  font-weight:900;
  margin-right:7px;
}

/* v48: pijlen in de onderwerpbalk en balk iets lager vanaf boek */
.subject-title-block{
  bottom:-190px!important;
  padding:22px 110px!important;
}
.arc-btn{
  top:792px!important;
  width:54px!important;
  height:54px!important;
  font-size:36px!important;
  z-index:60!important;
  background:#fff!important;
}
#arcPrev{left:-82px!important;}
#arcNext{right:-82px!important;}
.simple-page{
  margin-top:40px!important;
}
@media(max-width:1050px){
  .subject-title-block{bottom:-180px!important;padding:20px 96px!important;}
  .arc-btn{top:782px!important;width:52px!important;height:52px!important;font-size:34px!important;}
}
@media(max-width:700px){
  .subject-title-block{bottom:-170px!important;padding:18px 84px!important;}
  .arc-btn{top:772px!important;width:48px!important;height:48px!important;font-size:32px!important;}
}

/* v49: linker onderwerpenoverzicht terug */
.page{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  min-height:100vh!important;
}
aside{
  display:block!important;
  border-right:1px solid var(--line)!important;
  padding:34px 20px 30px!important;
  background:#fff!important;
  overflow:visible!important;
  z-index:80!important;
}
main{
  padding:34px 42px 90px!important;
  overflow:hidden!important;
}
.hero{
  grid-template-columns:minmax(500px,620px) minmax(420px,1fr)!important;
  gap:44px!important;
  align-items:start!important;
}
.hero-art{height:420px!important;}
.book-stage{
  left:52px!important;
  right:auto!important;
  top:-18px!important;
  transform:scale(.45)!important;
  transform-origin:top left!important;
}
.simple-page{margin-top:40px!important;}
@media(max-width:1150px){
  .page{grid-template-columns:270px minmax(0,1fr)!important;}
  main{padding:30px 26px 90px!important;}
  .hero{grid-template-columns:1fr!important;gap:18px!important;}
  .hero-art{height:390px!important;}
  .book-stage{left:50%!important;top:-10px!important;transform:translateX(-50%) scale(.42)!important;transform-origin:top center!important;}
}
@media(max-width:850px){
  .page{display:block!important;padding:0 18px!important;}
  aside{display:none!important;}
  main{padding:26px 0 90px!important;}
}

/* v50 - linker onderwerpenoverzicht vastzetten */
@media (min-width:1051px){
  aside{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    overflow-y:auto!important;
    align-self:start!important;
  }
}


/* v51 - logo boven linker onderwerpen */
.side-logo{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 26px!important;
  padding:0 2px 22px!important;
  border-bottom:1px solid var(--line)!important;
}
.logo-mark{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,var(--purple),#5b21b6)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:24px!important;
  letter-spacing:-.05em!important;
  box-shadow:0 14px 28px rgba(124,58,237,.22)!important;
}
.logo-text{
  color:var(--ink)!important;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  line-height:1!important;
}
aside .label{margin-top:0!important;}

/* v52 - onderwerpbalk verder van het boek af, pijlen iets omhoog */
.subject-title-block{
  bottom:-225px!important;
}
.arc-btn{
  top:786px!important;
}
@media(max-width:1050px){
  .subject-title-block{bottom:-210px!important;}
  .arc-btn{top:778px!important;}
}
@media(max-width:700px){
  .subject-title-block{bottom:-198px!important;}
  .arc-btn{top:768px!important;}
}


/* v53 - echt logo links en geen zichtbare scrollbalk bij onderwerpen */
.side-logo{
  justify-content:center!important;
  padding:0 0 20px!important;
  margin:0 0 22px!important;
}
.side-logo img{
  display:block!important;
  width:132px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.logo-mark,.logo-text{display:none!important;}
@media (min-width:1051px){
  aside{
    overflow-y:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  aside::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
  .topic-menu{padding-bottom:18px!important;}
}


/* v54 - tekst naast boek naar links + meer uitleg bij onderwerpkaarten */
@media (min-width:1151px){
  .hero{
    grid-template-columns:minmax(500px,620px) minmax(360px,1fr)!important;
    gap:12px!important;
  }
  .hero>div:first-child{
    margin-left:-28px!important;
  }
  .hero p{
    max-width:690px!important;
  }
}
.card{
  min-height:260px!important;
  padding:24px!important;
}
.card .topic-desc{
  display:block!important;
  margin:0 0 14px!important;
  color:#475569!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.card-subcats{
  margin-top:6px!important;
}
.card-subcats li{
  font-size:13px!important;
}
@media(max-width:1150px){
  .hero>div:first-child{margin-left:0!important;}
}


/* v55: langere onderwerptekst ook naast het boek op de pagina zelf */
.hero > div:first-child p{
  max-width: 560px !important;
  line-height: 1.62 !important;
}

/* v56: tekstblok naast boek smaller en niet meer afsnijden */
@media (min-width:1151px){
  main{
    padding-left:52px!important;
    padding-right:76px!important;
    overflow:hidden!important;
  }
  .hero{
    grid-template-columns:minmax(500px,620px) minmax(360px,520px)!important;
    gap:34px!important;
    justify-content:start!important;
  }
  .hero>div:first-child{
    margin-left:0!important;
    padding-left:8px!important;
    max-width:500px!important;
    overflow:visible!important;
  }
  .hero h1{
    max-width:500px!important;
    overflow:visible!important;
  }
  .hero p,
  .hero > div:first-child p{
    max-width:460px!important;
    line-height:1.62!important;
  }
}
@media (min-width:1500px){
  .hero{
    grid-template-columns:minmax(500px,620px) minmax(380px,500px)!important;
    gap:38px!important;
  }
}

/* v67: klikbare verwijzing naar uitlegblok */
.inline-topic-link{color:var(--purple);font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.inline-topic-link:hover{color:#5b21b6;}
.explain-block:target{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.12),0 18px 40px rgba(124,58,237,.12);background:#fff;}
html{scroll-behavior:smooth;}


/* v72: tekstblokken onder elkaar + Simpel gezegd apart */
.explain-blocks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin-top:24px!important;
}
.explain-block{
  width:100%!important;
}
.explain-block p{
  margin:0 0 14px!important;
}
.explain-block p:last-child{
  margin-bottom:0!important;
}
.explain-block p.simple-said{
  margin-top:32px!important;
  color:#334155!important;
}
.explain-block p.simple-said strong{
  font-weight:900!important;
  color:#111827!important;
}

/* v75: Simpel gezegd paars en met extra ruimte */
.simple-said{margin-top:2em;}
.simple-said strong{color:#7b2cff;font-weight:800;}

/* v76: 'Simpel gezegd:' volledig paars maken */
.explain-block p.simple-said strong,
.simple-said strong{
  color: var(--purple) !important;
  font-weight: 900 !important;
}


/* v79: alleen vorm aangepast naar dropdown; bestaande teksten uit v77 blijven ongewijzigd */
.explain-blocks{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
}
details.explain-block,
details.explain-dropdown{
  width:100%!important;
  border:1px solid rgba(124,58,237,.20)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(17,24,39,.04)!important;
  overflow:hidden!important;
}
details.explain-block summary,
details.explain-dropdown summary{
  list-style:none!important;
  cursor:pointer!important;
  min-height:64px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  font-weight:900!important;
  color:var(--ink)!important;
  background:linear-gradient(180deg,#fff,#fbf9ff)!important;
  border-radius:16px!important;
}
details.explain-block summary::-webkit-details-marker,
details.explain-dropdown summary::-webkit-details-marker{display:none!important;}
.summary-title{font-size:18px!important;line-height:1.25!important;}
.summary-arrow{
  margin-left:auto!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--purple)!important;
  border:1px solid rgba(124,58,237,.20)!important;
  background:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  flex:0 0 auto!important;
  transition:transform .18s ease!important;
}
details.explain-block[open] summary,
details.explain-dropdown[open] summary{
  border-bottom:1px solid rgba(124,58,237,.14)!important;
  border-radius:16px 16px 0 0!important;
}
details.explain-block[open] .summary-arrow,
details.explain-dropdown[open] .summary-arrow{transform:rotate(180deg)!important;}
.explain-content{padding:22px 24px 24px!important;color:#334155!important;line-height:1.68!important;}
.explain-content p{margin:0 0 14px!important;}
.explain-content p:last-child{margin-bottom:0!important;}
.explain-content .simple-said{margin-top:2em!important;}
.explain-content .simple-said strong{color:var(--purple)!important;font-weight:900!important;}
details.explain-block:target,
details.explain-dropdown:target{border-color:var(--purple)!important;box-shadow:0 0 0 3px rgba(124,58,237,.12),0 18px 40px rgba(124,58,237,.12)!important;}


/* v80: snelle punten naast het boek, kleiner logo en boekpijlen navigeren naar pagina */
.side-logo{margin:0 0 22px!important;text-align:center!important;}
.side-logo img{max-width:96px!important;width:96px!important;height:auto!important;}
.hero-topic-jumps{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;max-width:500px;}
.hero-topic-jumps a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid rgba(123,63,242,.28);border-radius:14px;background:#fff;color:#231537;text-decoration:none;font-weight:750;box-shadow:0 6px 18px rgba(30,20,70,.06);transition:.16s ease;}
.hero-topic-jumps a::after{content:'›';color:#7b3ff2;font-size:20px;line-height:1;font-weight:900;}
.hero-topic-jumps a:hover{border-color:#7b3ff2;box-shadow:0 8px 22px rgba(123,63,242,.14);transform:translateY(-1px);}
.explain-block.highlight-target,.explain-dropdown.highlight-target{box-shadow:0 0 0 4px rgba(123,63,242,.16),0 18px 42px rgba(123,63,242,.13)!important;border-color:#7b3ff2!important;}
@media(max-width:900px){.hero-topic-jumps{grid-template-columns:1fr;max-width:none}.hero>div:first-child{max-width:none}.side-logo img{max-width:82px!important;width:82px!important;}}


/* v81: simpele sublinks naast het boek, hostingnaam aangepast, pijlen iets lager */
.hero-topic-jumps{
  margin-top:18px!important;
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  max-width:520px!important;
}
.hero-topic-jumps a{
  display:block!important;
  position:relative!important;
  padding:4px 0 4px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#26123f!important;
  text-decoration:none!important;
  font-weight:750!important;
  line-height:1.42!important;
  transform:none!important;
}
.hero-topic-jumps a::before{
  content:'•'!important;
  position:absolute!important;
  left:0!important;
  top:4px!important;
  color:var(--purple)!important;
  font-weight:900!important;
}
.hero-topic-jumps a::after{content:none!important;display:none!important;}
.hero-topic-jumps a:hover{text-decoration:underline!important;text-underline-offset:3px!important;color:var(--purple)!important;}
.arc-btn{top:424px!important;}
@media(max-width:900px){.hero-topic-jumps{display:block!important;max-width:none!important;}}


/* v82: geen dropdowns meer; uitlegblokken staan open als gewone blokken */
.explain-blocks{display:flex!important;flex-direction:column!important;gap:18px!important;margin-top:20px!important;}
article.explain-block{display:block!important;width:100%!important;border:1px solid #ebe7f5!important;border-radius:18px!important;padding:22px 24px!important;background:#fff!important;box-shadow:0 12px 34px rgba(30,20,60,.06)!important;}
article.explain-block h3{margin:0 0 12px!important;font-size:20px!important;color:#111827!important;}
article.explain-block p{margin:0 0 14px!important;color:#334155!important;line-height:1.68!important;font-size:15px!important;}
article.explain-block p:last-child{margin-bottom:0!important;}
article.explain-block .simple-said{margin-top:2em!important;padding:15px 17px!important;border-radius:14px!important;background:rgba(123,63,242,.12)!important;border:1px solid rgba(123,63,242,.18)!important;}
article.explain-block .simple-said strong{color:#7b3ff2!important;font-weight:900!important;}

/* v83: logo overal gelijk en pijltjes netjes in de onderwerpbalk onder het boek */
.side-logo img{
  width:90px!important;
  max-width:90px!important;
  height:auto!important;
  display:block!important;
  margin:0 auto!important;
}
.subject-title-block{
  bottom:-225px!important;
  padding:22px 92px!important;
}
.arc-btn{
  top:810px!important;
  width:52px!important;
  height:52px!important;
  font-size:34px!important;
  z-index:70!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
#arcPrev{left:-70px!important;right:auto!important;}
#arcNext{right:-70px!important;left:auto!important;}
@media(max-width:1050px){
  .side-logo img{width:82px!important;max-width:82px!important;}
  .subject-title-block{bottom:-210px!important;padding:20px 82px!important;}
  .arc-btn{top:792px!important;width:48px!important;height:48px!important;font-size:32px!important;}
  #arcPrev{left:-58px!important;}
  #arcNext{right:-58px!important;}
}
@media(max-width:700px){
  .subject-title-block{bottom:-198px!important;padding:18px 76px!important;}
  .arc-btn{top:775px!important;width:44px!important;height:44px!important;font-size:30px!important;}
  #arcPrev{left:-48px!important;}
  #arcNext{right:-48px!important;}
}


/* v84 - logo overal exact gelijk, pijltjes iets omhoog; hosting iets extra omhoog */
.side-logo img{
  width:88px!important;
  max-width:88px!important;
  min-width:88px!important;
  height:auto!important;
  display:block!important;
  margin:0 auto!important;
}
.arc-btn{
  top:804px!important;
}
body.hosting-page .arc-btn{
  top:796px!important;
}
@media(max-width:900px){
  .side-logo img{width:88px!important;max-width:88px!important;min-width:88px!important;}
  .arc-btn{top:786px!important;}
  body.hosting-page .arc-btn{top:780px!important;}
}
@media(max-width:700px){
  .arc-btn{top:770px!important;}
  body.hosting-page .arc-btn{top:764px!important;}
}

/* v86: hostingpagina vastzetten: linker menu en uitlegblok niet laten verspringen, pijltjes iets hoger */
body.hosting-page .page{
  grid-template-columns:300px minmax(0,1fr)!important;
  align-items:start!important;
}
body.hosting-page aside{
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  margin-top:0!important;
  padding-top:34px!important;
  height:100vh!important;
  transform:none!important;
}
body.hosting-page main{
  padding-top:34px!important;
  transform:none!important;
}
body.hosting-page .hero{
  align-items:start!important;
  margin-top:0!important;
  margin-bottom:42px!important;
}
body.hosting-page .hero>div:first-child{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
}
body.hosting-page .hero-art{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
}
body.hosting-page .book-stage{
  top:-18px!important;
  transform:scale(.45)!important;
  transform-origin:top left!important;
}
body.hosting-page .subject-title-block{
  bottom:-225px!important;
}
body.hosting-page .arc-btn{
  top:788px!important;
}
@media(max-width:1150px){
  body.hosting-page .book-stage{left:50%!important;top:-10px!important;transform:translateX(-50%) scale(.42)!important;transform-origin:top center!important;}
  body.hosting-page .arc-btn{top:770px!important;}
}
@media(max-width:700px){
  body.hosting-page .arc-btn{top:758px!important;}
}


/* v88: Simpel gezegd overal paars + transparante paarse achtergrond */
.explain-block .simple-said,
article.explain-block p.simple-said{
  margin-top:2em !important;
  padding:15px 17px !important;
  border-radius:14px !important;
  background:rgba(123,63,242,.13) !important;
  border:1px solid rgba(123,63,242,.22) !important;
}
.explain-block .simple-said strong,
article.explain-block p.simple-said strong{
  color:#7b3ff2 !important;
  font-weight:900 !important;
}
.explain-blocks{display:flex;flex-direction:column;gap:22px;}


/* v90: Hosting en domeinnaam gelijkgetrokken met overige pagina's */
body:not(.unused-hosting-page) .page{align-items:stretch;}
/* Oude hosting-specifieke afwijkingen uitgeschakeld doordat body geen hosting-page class meer heeft. */


/* v93: Hosting en domeinnaam - lange lijst naast boek compacter zodat uitlegblokken niet naar beneden drukken */
.hosting-hero{
  align-items:center!important;
  margin-bottom:22px!important;
}
.hosting-hero .hero-topic-jumps{
  margin-top:8px!important;
  max-width:460px!important;
}
.hosting-hero .hero-topic-jumps a{
  padding:1px 0 1px 16px!important;
  line-height:1.22!important;
  font-size:13.5px!important;
}
.hosting-hero .hero-topic-jumps a::before{
  top:1px!important;
}
.hosting-hero + .simple-page .explain-blocks{
  margin-top:20px!important;
}
@media(max-width:900px){
  .hosting-hero .hero-topic-jumps a{font-size:14px!important;line-height:1.35!important;padding:3px 0 3px 16px!important;}
}

/* v102: termen die elders worden uitgelegd als klikbare interne links */
.inline-topic-link{color:var(--purple)!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-thickness:1.5px!important;}
.inline-topic-link:hover{color:#5b21b6!important;}
.explain-block.highlight-target{border-color:var(--purple)!important;box-shadow:0 0 0 4px rgba(123,63,242,.16),0 18px 42px rgba(123,63,242,.13)!important;background:#fff!important;}


/* v110: gewone blauwe tekstlinks in plaats van paarse vetgedrukte links */
.inline-topic-link,
.explain-block .inline-topic-link,
.simple-page .inline-topic-link{
  color:#2563eb!important;
  font-weight:400!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  text-decoration-thickness:1px!important;
}
.inline-topic-link strong,
.inline-topic-link b{
  color:#2563eb!important;
  font-weight:400!important;
}
.inline-topic-link:hover{
  color:#1d4ed8!important;
}


/* v111: compact linker menu, home-link en duidelijke sublinks */
aside{padding-top:24px!important;}
.side-logo{margin-bottom:14px!important;}
.side-logo img{width:82px!important;max-width:82px!important;min-width:82px!important;height:auto!important;}
.topic-menu.compact-menu{gap:6px!important;}
.topic-menu.compact-menu .cat-link{min-height:38px!important;padding:7px 10px!important;border-radius:11px!important;font-size:13px!important;box-shadow:none!important;}
.topic-menu.compact-menu .cat-left{gap:8px!important;}
.topic-menu.compact-menu .cat-left svg{width:17px!important;height:17px!important;}
.topic-menu.compact-menu .submenu{min-width:225px!important;padding:10px!important;}
.topic-menu.compact-menu .submenu a{font-size:13px!important;padding:7px 8px!important;}
.topic-card{color:inherit;text-decoration:none;}
.topic-card h3 a{color:#111827;text-decoration:none;}
.topic-card h3 a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px;}
.card-subcats{margin:8px 0 0!important;padding-left:18px!important;display:grid;gap:5px!important;}
.card-subcats li{margin:0!important;color:#475569!important;font-size:13px!important;line-height:1.35!important;}
.card-subcat-link{color:#2563eb!important;text-decoration:underline!important;text-underline-offset:3px!important;font-weight:400!important;}
.card-subcat-link:hover{color:#1d4ed8!important;}
.explain-block:target{border-color:#7b3ff2!important;box-shadow:0 0 0 4px rgba(123,63,242,.18),0 18px 42px rgba(123,63,242,.13)!important;background:#fff!important;}


/* v112: globale opschoning home, hero-links en kort samengevat */
.hero-topic-jumps a,
.hero-topic-jumps a *{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:#1d4ed8!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.hero-topic-jumps a:hover,
.hero-topic-jumps a:hover *{color:#5b21b6!important;}
.simple-said strong{
  color:var(--purple)!important;
  font-weight:900!important;
}
.simple-said strong + *{font-weight:400!important;color:inherit!important;}
.inline-topic-link,
.inline-topic-link *{
  color:#1d4ed8!important;
  font-weight:500!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* v113 - submenu boven hoofdgedeelte + chatblok weg */
.page{overflow:visible!important;}
aside{
  overflow:visible!important;
  z-index:9999!important;
  position:sticky!important;
  top:0!important;
}
main{
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
}
.topic-menu,
.topic-row{overflow:visible!important;}
.topic-menu.compact-menu .submenu,
.submenu{
  z-index:10000!important;
  left:calc(100% + 8px)!important;
  max-width:270px!important;
  white-space:normal!important;
}
.topic-row:hover .submenu{z-index:10000!important;}
.chat{display:none!important;}
@media (min-width:1051px){
  aside{
    overflow:visible!important;
    height:100vh!important;
  }
}


/* v116: home links uitlijnen, hoofdonderwerpen onder hero, schuivende boekiconen en compacte submenu's */
.grid .card{
  text-align:left!important;
}
.grid .card > span:last-child{
  width:100%!important;
  text-align:left!important;
  display:block!important;
}
.grid .card h3{
  text-align:left!important;
}
.grid .card-subcats{
  padding-left:0!important;
  margin-left:0!important;
  text-align:left!important;
  justify-items:start!important;
}
.grid .card-subcats li{
  text-align:left!important;
  width:100%!important;
}
.home-main-links{
  margin-top:18px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px 14px!important;
  max-width:560px!important;
}
.home-main-links a{
  color:#1d4ed8!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:500!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.home-main-links a:hover{
  color:#5b21b6!important;
}
.submenu{
  width:max-content!important;
  min-width:240px!important;
  max-width:none!important;
}
.submenu a,
.topic-menu.compact-menu .submenu a{
  white-space:nowrap!important;
  line-height:1.25!important;
}
.arc-icon{
  transition:box-shadow .2s ease, transform .08s linear, opacity .08s linear!important;
}


/* v117: home hoofdlinks onder elkaar met bullet + webshop verschil-link */
.home-main-links{
  display:block!important;
  margin-top:16px!important;
  max-width:420px!important;
}
.home-main-links a{
  display:block!important;
  position:relative!important;
  padding:4px 0 4px 18px!important;
  margin:0 0 5px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#1d4ed8!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  font-weight:650!important;
  line-height:1.25!important;
}
.home-main-links a::before{
  content:'•'!important;
  position:absolute!important;
  left:0!important;
  top:4px!important;
  color:#7b3ff2!important;
  font-weight:900!important;
}
.home-main-links a::after{content:none!important;display:none!important;}
.home-main-links a:hover{color:#5b21b6!important;transform:none!important;}


/* v118: submenu blijft open tijdens bewegen + carousel beweegt op alle pagina's */
.topic-row::after{
  content:""!important;
  position:absolute!important;
  left:100%!important;
  top:0!important;
  width:18px!important;
  height:100%!important;
  z-index:9999!important;
}
.topic-row:hover .submenu,
.topic-row:focus-within .submenu,
.submenu:hover{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}
.topic-menu.compact-menu .submenu,
.submenu{
  left:calc(100% + 4px)!important;
}
.topic-menu.compact-menu .submenu a,
.submenu a{
  white-space:nowrap!important;
}
.arc-icon{
  transition:box-shadow .2s ease, opacity .12s linear, transform .12s linear!important;
}


/* Kennisbank zoekbalk onder het boek */
.kb-search{
  width:min(680px, 96%);
  margin:18px auto 0;
  position:relative;
  z-index:50;
}
.kb-search-label{
  display:block;
  margin:0 0 7px;
  font-size:13px;
  font-weight:800;
  color:#5f3bb4;
  letter-spacing:.01em;
}
.kb-search-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.kb-search-input{
  width:100%;
  height:44px;
  border:1px solid rgba(102,70,180,.28);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(43,30,88,.08);
  padding:0 44px 0 16px;
  font-size:14px;
  color:#231b35;
  outline:none;
}
.kb-search-input:focus{
  border-color:#7b4fe8;
  box-shadow:0 0 0 3px rgba(123,79,232,.14),0 12px 30px rgba(43,30,88,.10);
}
.kb-search-clear{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:rgba(123,79,232,.10);
  color:#5f3bb4;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.kb-search-suggestions{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  background:#fff;
  border:1px solid rgba(102,70,180,.20);
  border-radius:14px;
  box-shadow:0 18px 45px rgba(35,27,53,.16);
  overflow:hidden;
  z-index:999;
}
.kb-search-suggestions.open{display:block;}
.kb-search-suggestion{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:11px 14px;
  text-decoration:none;
  border-bottom:1px solid rgba(102,70,180,.10);
  color:#231b35;
}
.kb-search-suggestion:last-child{border-bottom:0;}
.kb-search-suggestion:hover,
.kb-search-suggestion:focus{
  background:rgba(123,79,232,.08);
}
.kb-search-suggestion strong{
  font-size:14px;
  color:#251b36;
}
.kb-search-suggestion span{
  font-size:12px;
  color:#6f6680;
}
.kb-search-empty{
  padding:12px 14px;
  font-size:13px;
  color:#6f6680;
}
@media(max-width:900px){
  .kb-search{width:100%; max-width:520px;}
}


/* v123: zoekbalk lager onder boek en onderwerpbalk */
.hero-art{
  min-height:540px;
}
.hero-art .kb-search{
  position:absolute;
  left:calc(100% - 542.5px);
  right:auto;
  top:448px;
  width:520px;
  max-width:none;
  margin:0;
}
.simple-page .lead{
  font-weight:800;
  color:#231b35;
}
@media(max-width:1250px){
  .hero-art{min-height:560px;}
  .hero-art .kb-search{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    top:452px;
    width:min(520px,92%);
    max-width:92%;
  }
}
@media(max-width:700px){
  .hero-art{min-height:520px;}
  .hero-art .kb-search{
    top:404px;
    width:94%;
    max-width:92%;
  }
}


/* v129: zoekbalk onder het boek gelijk met blok eronder */
.kb-search-under-hero{
  width:100%!important;
  max-width:none!important;
  margin:0 0 28px 0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:60!important;
}
.kb-search-under-hero .kb-search-wrap,
.kb-search-under-hero .kb-search-input,
.kb-search-under-hero .kb-search-suggestions{
  width:100%!important;
}
.hero-art .kb-search{display:none!important;}
@media(max-width:1250px){
  .kb-search-under-hero{width:100%!important;max-width:none!important;}
}

/* v130: zoekbalk/blok alleen een stukje omhoog */
.kb-search-under-hero{
  margin-top:-22px!important;
}

/* v131: zoekbalk veel hoger gezet */
.kb-search-under-hero{
  margin-top:-70px!important;
}

/* v132: zoekbalk nog veel hoger */
.kb-search-under-hero{
  margin-top:-145px!important;
}

/* v134: alleen kennisbank mobiel/responsive herstel */
@media (max-width: 850px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .page{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;overflow-x:hidden!important;}
  aside{display:block!important;position:relative!important;top:auto!important;height:auto!important;max-height:none!important;width:100%!important;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:14px 14px 12px!important;background:#fff!important;overflow:visible!important;z-index:30!important;}
  .side-logo{justify-content:flex-start!important;align-items:center!important;margin:0 0 10px!important;padding:0 0 10px!important;border-bottom:1px solid var(--line)!important;}
  .side-logo img{width:58px!important;max-width:58px!important;min-width:58px!important;height:auto!important;}
  aside .label{margin:0 0 10px!important;font-size:12px!important;letter-spacing:.04em!important;}
  .topic-menu.compact-menu,.topic-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:0!important;}
  .topic-row{position:relative!important;min-width:0!important;}
  .topic-row::after{display:none!important;}
  .topic-menu.compact-menu .cat-link,.cat-link{min-height:38px!important;height:auto!important;padding:7px 8px!important;border-radius:10px!important;font-size:12px!important;line-height:1.15!important;white-space:normal!important;transform:none!important;}
  .topic-menu.compact-menu .cat-left,.cat-left{gap:6px!important;min-width:0!important;}
  .topic-menu.compact-menu .cat-left svg,.cat-left svg{width:15px!important;height:15px!important;min-width:15px!important;}
  .cat-left span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .submenu,.topic-row:hover .submenu,.topic-row:focus-within .submenu{display:none!important;opacity:0!important;pointer-events:none!important;}
  main{width:100%!important;max-width:100%!important;padding:18px 14px 60px!important;overflow:visible!important;}
  .hero{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0 0 18px!important;align-items:start!important;}
  .hero>div:first-child{order:2!important;margin:0!important;padding:0!important;max-width:100%!important;}
  .hero h1{font-size:28px!important;line-height:1.12!important;margin:0 0 10px!important;letter-spacing:-.02em!important;}
  .hero p{font-size:15px!important;line-height:1.55!important;max-width:100%!important;margin:0!important;}
  .hero-topic-jumps,.home-main-links{max-width:100%!important;width:100%!important;grid-template-columns:1fr!important;margin-top:14px!important;gap:6px!important;}
  .hero-topic-jumps a,.home-main-links a{font-size:14px!important;line-height:1.35!important;}
  .hero-art{order:1!important;width:100%!important;max-width:100%!important;height:300px!important;min-height:300px!important;overflow:visible!important;}
  .book-stage{left:50%!important;right:auto!important;top:0!important;width:840px!important;height:650px!important;transform:translateX(-50%) scale(.31)!important;transform-origin:top center!important;}
  .subject-title-block{bottom:-185px!important;left:-105px!important;width:1040px!important;padding:16px 92px!important;border-radius:18px!important;}
  .subject-title-block strong{font-size:25px!important;line-height:1.15!important;}
  .arc-btn{top:786px!important;width:50px!important;height:50px!important;font-size:32px!important;}
  #arcPrev{left:-78px!important;} #arcNext{right:-78px!important;}
  .kb-search-under-hero{width:100%!important;max-width:100%!important;margin:-28px 0 18px 0!important;}
  .kb-search-input{height:44px!important;font-size:14px!important;}
  .kb-search-suggestions{max-height:260px!important;overflow:auto!important;}
  .simple-page{width:100%!important;margin:0 0 28px!important;padding:18px 14px!important;border-radius:18px!important;overflow:visible!important;}
  .simple-page h2{font-size:25px!important;line-height:1.15!important;}
  .simple-page .lead{font-size:15px!important;line-height:1.55!important;}
  .explain-blocks{grid-template-columns:1fr!important;gap:12px!important;margin-top:14px!important;}
  .explain-block{padding:16px!important;border-radius:16px!important;}
  .explain-block h3{font-size:18px!important;line-height:1.25!important;}
  .explain-block p{font-size:15px!important;line-height:1.6!important;}
  .grid{grid-template-columns:1fr!important;gap:12px!important;}
  .card{min-height:auto!important;padding:18px!important;border-radius:16px!important;}
  .article{grid-template-columns:38px 1fr 22px!important;padding:14px!important;gap:10px!important;}
}

@media (max-width: 520px){
  .topic-menu.compact-menu,.topic-menu{grid-template-columns:1fr!important;}
  main{padding-left:12px!important;padding-right:12px!important;}
  .hero-art{height:272px!important;min-height:272px!important;}
  .book-stage{transform:translateX(-50%) scale(.275)!important;top:0!important;}
  .subject-title-block{bottom:-192px!important;padding:15px 100px!important;}
  .subject-title-block strong{font-size:23px!important;}
  .arc-btn{top:782px!important;width:48px!important;height:48px!important;font-size:30px!important;}
  #arcPrev{left:-74px!important;} #arcNext{right:-74px!important;}
  .kb-search-under-hero{margin-top:-24px!important;}
}


/* v135: mobiel hamburger-menu met zichtbare sublinks - alleen kennisbank */
.kb-mobile-toggle,
.kb-mobile-overlay{display:none;}
@media (max-width:850px){
  .kb-mobile-toggle{
    display:flex!important;
    position:fixed!important;
    left:12px!important;
    top:12px!important;
    z-index:12050!important;
    min-width:46px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid rgba(124,58,237,.28)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#4c1d95!important;
    box-shadow:0 12px 28px rgba(17,24,39,.14)!important;
    font:800 14px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    cursor:pointer!important;
  }
  .kb-mobile-toggle span{font-size:20px!important;line-height:1!important;}
  .kb-mobile-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:11900!important;
    background:rgba(9,17,31,.42)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .22s ease!important;
  }
  body.kb-menu-open .kb-mobile-overlay{opacity:1!important;pointer-events:auto!important;}

  body{padding-top:56px!important;}
  aside{
    display:block!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(86vw,330px)!important;
    height:100vh!important;
    max-height:100vh!important;
    padding:68px 14px 18px!important;
    background:#fff!important;
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:12000!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    box-shadow:20px 0 48px rgba(17,24,39,.18)!important;
  }
  body.kb-menu-open aside{transform:translateX(0)!important;}
  aside::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
  .side-logo{margin:0 0 12px!important;padding:0 0 12px!important;}
  .side-logo img{width:58px!important;max-width:58px!important;height:auto!important;}
  aside .label{margin:0 0 10px!important;font-size:12px!important;}

  .topic-menu.compact-menu,
  .topic-menu{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:0 0 24px!important;
  }
  .topic-row{position:relative!important;min-width:0!important;}
  .topic-row::after{display:none!important;}
  .topic-menu.compact-menu .cat-link,
  .cat-link{
    min-height:38px!important;
    height:auto!important;
    padding:8px 10px!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    transform:none!important;
  }
  .topic-menu.compact-menu .cat-left,
  .cat-left{gap:8px!important;min-width:0!important;}
  .topic-menu.compact-menu .cat-left svg,
  .cat-left svg{width:16px!important;height:16px!important;min-width:16px!important;}

  .topic-menu.compact-menu .submenu,
  .submenu,
  .topic-row:hover .submenu,
  .topic-row:focus-within .submenu,
  .submenu:hover{
    display:block!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    min-width:0!important;
    width:100%!important;
    margin:6px 0 4px 0!important;
    padding:8px 8px 8px 32px!important;
    border:0!important;
    border-left:2px solid rgba(124,58,237,.18)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:auto!important;
  }
  .submenu strong{display:none!important;}
  .topic-menu.compact-menu .submenu a,
  .submenu a{
    display:block!important;
    padding:5px 0!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
    color:#374151!important;
    background:transparent!important;
    text-decoration:none!important;
  }
  .submenu a:hover{color:var(--purple)!important;background:transparent!important;}
  .submenu small{display:block!important;font-size:10.5px!important;line-height:1.2!important;color:#6b7280!important;}

  main{padding-top:14px!important;}
}


/* v136: mobiel menu hoofdlinks eerst, submenu na klik + pijl omhoog */
.kb-back-top{display:none;}
@media (max-width:850px){
  .kb-mobile-toggle{
    left:auto!important;
    right:14px!important;
    top:18px!important;
    height:44px!important;
    min-width:86px!important;
    padding:0 13px!important;
    border-radius:14px!important;
    font-size:14px!important;
    box-shadow:0 14px 30px rgba(17,24,39,.18)!important;
  }
  .kb-mobile-toggle span{font-size:22px!important;margin-top:-1px!important;}
  body{padding-top:74px!important;}
  main{padding-top:22px!important;}
  aside{padding-top:76px!important;}

  /* mobiel: eerst alleen hoofdlinks tonen */
  .topic-menu.compact-menu .submenu,
  .submenu,
  .topic-row:hover .submenu,
  .topic-row:focus-within .submenu,
  .submenu:hover{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
    max-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0 8px 0 32px!important;
    border-left:2px solid rgba(124,58,237,.18)!important;
    transform:none!important;
    transition:max-height .22s ease, padding .22s ease, margin .22s ease!important;
  }
  .topic-row.submenu-open > .submenu{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-height:520px!important;
    overflow:visible!important;
    margin:6px 0 4px 0!important;
    padding:8px 8px 8px 32px!important;
    border:0!important;
    border-left:2px solid rgba(124,58,237,.18)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:auto!important;
  }
  .topic-row.has-sub > .cat-link::after{
    content:'›';
    margin-left:auto;
    font-size:18px;
    font-weight:900;
    color:var(--purple);
    transition:transform .18s ease;
  }
  .topic-row.has-sub.submenu-open > .cat-link::after{transform:rotate(90deg);}
  .submenu strong{display:none!important;}
  .submenu a{
    display:block!important;
    padding:6px 0!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
    color:#374151!important;
    text-decoration:none!important;
  }

  .kb-back-top{
    display:flex!important;
    position:fixed!important;
    right:14px!important;
    bottom:18px!important;
    z-index:11850!important;
    width:48px!important;
    height:48px!important;
    border:0!important;
    border-radius:50%!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,var(--purple),#6d28d9)!important;
    color:#fff!important;
    font-size:28px!important;
    font-weight:900!important;
    box-shadow:0 14px 34px rgba(124,58,237,.34)!important;
    cursor:pointer!important;
    opacity:.96!important;
  }
}
@media (max-width:520px){
  .kb-mobile-toggle{right:12px!important;top:16px!important;}
  body{padding-top:70px!important;}
  main{padding-top:20px!important;}
}


/* v137: mobiel menu alleen hamburger, duidelijker + boek groter + sublinks schuiven van rechts */
@media (max-width:850px){
  .kb-mobile-toggle{
    min-width:52px!important;
    width:52px!important;
    height:48px!important;
    padding:0!important;
    right:14px!important;
    top:16px!important;
    border:2px solid rgba(124,58,237,.55)!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  .kb-mobile-toggle span{
    font-size:34px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#4c1d95!important;
    margin-top:-3px!important;
    display:block!important;
  }
  .hero-art{
    height:336px!important;
    min-height:336px!important;
  }
  .book-stage{
    transform:translateX(-50%) scale(.36)!important;
    top:0!important;
  }
  .subject-title-block{
    bottom:-178px!important;
  }
  .arc-btn{
    top:782px!important;
  }
  .topic-row.submenu-open > .submenu{
    animation:kbSubSlideIn .22s ease both!important;
    transform-origin:right center!important;
  }
}
@media (max-width:520px){
  .hero-art{
    height:318px!important;
    min-height:318px!important;
  }
  .book-stage{
    transform:translateX(-50%) scale(.33)!important;
    top:0!important;
  }
  .subject-title-block{
    bottom:-185px!important;
  }
  .arc-btn{
    top:780px!important;
  }
}
@keyframes kbSubSlideIn{
  from{opacity:0;transform:translateX(34px);} 
  to{opacity:1;transform:translateX(0);} 
}


/* v138: mobiele vaste header + terugknop pas na eerste uitlegblok */
@media (max-width:850px){
  body{padding-top:68px!important;}
  body::before{
    content:"KENNISBANK";
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:62px;
    z-index:12020;
    display:flex;
    align-items:center;
    padding:0 74px 0 18px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--line);
    box-shadow:0 10px 28px rgba(17,24,39,.08);
    color:var(--purple);
    font-weight:900;
    font-size:18px;
    letter-spacing:.08em;
  }
  .kb-mobile-toggle{
    top:8px!important;
    right:12px!important;
    z-index:12060!important;
    width:48px!important;
    min-width:48px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .kb-mobile-toggle span{
    position:relative!important;
    width:30px!important;
    height:22px!important;
    display:block!important;
    font-size:0!important;
    color:transparent!important;
    margin:0!important;
  }
  .kb-mobile-toggle span::before,
  .kb-mobile-toggle span::after,
  .kb-mobile-toggle span i{
    content:"";
    position:absolute;
    left:0;
    width:30px;
    height:4px;
    border-radius:999px;
    background:#4c1d95;
    box-shadow:0 1px 0 rgba(255,255,255,.45);
  }
  .kb-mobile-toggle span::before{top:0;}
  .kb-mobile-toggle span i{top:9px;}
  .kb-mobile-toggle span::after{bottom:0;}
  aside{padding-top:78px!important;}
  main{padding-top:14px!important;}
  .kb-back-top{
    display:none!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
    transition:opacity .22s ease, transform .22s ease!important;
  }
  .kb-back-top.show{
    display:flex!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}
@media (max-width:520px){
  body::before{height:60px;font-size:17px;padding-left:16px;}
  body{padding-top:66px!important;}
  .kb-mobile-toggle{top:7px!important;right:10px!important;}
}

/* v139: mobiele finetuning header, boek, zoekbalk en submenu-lade */
@media (max-width:850px){
  /* vaste header: KENNISBANK exact midden */
  body::before{
    justify-content:center!important;
    text-align:center!important;
    padding:0 72px!important;
    box-sizing:border-box!important;
  }

  /* boek/lamp iets groter */
  .hero-art{
    height:370px!important;
    min-height:370px!important;
  }
  .book-stage{
    transform:translateX(-50%) scale(.39)!important;
    top:0!important;
  }

  /* balk onder het boek iets lager, pijlen weer midden in de balk */
  .subject-title-block{
    bottom:-205px!important;
  }
  .arc-btn{
    top:808px!important;
  }

  /* zoekbalk iets lager onder boek/onderwerpbalk */
  .kb-search-under-hero{
    margin:12px 0 20px 0!important;
  }

  /* mobiele submenu-lade: eerst hoofdlinks, daarna alleen sublinks */
  .kb-submenu-back{
    display:none;
  }
  body.kb-submenu-mode .kb-submenu-back{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:12px 13px!important;
    border:1px solid rgba(124,58,237,.22)!important;
    border-radius:12px!important;
    background:rgba(124,58,237,.08)!important;
    color:#4c1d95!important;
    font:800 14px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    cursor:pointer!important;
    text-align:left!important;
  }
  body.kb-submenu-mode aside .label,
  body.kb-submenu-mode aside .side-logo{
    display:none!important;
  }
  body.kb-submenu-mode aside{
    padding-top:78px!important;
  }
  body.kb-submenu-mode .topic-menu{
    position:relative!important;
    overflow:hidden!important;
  }
  body.kb-submenu-mode .topic-row{
    display:none!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open{
    display:block!important;
    animation:kbSubPageIn .24s ease both!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open > .cat-link{
    display:none!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open > .submenu{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open > .submenu strong{
    display:block!important;
    margin:0 0 10px!important;
    padding:0 2px 10px!important;
    border-bottom:1px solid rgba(124,58,237,.18)!important;
    color:#231537!important;
    font-size:16px!important;
    line-height:1.2!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open > .submenu a{
    display:block!important;
    padding:11px 2px!important;
    border-bottom:1px solid rgba(17,24,39,.08)!important;
    color:#374151!important;
    font-size:14px!important;
    line-height:1.25!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  body.kb-submenu-mode .topic-row.submenu-open > .submenu a:hover{
    color:var(--purple)!important;
  }
}

@media (max-width:520px){
  .hero-art{
    height:352px!important;
    min-height:352px!important;
  }
  .book-stage{
    transform:translateX(-50%) scale(.36)!important;
    top:0!important;
  }
  .subject-title-block{
    bottom:-210px!important;
  }
  .arc-btn{
    top:810px!important;
  }
  .kb-search-under-hero{
    margin:10px 0 20px 0!important;
  }
}

@keyframes kbSubPageIn{
  from{opacity:0;transform:translateX(100%);} 
  to{opacity:1;transform:translateX(0);} 
}

/* v140: mobiele submenu-titel, onderwerpbalk en zoekbalk finetune */
@media (max-width:850px){
  body.kb-submenu-mode .topic-row.submenu-open > .submenu strong{
    text-align:center!important;
    color:var(--purple)!important;
    font-weight:900!important;
    font-size:17px!important;
    letter-spacing:.02em!important;
  }
  .subject-title-block{
    bottom:-195px!important;
  }
  .arc-btn{
    top:798px!important;
  }
  .kb-search-under-hero{
    margin:20px 0 20px 0!important;
  }
}
@media (max-width:520px){
  body.kb-submenu-mode .topic-row.submenu-open > .submenu strong{
    text-align:center!important;
    color:var(--purple)!important;
    font-weight:900!important;
    font-size:16px!important;
  }
  .subject-title-block{
    bottom:-200px!important;
  }
  .arc-btn{
    top:800px!important;
  }
  .kb-search-under-hero{
    margin:18px 0 20px 0!important;
  }
}


/* v141: mobiele header-offset, blijvende markering, pijlen en sluitkruis */
@media (max-width:850px){
  html{scroll-padding-top:86px!important;}
  .explain-block,
  details.explain-block,
  .explain-dropdown,
  .card[id],
  section[id],
  article[id]{scroll-margin-top:86px!important;}
  .arc-btn{top:790px!important;}
  .kb-menu-close{
    display:flex!important;
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(124,58,237,.22)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#4c1d95!important;
    font-size:28px!important;
    font-weight:500!important;
    line-height:1!important;
    cursor:pointer!important;
    z-index:2!important;
  }
}
@media (max-width:520px){
  html{scroll-padding-top:84px!important;}
  .explain-block,
  details.explain-block,
  .explain-dropdown,
  .card[id],
  section[id],
  article[id]{scroll-margin-top:84px!important;}
  .arc-btn{top:792px!important;}
}
@media (min-width:851px){.kb-menu-close{display:none!important;}}

/* v142: desktop terugknop verbergen, gekozen blok als enige markeren, pijlen iets omhoog */
.kb-submenu-back{display:none!important;}
@media (max-width:850px){
  body.kb-submenu-mode .kb-submenu-back{display:flex!important;}
  .arc-btn{top:786px!important;}
}
@media (max-width:520px){
  .arc-btn{top:788px!important;}
}


/* SEO/conversieblok kennisbank naar PROFCOM Design diensten */
.commercial-cta{
  margin:34px auto 56px;
  padding:24px 26px;
  max-width:980px;
  border:1px solid rgba(124,58,237,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(255,255,255,.86));
  box-shadow:0 14px 38px rgba(31,18,61,.06);
}
.commercial-cta h2{
  margin:0 0 8px;
  color:#5b21b6;
  font-size:1.25rem;
  line-height:1.25;
}
.commercial-cta p{
  margin:0 0 14px;
  color:#3f3454;
  line-height:1.75;
}
.commercial-cta-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#5b21b6;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
.commercial-cta-link::after{content:'›';font-size:1.15em;}
@media(max-width:780px){
  .commercial-cta{margin:24px 16px 42px;padding:20px;}
  .commercial-cta h2{font-size:1.12rem;}
}


/* Kleine serviceverwijzing in uitlegblokken */
.topic-service-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:18px;
  padding:14px 16px;
  border:1px solid rgba(124,58,237,.22);
  border-radius:16px;
  background:rgba(124,58,237,.07);
  color:#3f3454;
}
.topic-service-icon{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#6b35c9;
  color:#fff;
  font-size:15px;
  line-height:1;
  box-shadow:0 8px 20px rgba(107,53,201,.18);
}
.topic-service-note p{
  margin:0;
  line-height:1.65;
  font-size:.96rem;
}
.topic-service-note strong{
  color:#5b21b6;
}
.topic-service-note a{
  margin-left:auto;
  white-space:nowrap;
  color:#5b21b6;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:720px){
  .topic-service-note{display:block;padding:14px;}
  .topic-service-icon{margin-bottom:9px;}
  .topic-service-note a{display:inline-block;margin:10px 0 0;white-space:normal;}
}

/* v146 Lighthouse-correcties: vaste beeldruimte, tikdoelen en verborgen H2 voor kopstructuur */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.book-img{
  aspect-ratio:1040 / 410!important;
  height:auto!important;
}
.lamp-img,.lamp-cover{
  aspect-ratio:280 / 410!important;
  height:auto!important;
}
.side-logo img{
  aspect-ratio:164 / 139!important;
  height:auto!important;
}
.card-subcat-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:8px 8px!important;
  margin:2px 4px 2px 0!important;
  line-height:1.25!important;
}
.card-subcats li{
  line-height:1.25!important;
}
@media(max-width:850px){
  .card-subcat-link{
    display:flex!important;
    min-height:44px!important;
    padding:10px 4px!important;
  }
}


/* Zoekresultatenpagina */
.search-results-page{margin-top:26px}
.search-results-head{margin-bottom:18px}
.search-results-head h2{font-size:clamp(1.6rem,3vw,2.6rem);color:#3d255f;margin:0 0 8px}
.search-results-head p{margin:0;color:#5d536b;line-height:1.7}
.search-results-list{display:grid;gap:14px;margin-top:18px}
.search-result-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(107,53,201,.18);border-radius:18px;background:#fff;padding:18px 20px;box-shadow:0 10px 30px rgba(30,20,50,.06);transition:.2s ease}
.search-result-card:hover,.search-result-card:focus{border-color:rgba(107,53,201,.55);box-shadow:0 12px 34px rgba(107,53,201,.12);transform:translateY(-1px);outline:none}
.search-result-card strong{display:block;color:#2f1c4d;font-size:1.08rem;margin-bottom:5px}
.search-result-card span{display:block;color:#6b35c9;font-size:.86rem;font-weight:700;margin-bottom:8px}
.search-result-card p{margin:0;color:#5d536b;line-height:1.65}
.search-result-empty{border:1px dashed rgba(107,53,201,.35);border-radius:18px;background:rgba(107,53,201,.06);padding:18px;color:#4d415c}
.kb-search-all{display:block;padding:12px 14px;text-decoration:none;border-top:1px solid rgba(107,53,201,.14);background:rgba(107,53,201,.07);color:#4b238a;font-weight:800}
.kb-search-all:hover{background:rgba(107,53,201,.12)}
@media(max-width:850px){.search-result-card{padding:16px}.search-results-page{margin-top:18px}}

/* v151: herstel homepage-onderwerpvakken; sublinks weer gewone tekstlinks links in het vak */
@media (min-width:851px){
  .simple-page > .grid .topic-card{
    align-items:flex-start!important;
    gap:16px!important;
    min-height:0!important;
    padding:20px!important;
  }
  .simple-page > .grid .topic-card > span:last-child{
    display:block!important;
    width:100%!important;
    text-align:left!important;
  }
  .simple-page > .grid .topic-card h3{
    margin:2px 0 8px!important;
    text-align:left!important;
  }
  .simple-page > .grid .topic-card .card-subcats{
    display:block!important;
    margin:6px 0 0!important;
    padding-left:0!important;
    text-align:left!important;
  }
  .simple-page > .grid .topic-card .card-subcats li{
    display:block!important;
    width:auto!important;
    margin:3px 0!important;
    padding:0!important;
    line-height:1.35!important;
    text-align:left!important;
  }
  .simple-page > .grid .topic-card .card-subcat-link{
    display:inline!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    line-height:1.35!important;
  }
}