/* Tempolessen - leesbare lokale SEO-verhalen. Alleen informatieblokken;
   traject-/pakketkaarten, keuzehulp en betaalflows blijven onaangeraakt. */
body.tl-seo-enhanced{--tl-peach:#fff2e7;--tl-mango:#f5ab70;--tl-cocoa:#8b411d}
body.tl-seo-enhanced .why-section .reasons{display:grid;gap:12px}
body.tl-seo-enhanced .why-section .reasons article{border:1px solid #e9d9c9;background:#fffdfa;border-radius:18px;padding:20px 22px;box-shadow:0 12px 28px -25px #9c572d78;transition:transform .2s ease,box-shadow .2s ease}
body.tl-seo-enhanced .why-section .reasons article:hover{transform:translateY(-3px);box-shadow:0 14px 25px -18px #9c572d45}
body.tl-seo-enhanced .why-section .reasons article:first-child,body.tl-seo-enhanced .why-section .reasons article:last-child{padding:20px 22px}
body.tl-seo-enhanced .why-section .reasons .reason-number{background:#fff0e3;border-color:#f0c7a6;color:#944216}
body.tl-seo-enhanced #rijlesadvies .home-info-card,body.tl-seo-enhanced #rijlesgids .home-info-card,body.tl-seo-enhanced #over-tempolessen .home-info-card{border-radius:20px;border-color:#e9d9c8;background:linear-gradient(150deg,#fff 74%,#fff7ef);box-shadow:0 16px 38px -33px #bd673e66;transition:transform .2s ease,box-shadow .2s ease}
body.tl-seo-enhanced #rijlesadvies .home-info-card:hover,body.tl-seo-enhanced #rijlesgids .home-info-card:hover,body.tl-seo-enhanced #over-tempolessen .home-info-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -25px #bd673e66}
body.tl-seo-enhanced #regios .home-region-steps article{background:#fff;border:1px solid #ecdccc;border-radius:16px;padding:20px;margin-bottom:12px;box-shadow:0 12px 23px -23px #88461c88}
body.tl-seo-enhanced #vragen .faq-list details{border:1px solid #e9d6c4;background:#fff;border-radius:15px;margin-bottom:11px;padding:0 17px;transition:background .2s ease}
body.tl-seo-enhanced #vragen .faq-list details[open]{background:#fff4ea;border-color:#ebb990}
body.tl-seo-enhanced #vragen .faq-list details summary{padding-block:17px;font-weight:650}
body.tl-seo-enhanced #vragen .faq-list details summary:after{top:10px;right:0}
body.tl-seo-enhanced #vragen .faq-list details p{padding-bottom:17px}
body.tl-seo-enhanced #rijlesadvies,body.tl-seo-enhanced #rijlesgids,body.tl-seo-enhanced #regios,body.tl-seo-enhanced #over-tempolessen{scroll-margin-top:105px}
body.tl-seo-enhanced #regios .home-section-intro{background:#fff6ee;border:1px solid #efcfb4;border-left:5px solid #e97436;border-radius:8px 18px 18px 8px;padding:20px 22px;line-height:1.85;box-shadow:0 10px 22px -25px #aa623c88}
body.tl-seo-enhanced #rijlesadvies .home-exam-note{background:#fff0e4;border:1px dashed #edbc93;border-radius:20px;padding:21px 26px}
body.tl-seo-enhanced #rijlesgids .home-guide-topics{border:1px solid #efd9c5;background:linear-gradient(140deg,#fff9f2,#fff);border-radius:22px;padding:23px 25px;margin-bottom:27px}
body.tl-seo-enhanced #rijlesgids .home-guide-topics ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 0;padding:0}
body.tl-seo-enhanced #rijlesgids .home-guide-topics li{margin:0;min-width:0}
body.tl-seo-enhanced #rijlesgids .home-guide-topics li a{display:flex;align-items:center;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #f0e1d3;border-radius:11px;font-size:11px;line-height:1.5;text-decoration:none;color:#8d411c;font-weight:700}
body.tl-seo-enhanced #rijlesgids .home-guide-topics li a:hover{border-color:#eba875;background:#fff4e9}
body.tl-seo-enhanced #over-tempolessen .section-top>p{background:#fff4e9;border:1px solid #f0d1b5;border-radius:17px;padding:20px 22px;line-height:1.85}

/* Per stad/zoekvraag een voorbeeld met dezelfde speelse telefoon als de homepage. */
.tl-story{position:relative;isolation:isolate;background:linear-gradient(145deg,#fff1e3 0%,#fff9f3 55%,#fff 100%);border-block:1px solid #f0dfd0;padding:87px 0 94px;overflow:hidden}
.tl-story::before,.tl-story::after{content:"";position:absolute;border:2px dashed #e9b58b6e;border-radius:50%;pointer-events:none;z-index:-1}
.tl-story::before{width:320px;height:320px;right:-130px;top:-170px}
.tl-story::after{width:200px;height:200px;left:-140px;bottom:-110px}
.tl-story .tl-story-kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;color:#ab4f19;font-size:10px;font-weight:800;margin-bottom:14px}
.tl-story .tl-story-kicker::before{content:"";width:18px;height:3px;background:#d96320;border-radius:9px}
.tl-story .tl-story-head{max-width:1160px;margin-bottom:36px}
.tl-story .tl-story-head h2{max-width:850px;font-size:clamp(33px,4.7vw,59px);letter-spacing:-.057em;line-height:1.06;margin:0 0 16px}
.tl-story .tl-story-head h2 em{font-style:normal;color:#b44b17}
.tl-story .tl-story-head>p{max-width:780px;font-size:14px;line-height:1.9;color:#6b625b}
.tl-story .tl-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,420px);align-items:center;gap:clamp(26px,6vw,90px)}
.tl-story .tl-story-path{display:grid;gap:13px;align-content:start}
.tl-story .tl-story-step{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr) 20px;align-items:center;gap:17px;border:1px solid #ead8c7;border-radius:19px;padding:20px 21px;background:#fff;box-shadow:0 10px 22px -22px #a4623099;text-align:left;cursor:pointer;font:inherit;color:#192c30;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s}
.tl-story .tl-story-step:hover,.tl-story .tl-story-step[aria-pressed="true"]{border-color:#eca96e;background:#fffaf5;box-shadow:0 16px 30px -21px #ae5c2b66;transform:translateX(3px)}
.tl-story .tl-story-step[aria-pressed="true"]{outline:2px solid #f0be9780;outline-offset:1px}
.tl-story .tl-story-step:focus-visible,.tl-story .tl-phone-nav button:focus-visible,.tl-next-read a:focus-visible{outline:3px solid #db6224;outline-offset:3px}
.tl-story .tl-step-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#ffeddb;color:#a9471b;font:800 12px/1 Manrope,Arial,sans-serif}
.tl-story .tl-story-step[aria-pressed="true"] .tl-step-icon{background:#ed661d;color:#fff}
.tl-story .tl-story-step strong{display:block;font-size:17px;line-height:1.3;margin-bottom:6px;font-weight:750}
.tl-story .tl-story-step small{display:block;font-size:12px;line-height:1.7;color:#6b655d}
.tl-story .tl-step-arrow{font-size:22px;color:#cd8b5b}
.tl-story .tl-story-caption{padding:9px 0 0;color:#766b64;font-size:11px;line-height:1.7}
.tl-story .tl-story-caption a{color:#9b4518;font-weight:750;text-decoration:underline;text-underline-offset:3px}

.tl-story .tl-phone-stage{position:relative;display:grid;place-items:center;min-height:530px}
.tl-story .tl-phone-stage::before{content:"";width:370px;height:370px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:47% 53% 45% 55%;background:#ffdabb;box-shadow:37px 25px 0 #fce8d6;filter:blur(.2px)}
.tl-story .tl-phone-frame{position:relative;width:282px;min-height:505px;background:#1c2c2f;border:9px solid #1c2c2f;border-radius:41px;box-shadow:0 28px 45px -20px #40312a88,0 5px 0 0 #3b494b;transform:rotate(3deg);overflow:hidden}
.tl-story .tl-phone-frame::before{content:"";position:absolute;z-index:2;width:86px;height:20px;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 14px 14px;background:#1c2c2f}
.tl-story .tl-phone-inner{background:#fffaf6;border-radius:31px;min-height:487px;padding:33px 20px 20px;display:flex;flex-direction:column}
.tl-story .tl-phone-top{display:flex;align-items:center;justify-content:space-between;color:#2a3230;font-size:11px;font-weight:800}
.tl-story .tl-phone-top span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#fff0df;color:#ae4d1d;font-weight:900}
.tl-story .tl-phone-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#ad4f1b;margin-top:34px}
.tl-story .tl-phone-inner h3{margin-top:7px;margin-bottom:12px;font-size:24px;line-height:1.12;letter-spacing:-.05em;font-weight:750}
.tl-story .tl-phone-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:7px 0 20px}
.tl-story .tl-phone-progress i{display:block;background:#f2d6c0;height:5px;border-radius:12px}
.tl-story .tl-phone-progress i.active{background:#e86c28}
.tl-story .tl-phone-panel{background:#fff;border:1px solid #efdaca;border-radius:17px;padding:18px 16px;min-height:153px;box-shadow:0 10px 24px #a4572310}
.tl-story .tl-phone-panel>span{display:inline-block;background:#fff0e4;color:#96471f;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:850}
.tl-story .tl-phone-panel strong{display:block;color:#27312f;font-size:16px;line-height:1.32;margin-top:12px;margin-bottom:8px}
.tl-story .tl-phone-panel p{font-size:11px;line-height:1.65;color:#66605b;margin:0}
.tl-story .tl-phone-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:17px}
.tl-story .tl-phone-nav button{border:1px solid #edd3bf;background:#fff;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:750;color:#873f1c;cursor:pointer}
.tl-story .tl-phone-nav button:disabled{opacity:.35;cursor:default}
.tl-story .tl-phone-nav .tl-phone-next{background:#e96b29;border-color:#e96b29;color:#fff}
.tl-story .tl-phone-example{display:block;font-size:9px;line-height:1.4;text-align:center;color:#83756d;margin-top:9px}

/* Nuttige interne links met betekenisvolle ankertekst, niet een blok zoekwoorden. */
.tl-next-read{padding:74px 0 86px}
.tl-next-read .tl-next-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}
.tl-next-read .tl-next-heading h2{font-size:clamp(28px,3.7vw,44px);max-width:675px;line-height:1.12}
.tl-next-read .tl-next-heading p{font-size:12px;max-width:360px;line-height:1.9}
.tl-next-read .tl-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tl-next-read .tl-next-card{display:flex;flex-direction:column;min-height:185px;gap:12px;padding:23px 20px;border:1px solid #ebd9c8;border-radius:20px;background:linear-gradient(135deg,#fff 65%,#fff6ee);text-decoration:none;box-shadow:0 12px 22px -24px #965629aa;transition:transform .2s ease,border-color .2s ease}
.tl-next-read .tl-next-card:hover{transform:translateY(-4px);border-color:#eaad79;color:#87441e}
.tl-next-read .tl-next-card .tl-next-icon{display:grid;place-items:center;width:39px;height:39px;background:#ffebd9;color:#a84c1f;border-radius:13px;font-size:18px}
.tl-next-read .tl-next-card strong{display:block;font-size:15px;line-height:1.35;font-weight:750}
.tl-next-read .tl-next-card span:last-child{margin-top:auto;font-size:12px;font-weight:750;color:#a24b1e}
.tl-next-read .tl-clear-note{display:flex;align-items:center;gap:18px;border:1px solid #f0c59f;background:#fff2e5;border-radius:17px;padding:19px 23px;margin-top:26px}
.tl-next-read .tl-clear-note>span{font-size:24px;flex:0 0 35px}
.tl-next-read .tl-clear-note p{font-size:12px;line-height:1.8;color:#5e4c43}
.tl-next-read .tl-clear-note strong{color:#7c3d1a}
@media(max-width:1000px){.tl-next-read .tl-next-grid{grid-template-columns:repeat(2,1fr)}.tl-story .tl-story-grid{gap:35px}}
@media(max-width:760px){.tl-story{padding:61px 0 65px}.tl-story .tl-story-head{margin-bottom:25px}.tl-story .tl-story-head h2{font-size:36px}.tl-story .tl-story-head>p{font-size:13px}.tl-story .tl-story-grid{grid-template-columns:1fr;gap:15px}.tl-story .tl-story-step{grid-template-columns:38px 1fr 18px;padding:16px;gap:12px}.tl-story .tl-step-icon{width:38px;height:38px;border-radius:12px}.tl-story .tl-story-step strong{font-size:15px}.tl-story .tl-story-step small{font-size:11px}.tl-story .tl-phone-stage{min-height:450px;padding:20px 0 0}.tl-story .tl-phone-stage::before{width:300px;height:300px}.tl-story .tl-phone-frame{transform:rotate(1.5deg) scale(.88);margin:-27px 0}.tl-next-read{padding-block:55px 63px}.tl-next-read .tl-next-heading{display:block}.tl-next-read .tl-next-heading p{margin-top:12px}.tl-next-read .tl-next-grid{grid-template-columns:1fr 1fr}.tl-next-read .tl-next-card{min-height:155px;padding:18px 15px}.tl-next-read .tl-next-card strong{font-size:13px}.tl-next-read .tl-clear-note{align-items:flex-start;padding:16px}.tl-next-read .tl-clear-note>span{font-size:20px;flex:0 0 24px}body.tl-seo-enhanced .why-section .reasons article{padding:16px}body.tl-seo-enhanced .why-section .reasons article:first-child,body.tl-seo-enhanced .why-section .reasons article:last-child{padding:16px}body.tl-seo-enhanced #rijlesgids .home-guide-topics ul{grid-template-columns:1fr}}
@media(max-width:460px){.tl-next-read .tl-next-grid{grid-template-columns:1fr}.tl-next-read .tl-next-card{min-height:125px}.tl-story .tl-story-head h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.tl-story .tl-story-step,.tl-next-read .tl-next-card,body.tl-seo-enhanced .why-section .reasons article{transition:none}}