/* Eigen opmaak voor het openbare overzicht; gedeelde labstijl blijft behouden. */
main{max-width:1200px;padding:28px 16px 48px}.tools-intro{max-width:780px;margin:12px 0 32px}.tools-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:900;color:var(--muted)}.banner{font-size:clamp(28px,6vw,50px);margin:0 0 20px;max-width:100%;overflow-wrap:anywhere}.tools-lead{font-size:clamp(21px,3vw,28px);font-weight:900;line-height:1.3;margin:0 0 12px}.tools-promises{display:flex;gap:9px;flex-wrap:wrap;padding:0;list-style:none;margin:22px 0 0}.tools-promises li{border:2px solid var(--line);border-radius:7px;padding:5px 10px;background:var(--panel);font-size:13px}.tools-promises li::before{content:'✓ ';color:var(--green);font-weight:900}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px}.tool-card{padding:0;overflow:hidden;display:flex;flex-direction:column;margin:0;min-width:0}.tool-scene{height:245px;position:relative;overflow:hidden;isolation:isolate;border-bottom:3px solid var(--line);background:#f7e2ae}.articles .tool-scene{background:#d8ebda}.reading .tool-scene{background:#e3deef}.tool-scene::before{content:'';position:absolute;inset:14px;border:2px dashed #1b22332b;border-radius:50%}.scene-label{position:absolute;top:12px;left:12px;border:2px solid #1b2233;border-radius:6px;background:#fff;color:#1b2233;padding:3px 9px;font-size:13px;font-weight:900;z-index:3}.tool-avatar{position:absolute;width:190px;height:190px;background:url('../krulletterlab/assets/begeleiders.webp') no-repeat;background-size:400% 200%;bottom:-3px;z-index:2}.huyge{left:-5px;background-position:0 0}.steam{right:-20px;width:165px;height:165px;background-position:100% 100%;transform:rotate(5deg)}.scene-paper{position:absolute;right:24px;top:46px;background:#fffdf4;color:#1b2233;border:3px solid #1b2233;box-shadow:4px 4px 0 #1b223340;transform:rotate(8deg);padding:8px 16px 28px;font-size:33px;line-height:1.05;font-family:Georgia,serif}.scene-paper i{font-family:var(--body);font-size:12px;font-style:normal}.scene-word{position:absolute;top:45px;background:#fffdf4;color:#1b2233;border:3px solid #1b2233;padding:3px 15px;border-radius:10px;font-size:30px;font-weight:900;z-index:3}.word-one{left:90px;transform:rotate(-10deg)}.word-two{right:15px;top:88px;transform:rotate(9deg)}.tool-body{padding:22px 20px;display:flex;flex-direction:column;flex:1;min-width:0}.tool-number{color:var(--muted);font-size:12px;font-weight:900;margin:0 0 9px}.tool-body h2{font-family:var(--body);font-weight:900;font-size:25px;line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere}.tool-body p{margin-top:0}.tool-body ul{padding-left:20px;font-size:15px;margin:0 0 24px}.tool-body li{margin-bottom:7px}.tool-body .btn{margin-top:auto;white-space:normal;text-align:center;font-size:15px}.tools-note h2{font-size:23px;margin-bottom:12px}.tools-note p:last-child{margin-bottom:0}.tools-note .muted{font-size:14px}.tools-future{text-align:center;max-width:650px;margin:36px auto}.tools-future strong{font-size:23px}.tools-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;font-size:14px;padding-top:20px;border-top:2px solid var(--line)}@media(max-width:1000px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.tools-grid{grid-template-columns:1fr;gap:24px}.tool-scene{height:230px}.tool-avatar.huyge{left:calc(50% - 150px)}.tool-avatar.steam{right:calc(50% - 150px)}.tool-body{padding:20px 18px}.bar .logo{font-size:20px}.bar .btn{font-size:12px;white-space:normal}.scene-paper{right:calc(50% - 125px)}.word-one{left:calc(50% - 50px)}.word-two{right:calc(50% - 130px)}}
/* Woordkaartjes boven de avatars: gezichten blijven vrij. */
.word-one{left:42%;top:38px;font-size:26px;padding:2px 12px}.word-two{right:8px;top:38px;font-size:26px;padding:2px 12px}

/* Volledige, eigen imagegen-illustraties; geen losse avatarcomposities. */
.tool-scene.has-illustration{height:auto;aspect-ratio:3/2;background:var(--panel)}.tool-scene.has-illustration::before{display:none}.has-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}