.examples-page .site-header nav{gap:26px}
.examples-hero{padding-top:64px;padding-bottom:55px;max-width:1000px}
.examples-hero h1{max-width:860px;white-space:normal;font-size:clamp(44px,5vw,68px);line-height:1.08}
.examples-hero .highlight{display:inline;background:linear-gradient(transparent 58%,var(--lime) 58%)}
.examples-hero .highlight:before{display:none}
.examples-hero>p{max-width:710px;color:var(--muted);font-size:17px;line-height:1.8}
.examples-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.examples-jump a{border:1px solid var(--line);border-radius:8px;padding:11px 15px;font-size:12px;font-weight:600;background:var(--white)}
.examples-jump a:hover,.example-shop:hover{background:var(--lime)}
.examples-intro{display:flex;gap:15px;align-items:flex-start;background:var(--soft);border-block:1px solid var(--line);padding-block:19px}
.examples-intro .notice-icon{margin-top:3px}
.examples-intro p{max-width:1000px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.examples-list{display:grid;gap:24px;padding-top:52px;padding-bottom:66px}
.example-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:36px 42px;scroll-margin-top:25px}
.example-card-head{display:flex;align-items:center;gap:18px}
.example-number{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--lime);font-size:13px;font-weight:700}
.example-card h2{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:6px 0 0}
.example-request{font-family:Georgia,serif;font-size:21px;line-height:1.45;margin:28px 0;padding:18px 23px;background:#f4f7ec;border-left:3px solid #9dbd57}
.example-request span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.example-grid h3{font-size:14px;margin:0 0 20px}
.example-questions ol{margin:0;padding-left:25px;display:grid;gap:20px}
.example-questions li{padding-left:5px}
.example-questions li::marker{font-size:11px;font-weight:700;color:#749741}
.example-questions strong{display:block;font-size:14px;line-height:1.5}
.example-questions li>span{display:block;font-size:12px;font-weight:700;color:#51713e;margin:6px 0}
.example-questions p,.example-reasoning p{font-size:12px;color:var(--muted);line-height:1.85;margin:8px 0 0}
.example-reasoning{border-left:1px solid var(--line);padding-left:35px}
.example-reasoning .example-tradeoff{margin-top:18px}
.example-tradeoff strong{color:var(--ink)}
.example-shop{margin-top:22px;display:inline-flex;align-items:center;gap:15px;border:1px solid #a9bf8b;border-radius:8px;padding:13px 16px;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none}
.example-shop span{font-size:18px}
.examples-outro{border-top:1px solid var(--line);padding-top:60px;padding-bottom:80px;max-width:950px}
.examples-outro h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1.4px;line-height:1.2;max-width:670px;margin:14px 0}
.examples-outro p{max-width:700px;font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 24px}
.examples-page .site-footer .footer-disclosure{margin-left:auto}
@media(max-width:760px){.examples-page .site-header nav>a:not(.button){display:none}.examples-page .site-header nav>a.button{display:inline-flex}.examples-page .site-header nav{gap:0}.examples-hero{padding-top:36px;padding-bottom:35px}.examples-hero h1{font-size:clamp(40px,9vw,55px);letter-spacing:-2.4px}.examples-hero>p{font-size:14px}.examples-jump{margin-top:24px}.examples-jump a{font-size:11px;padding:10px 12px}.examples-intro p{font-size:11px}.examples-list{padding-top:30px;padding-bottom:42px;gap:18px}.example-card{padding:25px 20px;border-radius:13px}.example-card-head{gap:12px}.example-number{width:36px;height:36px;font-size:11px}.example-card h2{font-size:25px}.example-request{font-size:18px;padding:15px;margin:23px 0}.example-grid{grid-template-columns:1fr;gap:27px}.example-reasoning{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.example-shop{width:100%;justify-content:space-between}.examples-outro{padding-top:45px;padding-bottom:60px}.examples-outro p{font-size:12px}.examples-page .site-footer .footer-disclosure{margin-left:0}}

/* Uitgewerkte voorbeelden: de index op deze pagina en de losse voorbeeldpagina. */
.voorbeeld-index{border-top:1px solid var(--line);padding-top:48px;padding-bottom:66px}
.voorbeeld-index .section-heading h2{margin:12px 0 0;font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;font-weight:500}
.voorbeeld-kaarten{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.voorbeeld-kaarten a{display:grid;gap:9px;height:100%;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:24px}
.voorbeeld-kaarten a:hover{border-color:#a9bf8b;background:#fbfcf6}
.voorbeeld-kaarten strong{font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1.3}
.voorbeeld-vraag{font-family:Georgia,serif;font-size:13px;line-height:1.6;color:var(--muted)}
.voorbeeld-meer{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.voorbeeld-meer span{font-size:15px}
.voorbeeld-alle{margin-top:46px;border-top:1px solid var(--line);padding-top:30px}
.voorbeeld-alle h3{font-size:14px;margin:0 0 4px}
.voorbeeld-vragenlijst{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:0 34px}
.voorbeeld-vragenlijst li{border-bottom:1px solid var(--line)}
.voorbeeld-vragenlijst a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-family:Georgia,serif;font-size:15px;line-height:1.5}
.voorbeeld-vragenlijst a:hover{color:#51713e}
.voorbeeld-vragenlijst a span{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:var(--muted);flex-shrink:0}
.advice-crumbs{font-size:11px;color:var(--muted);padding-top:22px;display:flex;gap:9px;flex-wrap:wrap}
.advice-crumbs a{text-decoration:underline;text-underline-offset:3px}
.advice-page{margin-top:22px;margin-bottom:10px}
.advice-page h1{font-size:clamp(31px,3.6vw,44px);letter-spacing:-1.6px;line-height:1.14;margin:6px 0 0;white-space:normal}
.advice-page .example-number{font-size:20px;color:var(--ink)}
.advice-page h2{font-size:14px;margin:0 0 20px}
.advice-meta{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);margin:34px 0 0;padding-top:20px}
@media(max-width:760px){.voorbeeld-index{padding-top:32px;padding-bottom:44px}.voorbeeld-kaarten{grid-template-columns:1fr}.voorbeeld-vragenlijst{grid-template-columns:1fr}.voorbeeld-vragenlijst a{font-size:14px}.voorbeeld-alle{margin-top:34px}.advice-page{padding:25px 20px}}