/* Landingspagina's per zoekterm. Twee varianten op één opzet:
   .lt--lokaal  : commerciële zoekterm, gericht op contact (kaart, cases, review)
   .lt--begrip  : informatieve zoekterm, gericht op het antwoord (definitie, bron)
   De kop volgt de stijl van de insight-artikelen (/assets/artikel-kop.css). */

:root{
  --lt-ink:#0F0E0C;--lt-mag:#E8294A;--lt-mid:#4A4840;--lt-soft:#6B6866;
  --lt-rule:#E8E6E1;--lt-line:#E2DFD9;--lt-tint:#F6F5F2;--lt-breedte:680px;
}

.lt{max-width:var(--lt-breedte);margin:0 auto;padding:0 24px 96px;box-sizing:border-box;}

/* ---------- Kop ---------- */
.lt-head{padding:40px 0 26px;border-bottom:1px solid var(--lt-rule);}
.lt-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;
  font-family:var(--ff-body);font-size:14px;line-height:1.4;color:var(--lt-soft);}
.lt-crumb a{color:var(--lt-soft);text-decoration:none;transition:color .15s;}
.lt-crumb a:hover{color:var(--lt-ink);}
.lt-crumb-sep{color:#B5B1AA;}

.lt-head h1{font-family:var(--ff-disp);font-size:clamp(28px,7.6vw,42px);font-weight:800;
  letter-spacing:-1px;line-height:1.1;margin:20px 0 0;color:var(--lt-ink);}
.lt-lead{font-size:17px;line-height:1.6;color:var(--lt-soft);margin:12px 0 0;max-width:580px;}

/* Specialist onder de titel, zelfde ritme als de auteur op een insight. */
.lt-spec-rij{display:flex;align-items:center;gap:14px;margin-top:24px;}
.lt-spec-foto{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--lt-tint);}
.lt-spec-naam{font-family:var(--ff-body);font-size:16px;font-weight:700;line-height:1.3;
  color:var(--lt-ink);}
.lt-spec-rol{font-family:var(--ff-body);font-size:14px;line-height:1.4;color:var(--lt-soft);
  letter-spacing:.01em;margin-top:2px;}

.lt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px;}
.lt-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-body);
  font-size:14px;line-height:1.4;color:var(--lt-mid);}
.lt-item svg{width:18px;height:18px;flex:none;color:var(--lt-mid);}
.lt-chip{display:inline-flex;align-items:center;height:30px;padding:0 10px;
  font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.04em;
  color:var(--lt-ink);background:#fff;border:1px solid var(--lt-line);border-radius:8px;
  white-space:nowrap;}
.lt-chip--sterren{color:#8A6A00;}
.lt-chip-ster{color:#F4B400;letter-spacing:1px;margin-right:6px;}

/* Actierij in de kop. Lokaal: een contactkaart met de specialist ernaast.
   Begrip: de knoppen om samen te vatten met AI. */
.lt-acties{margin-top:22px;}
.lt-contact{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;
  border:1px solid var(--lt-line);border-radius:14px;background:#fff;}
.lt-contact-foto{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--lt-tint);}
.lt-contact-rechts{min-width:0;flex:1;}
.lt-contact-label{display:block;font-family:var(--ff-body);font-size:13px;line-height:1.35;
  color:var(--lt-mid);margin-bottom:9px;}
.lt-contact .lt-knoppen{gap:8px;}
@media (max-width:420px){
  .lt-contact{gap:10px;padding:12px;}
  .lt-contact-foto{width:44px;height:44px;}
}
.lt-acties-label{display:block;font-family:var(--ff-body);font-size:14px;
  color:var(--lt-mid);margin-bottom:10px;}
.lt-knoppen{display:flex;flex-wrap:wrap;gap:10px;}
.lt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:42px;padding:0 16px;background:#fff;border:1px solid var(--lt-line);
  border-radius:10px;text-decoration:none;color:var(--lt-ink);
  font-family:var(--ff-body);font-size:14px;font-weight:600;
  transition:border-color .15s,box-shadow .15s;}
.lt-btn svg{width:18px;height:18px;flex:none;}
.lt-btn:hover{border-color:#C9C5BE;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.lt-btn--icoon{width:42px;padding:0;}
.lt-btn--vol{background:var(--lt-ink);color:#fff;border-color:var(--lt-ink);}
.lt-btn--vol:hover{background:var(--lt-mag);border-color:var(--lt-mag);box-shadow:none;}
.lt-btn:focus-visible,.lt-crumb a:focus-visible{outline:2px solid var(--lt-mag);outline-offset:2px;}

/* ---------- Headerafbeelding ---------- */
.lt-foto{margin-top:28px;border-radius:16px;overflow:hidden;
  border:1px solid var(--lt-rule);background:var(--lt-tint);aspect-ratio:16/9;}
.lt-foto img{width:100%;height:100%;object-fit:cover;display:block;}
.lt-foto + .lt-antwoord{margin-top:28px;}

/* ---------- Direct antwoord ---------- */
/* Eerste blok na de kop. Kort genoeg om als snippet of AI-antwoord te dienen. */
.lt-antwoord{margin-top:32px;padding:22px 24px;border-radius:16px;
  background:var(--lt-tint);border:1px solid var(--lt-rule);}
.lt-antwoord p{font-family:var(--ff-body);font-size:17px;line-height:1.6;
  color:var(--lt-ink);margin:0;}
.lt-antwoord p+p{margin-top:12px;}
.lt-antwoord strong{font-weight:700;}

/* ---------- Tekstsecties ---------- */
.lt-sec{margin-top:48px;}
.lt-sec h2{font-family:var(--ff-disp);font-size:23px;font-weight:800;letter-spacing:-.5px;
  line-height:1.2;margin:0 0 14px;color:var(--lt-ink);}
.lt-sec h3{font-family:var(--ff-disp);font-size:17px;font-weight:800;letter-spacing:-.2px;
  margin:24px 0 8px;color:var(--lt-ink);}
.lt-sec p{font-size:15.5px;line-height:1.72;color:var(--lt-ink);margin:0 0 15px;}
.lt-sec p:last-child{margin-bottom:0;}
.lt-sec ul,.lt-sec ol{margin:0 0 15px 20px;}
.lt-sec li{font-size:15.5px;line-height:1.72;color:var(--lt-ink);margin-bottom:7px;}
.lt-sec strong{font-weight:700;}
.lt-sec p a{color:var(--lt-ink);text-decoration:underline;
  text-decoration-color:var(--lt-mag);text-underline-offset:3px;text-decoration-thickness:1.5px;}
.lt-sec p a:hover{color:var(--lt-mag);}

/* Rijen met een kop en een regel uitleg. */
.lt-rows{margin-top:20px;border-top:1px solid var(--lt-rule);}
.lt-row{padding:18px 0;border-bottom:1px solid var(--lt-rule);}
.lt-row:last-child{border-bottom:none;}
.lt-row h3{font-family:var(--ff-disp);font-size:16px;font-weight:800;letter-spacing:-.2px;
  margin:0 0 6px;color:var(--lt-ink);}
.lt-row p{font-size:14px;line-height:1.6;color:var(--lt-soft);margin:0;}

/* ---------- Bronvermelding ---------- */
.lt-bron{display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.02em;
  color:var(--lt-soft);text-decoration:none;}
.lt-bron svg{width:13px;height:13px;flex:none;}
.lt-bron:hover{color:var(--lt-ink);}

/* ---------- Kaart (alleen lokale varianten) ---------- */
/* De kaart van Google laadt pas na een klik, zodat er niets van derden
   wordt opgehaald voordat de bezoeker daar zelf om vraagt. */
.lt-head + .lt-kaart{margin-top:28px;}
.lt-kaart{margin-top:48px;border:1px solid var(--lt-rule);border-radius:20px;overflow:hidden;
  background:var(--lt-tint);}
.lt-kaart-vlak{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;
  background:
    linear-gradient(rgba(246,245,242,.86),rgba(246,245,242,.86)),
    repeating-linear-gradient(0deg,var(--lt-line) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,var(--lt-line) 0 1px,transparent 1px 34px);
  border:none;width:100%;cursor:pointer;font-family:var(--ff-body);}
.lt-kaart-speld{width:34px;height:34px;color:var(--lt-mag);}
.lt-kaart-adres{font-family:var(--ff-disp);font-size:17px;font-weight:800;
  letter-spacing:-.2px;color:var(--lt-ink);}
.lt-kaart-hint{font-size:13px;color:var(--lt-soft);margin-top:-8px;}
.lt-kaart-vlak:hover .lt-kaart-hint{color:var(--lt-ink);}
.lt-kaart iframe{display:block;width:100%;aspect-ratio:16/10;border:0;}
.lt-kaart-balk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:16px 18px;background:#fff;border-top:1px solid var(--lt-rule);}
.lt-kaart-balk .lt-btn{height:38px;font-size:13px;}
.lt-kaart-vlak:focus-visible{outline:2px solid var(--lt-mag);outline-offset:-4px;}

/* ---------- Review ---------- */
/* Geen kaart maar een citaat in de pagina zelf: de typografie draagt het,
   met alleen twee haarlijnen als begrenzing. */
.lt-rev{margin-top:48px;padding:30px 0 26px;
  border-top:1px solid var(--lt-rule);border-bottom:1px solid var(--lt-rule);}
.lt-rev blockquote{margin:0;font-family:var(--ff-disp);font-size:clamp(20px,4.6vw,25px);
  font-weight:700;line-height:1.38;letter-spacing:-.4px;color:var(--lt-ink);text-wrap:balance;}
.lt-rev figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;margin-top:22px;}
.lt-rev-av{width:38px;height:38px;border-radius:50%;flex:none;overflow:hidden;background:#fff;
  border:1px solid var(--lt-rule);}
.lt-rev-av img{width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box;}
.lt-rev-wie{min-width:0;}
.lt-rev-nm{display:block;font-size:13.5px;font-weight:700;color:var(--lt-ink);line-height:1.3;}
.lt-rev-rl{display:block;font-size:12.5px;color:var(--lt-soft);line-height:1.35;margin-top:1px;}
.lt-rev-bron{display:inline-flex;align-items:center;gap:8px;margin-left:auto;
  padding:7px 12px;border:1px solid var(--lt-line);border-radius:100px;background:#fff;
  text-decoration:none;white-space:nowrap;transition:border-color .15s;}
.lt-rev-bron:hover{border-color:#C9C5BE;}
.lt-rev-bron svg{width:15px;height:15px;flex:none;}
.lt-rev-ster{color:#F4B400;font-size:11px;letter-spacing:1.5px;}
.lt-rev-cijfer{font-size:12.5px;color:var(--lt-mid);}
.lt-rev-cijfer strong{color:var(--lt-ink);font-weight:700;}
@media (max-width:460px){
  .lt-rev-bron{margin-left:0;width:100%;justify-content:center;}
}

/* ---------- Cases ---------- */
.lt-cases{margin-top:48px;}
.lt-cases-h{font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lt-soft);margin:0 0 12px;}
.lt-cases-h{margin-bottom:4px;}
.lt-case{display:flex;gap:14px;align-items:center;padding:14px 0;text-decoration:none;
  border-top:1px solid var(--lt-rule);transition:padding-left .16s;}

.lt-case:hover{padding-left:5px;}
.lt-case-img{width:60px;height:46px;border-radius:8px;object-fit:cover;flex:none;
  background:var(--lt-tint);}
.lt-case-b{flex:1;min-width:0;}
.lt-case-n{display:block;font-family:var(--ff-disp);font-size:15px;font-weight:800;
  letter-spacing:-.2px;color:var(--lt-ink);}
.lt-case-d{display:block;font-size:12.5px;color:var(--lt-soft);line-height:1.4;margin-top:2px;}
.lt-case-a{color:var(--lt-mag);font-size:15px;flex:none;}

/* ---------- Veelgestelde vragen ---------- */
.lt-faq{margin-top:48px;}
.lt-faq h2{font-family:var(--ff-disp);font-size:23px;font-weight:800;letter-spacing:-.5px;
  margin:0 0 4px;color:var(--lt-ink);}
.lt-vraag{border-bottom:1px solid var(--lt-rule);}
.lt-vraag summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:16px 0;cursor:pointer;list-style:none;font-family:var(--ff-disp);font-size:16px;
  font-weight:800;letter-spacing:-.2px;color:var(--lt-ink);}
.lt-vraag summary::-webkit-details-marker{display:none;}
.lt-vraag summary::after{content:"";flex:none;width:11px;height:11px;margin-top:5px;
  border-right:2px solid var(--lt-soft);border-bottom:2px solid var(--lt-soft);
  transform:rotate(45deg);transition:transform .18s;}
.lt-vraag[open] summary::after{transform:rotate(-135deg);}
.lt-vraag summary:focus-visible{outline:2px solid var(--lt-mag);outline-offset:2px;}
.lt-vraag p{font-size:15px;line-height:1.7;color:var(--lt-mid);margin:0 0 18px;
  padding-right:28px;}

/* ---------- Gerelateerde begrippen ---------- */
.lt-rel{margin-top:48px;}
.lt-rel-h{font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lt-soft);margin:0 0 12px;}
.lt-rel-grid{display:flex;flex-wrap:wrap;gap:8px;}
.lt-rel-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:100px;background:#fff;color:var(--lt-ink);
  border:1px solid rgba(0,0,0,.18);text-decoration:none;transition:background .14s,color .14s,border-color .14s;}
.lt-rel-chip::after{content:"\203A";opacity:.45;font-weight:700;}
.lt-rel-chip:hover{background:var(--lt-ink);border-color:var(--lt-ink);color:#fff;}
.lt-rel-chip:hover::after{opacity:.9;}

/* ---------- Afsluitende call to action met de specialist ---------- */
.lt-cta{margin-top:48px;border:1.5px solid var(--lt-ink);border-radius:20px;overflow:hidden;}
.lt-cta-kop{display:flex;align-items:center;gap:16px;padding:24px;}
.lt-cta-foto{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--lt-tint);}
.lt-cta-wie{min-width:0;}
.lt-cta-label{font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lt-soft);margin:0 0 6px;}
.lt-cta-naam{font-family:var(--ff-disp);font-size:20px;font-weight:800;letter-spacing:-.4px;
  line-height:1.2;color:var(--lt-ink);}
.lt-cta-rol{font-size:14px;line-height:1.4;color:var(--lt-soft);margin-top:3px;}
.lt-cta-tekst{padding:0 24px;}
.lt-cta-tekst p{font-size:15.5px;line-height:1.68;color:var(--lt-ink);margin:0 0 18px;}
.lt-cta-balk{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 24px;}
.lt-cta-balk .lt-btn{flex:none;}
@media (max-width:420px){
  .lt-cta-balk .lt-btn--vol{width:100%;}
}

/* ---------- Voet ---------- */
.lt-voet{margin-top:40px;padding-top:20px;border-top:1px solid var(--lt-rule);
  font-size:12.5px;line-height:1.6;color:var(--lt-soft);}
.lt-voet a{color:var(--lt-ink);font-weight:600;text-decoration:none;}

/* ---------- Breder scherm ---------- */
@media (min-width:1140px){
  nav.nav{
    padding-left:max(16px, calc((100% - var(--lt-breedte)) / 2 - 24px)) !important;
    padding-right:max(16px, calc((100% - var(--lt-breedte)) / 2 - 24px)) !important;
    box-sizing:border-box;}
}

@media (prefers-reduced-motion:reduce){
  .lt-case:hover{padding-left:0;}
  .lt-btn,.lt-case,.lt-vraag summary::after,.lt-rel-chip{transition:none;}
}

/* ---------- Klantportaal ---------- */
.lt-portaal{margin-top:28px;border:1px solid var(--lt-rule);border-radius:20px;overflow:hidden;
  background:var(--lt-tint);}
.lt-portaal img{display:block;width:100%;height:auto;}
.lt-portaal-leeg{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;
  padding:24px;text-align:center;font-family:var(--ff-mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--lt-soft);
  background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.025) 10px 20px);}
.lt-portaal-bij{padding:14px 18px;background:#fff;border-top:1px solid var(--lt-rule);
  font-size:13.5px;line-height:1.55;color:var(--lt-mid);}

/* ---------- Overzicht kennisbank ---------- */
.lt-kb-groep{margin-top:40px;}
.lt-kb-label{display:flex;align-items:baseline;gap:10px;font-family:var(--ff-mono);font-size:10px;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-soft);
  margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid var(--lt-rule);}
.lt-kb-nr{color:var(--lt-mag);}
.lt-kb-rij{display:flex;align-items:baseline;gap:14px;padding:14px 2px;text-decoration:none;
  border-bottom:1px solid var(--lt-rule);transition:padding-left .16s;}
.lt-kb-rij:last-of-type{border-bottom:none;}
.lt-kb-rij:hover{padding-left:5px;}
.lt-kb-tekst{flex:1;min-width:0;}
.lt-kb-term{display:block;font-family:var(--ff-disp);font-size:16px;font-weight:800;
  letter-spacing:-.2px;color:var(--lt-ink);}
.lt-kb-def{display:block;font-size:13.5px;line-height:1.5;color:var(--lt-soft);margin-top:3px;}
.lt-kb-pijl{color:var(--lt-mag);font-size:15px;flex:none;}
@media (prefers-reduced-motion:reduce){.lt-kb-rij:hover{padding-left:2px;}}