/* Mijn familieboek (/mijn/) en de invullink voor familie (/familie/). Huisstijl Modern × Handschrift:
   Nu = wit, Plus Jakarta Sans, één kobalt hoofdknop per scherm; Toen = perkament, IM Fell English, Pinyon Script. */
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inkt);background:#fff;font-size:18px;line-height:1.55}
a{color:var(--kobalt)}a:hover{color:var(--kobalt-h)}
h1,h2,h3{margin:0;letter-spacing:-.02em}
h1{font-size:36px;line-height:1.15;font-weight:800}
h2{font-size:22px;font-weight:800}
p{margin:0}
[hidden]{display:none!important}
.mj-wrap{max-width:none;margin:0 auto;padding:0 clamp(16px,2vw,40px)} /* de hele breedte (Ortwin 12-11-2026): geen witte randen meer */
.mj-kop{border-bottom:1px solid var(--lijn);background:#fff}
.mj-kop .mj-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.mj-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--inkt)}
.mj-logo img{width:40px;height:40px}
.mj-logo span{font-weight:800;font-size:22px;letter-spacing:-.03em}

.mj-wie{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--grijs)}
.mj-beheer{font-weight:700;color:var(--inkt);text-decoration:none;background:#FEF0C7;border-radius:999px;padding:4px 12px}.mj-beheer:hover{background:#FDE68A;color:var(--inkt)}
.mj-wie button{font:inherit;font-size:15px;background:none;border:0;color:var(--grijs);text-decoration:underline;cursor:pointer;padding:8px 0;min-height:44px}
/* stappenbalk */
.mj-stap{background:var(--zacht-warm);border-bottom:1px solid var(--lijn)}
.mj-stap .mj-wrap{padding-top:20px;padding-bottom:22px}

.mj-kicker{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs)}

.mj-melding{margin-top:12px;font-size:15px;border-radius:10px;padding:8px 12px;background:var(--geel);color:var(--bruin-d)}
/* inhoud */
main{display:block}
.mj-main{padding-top:36px;padding-bottom:72px;display:flex;flex-direction:column;gap:26px}
.mj-rij{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.mj-hoofd{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.mj-zij{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:24px}
.mj-kaart{border:1px solid var(--lijn);border-radius:20px;padding:28px;background:#fff;display:flex;flex-direction:column;gap:14px}
.mj-lead{color:var(--grijs);max-width:720px}
.mj-stil{font-size:15px;color:var(--grijs)}
.mj-perk{background:var(--perk);border:1px solid var(--perk-r);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px;color:var(--galnoot)}
.mj-perk .mj-kicker{color:var(--sepia)}
.mj-fell{font-family:'IM Fell English',Georgia,serif;font-weight:400}

.mj-knop{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:0 28px;border-radius:14px;background:var(--kobalt);color:#fff;font:inherit;font-weight:700;font-size:19px;text-decoration:none;border:0;cursor:pointer}
.mj-knop:hover{background:var(--kobalt-h);color:#fff}
.mj-knop:disabled{background:var(--grijs-200);color:var(--grijs-500);cursor:not-allowed}
.mj-twee{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:1.5px solid var(--inkt);background:#fff;color:var(--inkt);font:inherit;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.mj-twee:hover{background:var(--zacht);color:var(--inkt)}
.mj-twee:disabled{opacity:.5;cursor:not-allowed}
.mj-stippel{border-style:dashed;border-color:var(--grijs-400)}
.mj-link{background:none;border:0;padding:0;font:inherit;color:var(--kobalt);text-decoration:underline;cursor:pointer;font-size:16px}
.mj-link.grijs{color:var(--grijs)}
label.mj-veld{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:700;min-width:0}
.mj-veld small{font-weight:400;color:var(--grijs);font-size:14px}
.mj-veld input,.mj-veld select,.mj-veld textarea{font:inherit;font-size:17px;font-weight:400;min-height:52px;padding:0 14px;border:var(--veld-rand);border-radius:12px;background:#fff;color:var(--inkt);width:100%}
.mj-veld textarea{padding:12px 14px;line-height:1.55;resize:vertical}
.mj-veld input:focus,.mj-veld select:focus,.mj-veld textarea:focus{outline:3px solid var(--kobalt-300);outline-offset:1px;border-color:var(--kobalt)}
.mj-teller{align-self:flex-end;font-size:13px;font-weight:400;color:var(--grijs)}
.mj-teller.op{color:var(--rood);font-weight:700}
.mj-vink{display:flex;gap:12px;align-items:flex-start;font-size:16px;cursor:pointer}
.mj-vink input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--inkt);flex:none}
.mj-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mj-badge{align-self:flex-start;font-size:14px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--grijs-100);color:var(--grijs)}
.mj-badge.ok{background:var(--mint);color:var(--groen)}
.mj-badge.let{background:var(--geel);color:var(--bruin)}
.mj-badge.perk{background:var(--perk-l);color:var(--sepia)}

.mj-lijst{list-style:none;margin:0;padding:0}
.mj-lijst>li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--lijn)}
.mj-lijst>li:last-child{border-bottom:1px solid var(--lijn)}
.mj-ico{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none}
.mj-ico.ok{background:var(--mint);color:var(--groen)}
.mj-ico.let{background:var(--geel);color:var(--bruin)}
.mj-ico.leeg{border:2px solid var(--grijs-300);color:var(--grijs)}
.mj-cijfers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mj-cijfers div{background:var(--zacht-warm);border-radius:14px;padding:14px}
.mj-cijfers b{display:block;font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:34px;line-height:1;color:var(--lak)}
.mj-cijfers span{font-size:15px;color:var(--grijs)}
/* stamboom */

.mj-archief{border:1px solid var(--perk-r);border-radius:4px;padding:14px 16px;background:var(--perk);min-width:0}
.mj-archief b{display:block;font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:22px;color:var(--galnoot);line-height:1.2}
.mj-archief span{font-size:15px;color:var(--sepia)}

.mj-ok{font-size:14px;font-weight:700;color:var(--groen);background:var(--mint);border-radius:8px;padding:6px 10px}
.mj-form{border:1px solid var(--lijn);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--zacht-warm)}
/* verhalen */
.mj-verhalen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px}
.mj-verhaal{border:1px solid var(--perk-r);border-radius:4px;background:var(--perk-l);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--galnoot)}
.mj-verhaal.uit{opacity:.7}
.mj-verhaal.fam{background:#fff;border-color:var(--lijn);border-radius:16px;color:var(--inkt)}
.mj-verhaal h3{font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;letter-spacing:0}
.mj-verhaal.fam h3{font-family:inherit;font-weight:800;font-size:22px;letter-spacing:-.01em}
.mj-keuze{display:flex}
.mj-keuze button{min-height:44px;padding:0 16px;border:1.5px solid var(--inkt);background:#fff;color:var(--inkt);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.mj-keuze button:first-child{border-radius:10px 0 0 10px}
.mj-keuze button:last-child{border-radius:0 10px 10px 0;border-left:0}
.mj-keuze button[aria-pressed=true]{background:var(--inkt);color:#fff;font-weight:700}
.mj-voet{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--perk-r);padding-top:12px}
.mj-verhaal.fam .mj-voet{border-color:var(--lijn)}
.mj-meter{height:10px;border-radius:5px;background:var(--lijn);overflow:hidden;margin-top:8px}
.mj-meter div{height:100%;background:var(--inkt)}
/* voorwoord */

.mj-pil{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--grijs-300);background:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
/* bestellen */

.mj-tel{display:flex;align-items:center;border:1.5px solid var(--grijs-300);border-radius:12px;overflow:hidden;flex:none}
.mj-tel button{width:50px;height:50px;border:0;background:#fff;font:inherit;font-size:24px;font-weight:700;cursor:pointer}
.mj-tel output{min-width:44px;text-align:center;font-size:20px;font-weight:800}
.mj-som>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:16px}
.mj-som .tot{border-top:1px solid var(--lijn);font-weight:800;font-size:18px}
.mj-omslag{width:84px;aspect-ratio:210/297;background:#6E1F1A;border-radius:3px 6px 6px 3px;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 10px 24px rgba(58,38,20,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;text-align:center;flex:none}
.mj-omslag img{width:26px;height:26px}
.mj-omslag span{font-family:'IM Fell English',Georgia,serif;color:var(--perk);font-size:9px;line-height:1.1}
.mj-omslag i{font-family:'Pinyon Script',cursive;color:#E2C98F;font-size:11px;font-style:normal}

/* dialoog */
.mj-dialoog{border:0;border-radius:24px;padding:32px;max-width:640px;width:calc(100% - 32px);box-shadow:0 24px 64px rgba(16,24,40,.28)}
.mj-dialoog::backdrop{background:rgba(16,24,40,.45)}
.mj-let{background:var(--geel);border-radius:14px;padding:16px 18px;color:var(--bruin-d);font-size:16px}
/* inloggen */
.mj-inlog{max-width:520px;margin:56px auto;padding:0 20px;display:flex;flex-direction:column;gap:18px}
.mj-code{font-size:28px!important;letter-spacing:10px;text-align:center}
.mj-fout{color:var(--rood);font-size:15px;font-weight:600}
.mj-laden{color:var(--grijs);padding:40px 0}
@media (max-width:820px){
  .mj-wrap{padding:0 18px}
  h1{font-size:28px}

  .mj-wie span{display:none}
  .mj-logo img{width:34px;height:34px}.mj-logo span{font-size:19px}

  .mj-kaart,.mj-perk{padding:20px}
  .mj-main{padding-top:22px;gap:18px}
  .mj-grid2{grid-template-columns:1fr}
  .mj-knop{width:100%}
}
.mj-in{font:inherit;font-size:17px;min-height:52px;padding:0 14px;border:1.5px solid var(--grijs-300);border-radius:12px;width:100%;background:#fff;color:var(--inkt)}
.mj-in:disabled{background:var(--zacht);color:var(--grijs)}
/* ---------- familie van nu: boom en lijst ---------- */
.fv-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}

.fv-seg{display:inline-flex;border:1.5px solid var(--grijs-300);border-radius:12px;padding:3px;gap:2px}
.fv-seg button{min-height:40px;padding:0 14px;border-radius:9px;border:0;font:inherit;font-size:15px;font-weight:700;background:transparent;color:var(--grijs);cursor:pointer}
.fv-seg button[aria-pressed="true"]{background:var(--inkt);color:#fff}
.fv-seg button:disabled{opacity:.45;cursor:not-allowed}

.fv-chip{font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;white-space:nowrap;background:var(--grijs-100);color:var(--grijs);line-height:1.6}
.fv-chip.ok{background:var(--mint);color:var(--groen)}.fv-chip.let{background:var(--geel);color:var(--bruin)}
.fv-chip.perk{background:var(--perk-l);color:var(--sepia)}.fv-chip.zwart{background:var(--inkt);color:#fff}
.fv-vlak{position:relative;border:1px solid var(--lijn);border-radius:20px;background:#fff;width:min(1540px,calc(100vw - 48px));margin-left:calc(50% - min(770px,50vw - 24px));overflow-x:auto}
.fv-boom-wrap{position:relative;min-width:max-content;padding:28px 24px 30px 0}
.fv-banen{position:absolute;inset:0;pointer-events:none}
.fv-banen>div{position:absolute;left:0;right:0;border-top:1px solid var(--grijs-100)}
.fv-banen>div.even{background:var(--zacht-warm)}
.fv-banen span{position:sticky;left:0;display:block;width:96px;hyphens:manual;padding:14px 0 0 16px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);line-height:1.3}
.fv-boom{position:relative;padding-left:120px}
.fv-boom ul{display:flex;justify-content:center;padding:22px 0 0;margin:0;position:relative}
.fv-boom li{list-style:none;position:relative;padding:22px 5px 0;display:flex;flex-direction:column;align-items:center}
.fv-boom li::before,.fv-boom li::after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid var(--perk-d)}
.fv-boom li::after{right:auto;left:50%;border-left:2px solid var(--perk-d)}
.fv-boom li:only-child::before{display:none}.fv-boom li:only-child::after{border-top:0}
.fv-boom li:first-child::before,.fv-boom li:last-child::after{border:0}
.fv-boom li:last-child::before{border-right:2px solid var(--perk-d);border-radius:0 8px 0 0}
.fv-boom li:first-child::after{border-radius:8px 0 0 0}
.fv-boom ul ul::before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:2px solid var(--perk-d)}
.fv-boom>ul{padding-top:0;gap:28px}.fv-boom>ul>li{padding-top:0}.fv-boom>ul>li::before,.fv-boom>ul>li::after{display:none}
.fv-paar{display:flex;align-items:center}
.fv-k{position:relative;width:140px;height:128px;box-sizing:border-box;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;padding:12px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.06);font:inherit;color:var(--inkt);cursor:pointer}
.fv-k:hover{border-color:var(--grijs-400)}.fv-k:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.fv-k.ik{border:2px solid var(--inkt)}.fv-k.sel{border:2px solid var(--kobalt);box-shadow:0 0 0 4px rgba(43,78,255,.15)}
.fv-k.vorige{border-style:dashed}
.fv-k b{font-size:15px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv-band{font-size:13px;line-height:1.2;color:var(--grijs);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv-jij{position:absolute;top:-10px;left:10px;font-size:12px;font-weight:800;color:#fff;background:var(--inkt);border-radius:999px;padding:1px 8px}
.fv-jij.in{position:static;font-size:11px;vertical-align:2px}
.fv-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:800;color:var(--galnoot);overflow:hidden}
.fv-av img{width:100%;height:100%;object-fit:cover}
.fv-av.k0{background:var(--perk-r)}.fv-av.k1{background:#D7E3F4}.fv-av.k2{background:#E3EED9}.fv-av.k3{background:#F4DDD4}.fv-av.k4{background:#E7DDF2}.fv-av.k5{background:#F3E7C6}
.fv-ring{width:28px;display:flex;align-items:center;justify-content:center;flex:none;color:#C9A35A;font-weight:700}
.fv-ring.vorig{width:auto;padding:0 6px;font-size:12px;color:var(--grijs)}

.fv-kruis{display:flex;align-items:center;gap:8px;max-width:150px;border:1.5px dashed var(--perk-r);border-radius:14px;padding:8px 10px;font-size:13px;line-height:1.3;color:var(--grijs);text-decoration:none;background:var(--perk-l)}
.fv-kruis b{color:var(--inkt);font-size:14px}
.fv-oud{width:176px;min-height:110px;box-sizing:border-box;border:1px solid var(--perk-r);border-radius:4px;background:var(--perk);padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.fv-oud b{font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:21px;line-height:1.1;color:var(--galnoot)}
.fv-oud span{font-size:13px;color:var(--sepia)}
.fv-oud.leeg{background:var(--zacht-warm);border-style:dashed}.fv-oud.leeg b{font-family:inherit;font-size:16px;font-weight:700}
.fv-tak{position:relative;border:2px dashed var(--kobalt);border-radius:20px;background:rgba(43,78,255,.035);padding:6px 6px 10px;display:flex;flex-direction:column;align-items:center}
.fv-tak.wacht{border-color:var(--grijs-400);background:transparent}
.fv-tak-l{position:absolute;top:-13px;left:16px;font-size:12px;font-weight:800;color:#fff;background:var(--kobalt);border-radius:999px;padding:2px 10px;white-space:nowrap;z-index:1}
.fv-tak.wacht>.fv-tak-l{background:var(--grijs-500)}
.fv-los{padding:18px 24px;border-top:1px solid var(--lijn);display:flex;flex-direction:column;gap:10px}
.fv-los-k{display:flex;gap:10px;flex-wrap:wrap}
/* menu */
.fv-menu{z-index:40;width:300px;background:#fff;border:1px solid var(--grijs-200);border-radius:16px;box-shadow:0 16px 40px rgba(16,24,40,.18);padding:14px;display:flex;flex-direction:column;gap:8px}

.fv-x{width:36px;height:36px;border:0;background:transparent;font-size:24px;line-height:1;color:var(--grijs);cursor:pointer;border-radius:8px}
.fv-x:hover{background:var(--grijs-100)}

.fv-overlay{position:fixed;inset:0;background:rgba(16,24,40,.35);z-index:39}
/* dialogen */
.fv-dlg{max-width:620px;padding:0}
.fv-dlg-in{padding:26px;display:flex;flex-direction:column;gap:14px}
.fv-dlg-kop{display:flex;align-items:center;gap:12px}.fv-dlg-kop h2{flex:1;font-size:24px;line-height:1.2;margin:0}
.fv-dlg-voet{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.fv-keus{display:flex;gap:8px;flex-wrap:wrap}
.fv-keus label{cursor:pointer}.fv-keus input{position:absolute;opacity:0;pointer-events:none}
.fv-keus span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--grijs-300);font-size:15px;font-weight:700}
.fv-keus input:checked+span{background:var(--inkt);border-color:var(--inkt);color:#fff}
.fv-keus input:focus-visible+span{outline:3px solid var(--kobalt);outline-offset:2px}
.fv-ziet{background:var(--zacht-warm);border:1px solid var(--lijn);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.fv-ziet ul{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fv-ziet li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--lijn);border-radius:999px;padding:3px 10px 3px 3px;font-size:15px;font-weight:600}
.fv-ziet li small{font-weight:400;color:var(--grijs)}
.fv-verr{background:var(--perk-l);border-radius:10px;padding:8px 12px;font-size:15px;color:var(--sepia)}
.fv-takken{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
/* lijst */
.fv-lijst{padding:18px;display:flex;flex-direction:column;gap:12px}
.fv-oud.lijst{width:auto;min-height:0;align-items:flex-start;text-align:left;padding:10px 14px}
.fv-rk{margin-left:16px;padding:8px 0 0 14px;border-left:2px solid var(--perk-d);display:flex;flex-direction:column;gap:8px}
.fv-rg{display:flex;flex-direction:column;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;overflow:hidden}
.fv-rn{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;border:0;background:#fff;font:inherit;color:var(--inkt);text-align:left;cursor:pointer}
.fv-rn:hover{background:var(--grijs-50)}.fv-rn:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px}
.fv-rp{border-top:1px dashed var(--grijs-200);min-height:48px;padding-left:16px}
.fv-rp .fv-ring{width:18px}
.fv-rt{flex:1;min-width:0;line-height:1.25}.fv-rt b{display:block;font-size:16px}.fv-rt>span{font-size:13px;color:var(--grijs)}
.fv-r .fv-tak{align-items:stretch;padding:16px 8px 8px;margin-top:6px}
@media (max-width:759px){
  .fv-vlak{width:auto;margin-left:0}
  .fv-menu{position:fixed!important;left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:22px 22px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px rgba(16,24,40,.2)}

  .fv-dlg-in{padding:20px}
  .fv-lijst{padding:12px}
  .fv-rk{margin-left:10px;padding-left:10px}
}
.fv-scroll{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:-12px}
.fv-scroll .mj-twee{min-height:40px;padding:0 14px}
@media (max-width:759px){.fv-scroll{display:none}}
@media (max-width:759px){.fv-menu{z-index:2147483600}.fv-overlay{z-index:2147483590}}
/* invullink: tak invullen */
#ff-tak{display:flex;flex-direction:column;gap:6px}
.tk-gezin{display:flex;flex-direction:column;gap:8px}
.tk-kaart{border:1px solid var(--grijs-200);border-radius:14px;background:#fff;overflow:hidden}
.tk-rij{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:56px}
.tk-rij.pt{border-top:1px dashed var(--grijs-200)}
.tk-av{width:34px;height:34px;border-radius:50%;background:var(--perk-r);display:flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:800;color:var(--galnoot)}
.tk-rij.pt .tk-av{background:#D7E3F4}
.tk-n{flex:1;min-width:0;line-height:1.25}.tk-n b{display:block;font-size:16px}.tk-n>span{font-size:13px;color:var(--grijs)}
.tk-ring{color:#C9A35A}
.tk-chip{font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;background:var(--grijs-100);color:var(--grijs);white-space:nowrap}
.tk-chip.ok{background:var(--mint);color:var(--groen)}.tk-chip.perk{background:var(--perk-l);color:var(--sepia)}
.tk-kids{margin-left:14px;padding-left:12px;border-left:2px solid var(--perk-d);display:flex;flex-direction:column;gap:8px}
.tk-kids:empty{display:none}
.tk-plus{align-self:flex-start;min-height:40px;padding:0 12px;margin:4px 0;border-radius:999px;border:1.5px dashed var(--grijs-400);background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--inkt);cursor:pointer}
.tk-kaart>.tk-plus{margin:6px 12px 10px}
.tk-deel{display:block;width:calc(100% - 24px);margin:0 12px 10px;min-height:40px;border-radius:10px;border:1.5px solid var(--grijs-300);background:var(--grijs-50);font:inherit;font-size:14px;font-weight:700;color:var(--inkt);cursor:pointer}
.tk-paneel{margin:0 12px 12px;display:flex;flex-direction:column;gap:8px}
.tk-form{margin:0 12px 12px;padding:12px;border:1px solid var(--lijn);border-radius:12px;background:var(--zacht-warm);display:flex;flex-direction:column;gap:10px}
.tk-kids>.tk-form{margin:0}
/* berichten van de redactie */
.mj-berichten{display:flex;flex-direction:column;gap:12px}
.mj-bericht{border:2px solid var(--kobalt);background:var(--kobalt-25);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.mj-bericht.bel{border-color:var(--rood-l);background:#FEF3F2}.mj-bericht.gelezen{border-width:1px;border-color:var(--lijn);background:#fff}
.mj-bericht b{font-size:18px}.mj-bericht p{margin:0;color:var(--grijs);white-space:pre-wrap}
.mj-bericht-kop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mj-bericht-soort{font-size:12px;font-weight:800;color:#fff;background:var(--kobalt);border-radius:999px;padding:2px 10px}
.mj-bericht:not(.bel):not(.actie) .mj-bericht-soort{background:var(--grijs)}.mj-bericht.bel .mj-bericht-soort{background:var(--rood-l)}
.mj-bericht-acties{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}
.mj-oud summary{cursor:pointer;font-weight:700;color:var(--grijs);padding:4px 0}.mj-oud .mj-bericht{margin-top:10px}

/* inloggen met het bekende adres */
.mj-als{margin:0 0 14px;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.mj-ander{display:block;margin:14px auto 0;font-size:14px}
/* geslacht als drie knoppen */
.mj-seg-veld{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:6px}
.mj-seg-veld legend{padding:0;font-size:15px;font-weight:700;margin-bottom:6px}
.mj-seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.mj-seg label{position:relative;cursor:pointer}
.mj-seg input{position:absolute;opacity:0;width:1px;height:1px}
.mj-seg span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--grijs-300);border-radius:999px;font-size:15px;font-weight:600;background:#fff;color:var(--inkt)}
.mj-seg input:checked+span{border-color:var(--kobalt);background:var(--kobalt-25);color:var(--kobalt)}
.mj-seg input:focus-visible+span{outline:3px solid #B2C2FF;outline-offset:2px}
/* persoon aanpassen */

/* zo gaat het verder */
.mj-proces{margin:0 0 24px}
.mj-proces h2{margin:4px 0 14px}
.mj-proces ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mj-pr{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:12px 0;position:relative}
.mj-pr:not(:last-child)::before{content:"";position:absolute;left:13px;top:40px;bottom:-4px;width:2px;background:var(--grijs-200)}
.mj-pr-bol{width:28px;height:28px;border-radius:50%;border:2px solid var(--grijs-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;position:relative;z-index:1}
.mj-pr.klaar .mj-pr-bol{background:var(--groen);border-color:var(--groen)}
.mj-pr.nu .mj-pr-bol{border-color:var(--kobalt);box-shadow:inset 0 0 0 5px #fff;background:var(--kobalt)}
.mj-pr.samen .mj-pr-bol{border-color:var(--kobalt);border-style:dashed}
.mj-pr b{font-size:17px}
.mj-pr-stand{display:inline-block;margin-left:8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 8px;background:var(--grijs-100);color:var(--grijs);vertical-align:2px}
.mj-pr.klaar .mj-pr-stand{background:var(--mint);color:var(--groen)}.mj-pr.nu .mj-pr-stand{background:var(--kobalt-50);color:var(--kobalt)}.mj-pr.samen .mj-pr-stand{background:var(--geel);color:var(--bruin)}
.mj-pr p{font-size:15px;color:var(--grijs);margin-top:2px;line-height:1.5}
.mj-pr a{font-size:15px;font-weight:700;display:inline-block;margin-top:4px}
/* Wat nu? onder de stamboom */

/* bestelling: waarom, garanties, afrekenen, bevestiging (4 nov) */
.mj-waarom{border-radius:20px;padding:22px;background:var(--perk-l);border:1px solid var(--perk-r);display:flex;gap:14px;align-items:flex-start}
.mj-waarom img{width:40px;height:40px;flex:none}
.mj-waarom p{margin:0 0 10px;font-size:16px;line-height:1.5;color:var(--galnoot)}.mj-waarom p:last-child{margin:0}
.mj-waarom b{display:block;font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:20px;color:var(--galnoot);margin-bottom:2px}
.mj-garantie{margin:10px 4px 0;font-size:14px;color:var(--grijs);line-height:1.5}

.mj-testfase{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--geel);color:var(--bruin);font-size:14px;line-height:1.45}
.mj-fout{color:var(--rood);font-weight:600;margin:8px 0 0;font-size:15px}.mj-fout:empty{display:none}
.mj-besteld{display:flex;gap:22px;align-items:flex-start;padding:28px;border-radius:22px;background:var(--mint);border:1px solid var(--mint-r)}
.mj-besteld h1{margin:4px 0 8px}
.mj-gegevens{margin-top:28px;padding-top:18px;border-top:1px solid var(--lijn)}.mj-gegevens h2{font-size:16px;margin:0 0 4px}.mj-gegevens p{margin:0 0 8px;font-size:15px}
@media (max-width:700px){.mj-besteld{flex-direction:column;padding:20px}}
/* 4 nov (feedback Marjolein): wie ben jij, gegevens en doopnamen op het kaartje */
.fv-als{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--perk-l);border:1px solid var(--perk-r);border-radius:12px;padding:10px 14px;font-size:15px}
.fv-als label{font-weight:700;color:var(--galnoot)}
.fv-als select{font:inherit;font-size:15px;font-weight:700;min-height:40px;padding:0 34px 0 12px;border:var(--veld-rand);border-radius:10px;background:#fff;color:var(--inkt);max-width:100%}
.fv-als .mj-stil{font-size:13px}
.fv-als.leeg{background:#FFF8E6;border-color:#F3C969}
.fv-k{height:auto;min-height:150px}

.fv-doop{font-size:12px;line-height:1.2;color:var(--grijs-500);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;margin-top:-2px}
.fv-geg{font-size:12px;line-height:1.25;color:var(--sepia);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv-teken{font-size:11px;margin-left:4px;font-style:normal}
.fv-rt .fv-doop,.fv-rt .fv-geg{display:block;white-space:normal}
.fv-rt .fv-over{display:block;font-size:13px;color:var(--grijs);margin-top:2px;line-height:1.35}
.pf-breed{grid-column:1/-1}
@media (max-width:560px){.fv-rt .fv-over{display:none}}
/* procesbalk: klaar en huidig zijn aan te klikken */

/* ---- familiearchief (alleen inzien) ---- */
.ar-kopblok{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.ar-slot{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--grijs);background:var(--grijs-100);border-radius:999px;padding:8px 14px;margin:0}
.ar-cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ar-cijfer{background:var(--perk-l);border:1px solid var(--perk-r);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.ar-cijfer b{font-family:'IM Fell English',serif;font-weight:400;font-size:38px;line-height:1;color:var(--galnoot)}.ar-cijfer span{font-size:14px;color:var(--sepia)}
.ar-grid{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.ar-hoofd{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:26px}
.ar-zij{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.ar-filters{display:flex;gap:8px;flex-wrap:wrap}
.ar-filters button{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--grijs-300);background:#fff;color:var(--inkt);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ar-filters button[aria-pressed=true]{background:var(--inkt);border-color:var(--inkt);color:#fff}
.ar-groep{display:flex;flex-direction:column;gap:12px}
.ar-groepkop{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--perk-r);padding-bottom:8px}
.ar-groepkop h2{margin:0;font-family:'IM Fell English',serif;font-weight:400;font-size:26px;color:var(--galnoot)}.ar-groepkop span{font-size:14px;color:var(--sepia-l)}
.ar-kaart{display:flex;gap:18px;align-items:center;border:1px solid var(--lijn);border-radius:16px;padding:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ar-mini{width:92px;height:112px;flex:none;object-fit:cover;object-position:30% 15%;border:1px solid var(--perk-r);background:var(--perk-l)}
.ar-leeg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--perk);color:var(--sepia);border-radius:3px;font-size:11px;font-weight:700}
.ar-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ar-kop{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sepia)}
.ar-tekst h3{margin:0;font-family:'IM Fell English',serif;font-weight:400;font-size:23px;line-height:1.2;color:var(--galnoot)}
.ar-zin{margin:2px 0 0;font-family:'Source Serif 4',Georgia,serif;font-size:16px;line-height:1.45;color:var(--galnoot)}.ar-zin.groot{font-size:18px;line-height:1.55}
.ar-bron{margin:4px 0 0;font-size:13px;color:var(--sepia-l)}
.ar-rechts{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ar-bekijk{min-height:44px;font-size:15px}
.ar-redactie{background:var(--perk);border:1px solid var(--perk-r);border-radius:16px;padding:22px;color:var(--galnoot)}
.ar-redactie h2{margin:0;font-family:'IM Fell English',serif;font-weight:400;font-size:24px;line-height:1.15}
.ar-redactie p{margin:12px 0 0;font-family:'Source Serif 4',Georgia,serif;font-size:16px;line-height:1.55}
.ar-legenda{border:1px solid var(--lijn);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.ar-legenda h2{margin:0;font-size:16px;font-weight:800}.ar-legenda p{margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--grijs)}
.ar-meld{border:1px dashed var(--grijs-400);border-radius:16px;padding:18px 20px;font-size:15px;line-height:1.5;color:var(--grijs)}.ar-meld b{color:var(--inkt)}
/* venster */
.ar-dlg{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:0;border-radius:22px;box-shadow:0 24px 64px rgba(16,24,40,.35);color:var(--inkt);overflow:auto}
.ar-dlg::backdrop{background:rgba(16,24,40,.55)}
.ar-dlg-kop{display:flex;align-items:flex-start;gap:20px;padding:24px 28px 18px;border-bottom:1px solid var(--lijn);position:sticky;top:0;background:#fff;z-index:2}
.ar-dlg-kop h2{margin:0;font-family:'IM Fell English',serif;font-weight:400;font-size:32px;line-height:1.1;color:var(--galnoot)}
.ar-nav{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--grijs);flex:none}.ar-nav span{min-width:52px;text-align:center}
.ar-ico{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--grijs-300);background:#fff;color:var(--inkt);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ar-ico:disabled{opacity:.35;cursor:default}.ar-x{border-radius:999px;border:0;background:var(--grijs-100);margin-left:8px}
.ar-dlg-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;padding:24px 28px 28px}
.ar-scanvak{margin:0;display:flex;flex-direction:column;gap:10px;position:relative;min-width:0}
.ar-scan{position:relative;height:min(640px,calc(100vh - 220px));overflow:hidden;border:1px solid var(--perk-r);background:var(--perk-l);cursor:zoom-in;touch-action:none;outline-offset:2px}
.ar-scan.zoom{cursor:grab}.ar-scan.zoom:active{cursor:grabbing}
.ar-scan img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;transform-origin:0 0;user-select:none;-webkit-user-drag:none}
.ar-geenscan{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--sepia);font-size:15px;cursor:default;height:240px}
.ar-zoom{position:absolute;right:12px;top:12px;display:flex;gap:6px}.ar-zoom .ar-ico{border:0;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(16,24,40,.2)}
.ar-scanvak figcaption{font-size:13px;line-height:1.45;color:var(--sepia-l)}
.ar-scanvak:fullscreen{background:var(--inkt);padding:16px}.ar-scanvak:fullscreen .ar-scan{height:calc(100vh - 80px)}.ar-scanvak:fullscreen figcaption{color:var(--grijs-300)}
.ar-dlg.ar-groot .ar-dlg-body{grid-template-columns:1fr}.ar-dlg.ar-groot .ar-scan{height:calc(100vh - 200px)}
.ar-info{display:flex;flex-direction:column;gap:20px;min-width:0}
.ar-info h3{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sepia)}
.ar-trans{background:var(--perk);border:1px solid var(--perk-r);border-radius:3px;padding:18px 22px}
.ar-hand{margin:0;font-family:'Pinyon Script',cursive;font-size:26px;line-height:1.3;color:var(--galnoot)}
.ar-klein{margin:0;font-size:13px;line-height:1.45;color:var(--sepia-l)}
.ar-tabel{width:100%;border-collapse:collapse;font-size:14px}
.ar-tabel th{text-align:left;font-size:12px;font-weight:700;color:var(--grijs);padding:0 8px 6px 0;border-bottom:1px solid var(--perk-r)}
.ar-tabel td{padding:7px 8px 7px 0;border-bottom:1px solid #F2EBDB;vertical-align:top;color:var(--grijs)}
.ar-tabel td:first-child{color:var(--sepia);font-size:13px}.ar-tabel td.ar-naam{font-family:'Source Serif 4',Georgia,serif;font-size:16px;color:var(--galnoot)}
.ar-bronblok{border:1px solid var(--lijn);border-radius:14px;padding:16px 18px}
.ar-bronblok dl{margin:0;display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 12px;font-size:14px}.ar-bronblok dt{color:var(--grijs)}.ar-bronblok dd{margin:0}
.ar-extern{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0 0;font-size:13px;color:var(--sepia-l)}.ar-extern .mj-twee{min-height:44px;font-size:14px}
.ar-slotregel{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--grijs);background:var(--zacht-warm);border-radius:12px;padding:12px 14px}.ar-slotregel svg{flex:none;margin-top:2px}
@media (max-width:760px){
  .ar-cijfers{grid-template-columns:1fr 1fr}
  .ar-kaart{flex-wrap:wrap;align-items:flex-start}.ar-mini{width:72px;height:88px}.ar-tekst{flex:1 1 180px}
  .ar-rechts{flex:1 1 100%;flex-direction:row;justify-content:space-between;align-items:center}.ar-bekijk{flex:1}
  .ar-dlg{width:100vw;max-height:100vh;height:100vh;border-radius:0;margin:0}
  .ar-dlg-kop{padding:14px 16px;flex-wrap:wrap}.ar-dlg-kop h2{font-size:24px}.ar-nav{width:100%;justify-content:flex-end}
  .ar-dlg-body{grid-template-columns:1fr;padding:16px;gap:20px}.ar-scan{height:60vh}
  .ar-bronblok dl{grid-template-columns:100px minmax(0,1fr)}
}
/* Familie in de lijn: perkament (lichter dan de voorouders uit het archief); aangetrouwd blijft wit */
.fv-k.lijn{background:var(--perk-l);border-color:var(--perk-r)}
.fv-k.lijn:hover{border-color:var(--perk-d)}
.fv-rn.lijn{background:var(--perk-l)}.fv-rn.lijn:hover{background:#F6EDDA}
.fv-k.lijn .fv-chip.perk,.fv-rn.lijn .fv-chip.perk{background:var(--perk)}
.fv-k.lijn .fv-chip:not(.ok):not(.let):not(.perk):not(.zwart),.fv-rn.lijn .fv-chip:not(.ok):not(.let):not(.perk):not(.zwart){background:#fff}

/* Kaartjesmenu: eerst zelf invullen, daarna rustig een link vragen */

.mj-zij .mj-bestelknop{width:100%;justify-content:center;font-size:16px;white-space:nowrap;padding-left:12px;padding-right:12px}
/* verplaatsen: zien dat een kaartje te slepen is */
.fv-grip{position:absolute;top:8px;left:8px;color:var(--grijs-400);opacity:0;transition:opacity .15s;line-height:0}
.fv-sleep{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:#fff;background:var(--inkt);border-radius:6px;padding:3px 8px;opacity:0;pointer-events:none;transition:opacity .15s .35s;z-index:5}
@media (hover:hover) and (pointer:fine){
  .fv-boom-wrap .fv-k[title],.fv-los .fv-k[title]{cursor:grab}
  .fv-k[title]:hover .fv-grip{opacity:1}
  .fv-boom-wrap .fv-k[title]:hover .fv-sleep,.fv-los .fv-k[title]:hover .fv-sleep{opacity:1}
  .fv-k[title]:hover{box-shadow:0 4px 12px rgba(16,24,40,.12);transform:translateY(-1px)}
  .fv-k.ik .fv-sleep{bottom:calc(100% + 14px)}
}
.fv-k{transition:box-shadow .15s,transform .15s}
body.fv-sleept,body.fv-sleept *{cursor:grabbing!important;user-select:none}
body.fv-sleept .fv-sleep{display:none}
.fv-spook{position:fixed;z-index:1000;pointer-events:none;opacity:.92;transform:rotate(-2deg);box-shadow:0 12px 28px rgba(16,24,40,.25)!important;margin:0}
.fv-k.fv-weg{opacity:.35;border-style:dashed}
.fv-k.fv-doel,[data-wortel].fv-doel .fv-oud{outline:3px solid var(--kobalt);outline-offset:3px;box-shadow:0 0 0 8px rgba(43,78,255,.12)}
.fv-k.fv-nee{outline:2px dashed var(--grijs-300);outline-offset:3px;cursor:no-drop}
.fv-k.fv-net{box-shadow:0 0 0 5px rgba(43,78,255,.25)}

.fv-vkeus{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:4px 0}
.fv-vkeus legend{font-weight:700;margin-bottom:6px}
.fv-vdlg{max-width:460px}
.fv-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1001;display:flex;align-items:center;gap:12px;background:var(--inkt);color:#fff;border-radius:12px;padding:10px 12px 10px 16px;box-shadow:0 12px 28px rgba(16,24,40,.3);max-width:calc(100vw - 32px);font-size:15px}
.fv-toast .mj-twee{background:#fff;color:var(--inkt);white-space:nowrap}
.fv-toast .fv-x{color:#fff;background:none;border:0;font-size:20px;cursor:pointer}
.fv-vdlg .mj-knoppen{display:flex;gap:10px;align-items:center;margin-top:8px}

/* ---------- Voorouders: het archiefonderzoek (stamboom omhoog) ---------- */
.vo-stand{display:flex;gap:14px;align-items:flex-start;border-radius:16px;padding:16px 20px;background:var(--perk-l);border:1px solid var(--perk-r);color:var(--galnoot)}
.vo-stand b{font-size:18px}.vo-stand p{margin:4px 0 0;font-size:16px;line-height:1.5}
.vo-bol{flex:none;width:14px;height:14px;border-radius:50%;margin-top:5px;background:var(--groen)}
.vo-stand.bezig .vo-bol,.vo-stand.wachtrij .vo-bol{background:var(--kobalt);animation:vo-puls 1.6s ease-in-out infinite}
.vo-stand.pauze .vo-bol{background:#D9A400}.vo-stand.fout .vo-bol,.vo-stand.gestopt .vo-bol{background:var(--lak)}
@keyframes vo-puls{0%,100%{box-shadow:0 0 0 0 rgba(43,78,255,.35)}50%{box-shadow:0 0 0 7px rgba(43,78,255,0)}}
@media (prefers-reduced-motion:reduce){.vo-stand .vo-bol{animation:none}}
.vo-balk{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}
.vo-kant{display:flex;flex-direction:column;gap:12px}
.vo-kantkop{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-bottom:1px solid var(--perk-r);padding-bottom:8px}
.vo-kantkop h2{font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:28px;color:var(--galnoot);margin:0}
.vo-kantkop span{font-size:15px;color:var(--sepia)}
.vo-boom,.vo-boom ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vo-boom ul{padding-left:22px;margin-left:12px;border-left:2px solid var(--perk-r);margin-top:10px}
.vo-boom li{min-width:0}
.vo-p{border:1px solid var(--perk-r);border-radius:6px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:4px;max-width:620px;border-left:4px solid #7FA7C9}
.vo-p.v{border-left-color:#D29BA6}
.vo-p.start{background:var(--perk-l)}
.vo-kop{display:flex;gap:10px;align-items:baseline;justify-content:space-between}
.vo-kop b{font-size:17px;color:var(--inkt)}
.vo-z{font-size:15px;color:var(--groen);flex:none}.vo-z.half{color:var(--bruin)}
.vo-geg{margin:0;font-size:15px;line-height:1.5;color:var(--grijs)}
.vo-ber{margin:0;font-size:14px;color:var(--sepia);font-style:italic}
.vo-akten{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.vo-akte{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--perk-r);background:var(--perk-l);color:var(--sepia);border-radius:999px;padding:3px 10px;cursor:pointer;min-height:28px}
.vo-akte:hover{background:var(--perk)}.vo-akte:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.vo-open{font-size:13px;color:var(--grijs);background:var(--grijs-100);border-radius:999px;padding:3px 10px}
.vo-ouders>summary{cursor:pointer;margin-top:8px;font-size:15px;font-weight:600;color:var(--kobalt);list-style:none;display:inline-flex;gap:6px;align-items:baseline;min-height:32px}
.vo-ouders>summary::-webkit-details-marker{display:none}
.vo-ouders>summary::before{content:'▸';display:inline-block;transition:transform .15s}
.vo-ouders[open]>summary::before{transform:rotate(90deg)}
.vo-ouders>summary span{font-weight:400;color:var(--grijs)}

@media (max-width:640px){.vo-boom ul{padding-left:12px;margin-left:6px}.vo-p{padding:10px 12px}}
/* voorproef (vóór de bestelling) en verhalen per voorouder */
.vo-stand.voorproef{background:#fff;border-color:var(--perk-r)}
.vo-stand.voorproef .vo-bol{background:var(--groen)}.vo-stand.voorproef.bezig .vo-bol{background:var(--kobalt);animation:vo-puls 1.6s ease-in-out infinite}
.vo-akte.slot{display:inline-flex;align-items:center;gap:4px;text-decoration:none;background:var(--grijs-100);border-color:var(--grijs-200);color:var(--grijs)}
.vo-akte.vo-vh{background:var(--mint);border-color:#B7E4C7;color:var(--groen)}
.ar-slotknop{display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}
.vh-blad{background:var(--perk-l);border:1px solid var(--perk-r);border-radius:4px;padding:32px 34px;box-shadow:0 12px 32px rgba(58,38,20,.10);color:var(--galnoot);display:flex;flex-direction:column;gap:12px;min-height:320px}
.vh-blad h3{font-family:'IM Fell English',Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;margin:0}
.vh-blad p{margin:0;font-size:18px;line-height:1.7}
.vh-blad .vh-kicker{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sepia);line-height:1.4}
.vh-kort{font-size:16px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:640px){.vh-blad{padding:22px 20px}.vh-blad h3{font-size:24px}.vh-blad p{font-size:17px}}
/* leeg kaartje: sleep op iemand om een familielid toe te voegen */
.fv-nieuwrij{display:flex;gap:18px;align-items:center;margin:4px 0 12px;position:sticky;top:8px;z-index:6;background:#fff;box-shadow:0 4px 12px rgba(16,24,40,.08);border:1px solid var(--lijn);border-radius:16px;padding:10px 16px}
.fv-nieuwrij p{margin:0;max-width:640px;font-size:15px}
.fv-k.fv-nieuw{width:124px;height:auto;min-height:92px;border:2px dashed var(--grijs-400);background:var(--grijs-50);flex:0 0 auto;justify-content:center;cursor:grab;touch-action:none}
.fv-k.fv-nieuw:hover{border-color:var(--kobalt);background:var(--kobalt-50)}
.fv-k.fv-nieuw .fv-grip{opacity:1}
.fv-nplus{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fff;border:1.5px dashed var(--grijs-400);display:grid;place-items:center;font-size:18px;font-weight:700;color:var(--grijs-600);line-height:1}
.fv-k.fv-nieuw b{font-size:14px}
.fv-spook.fv-nieuw{border-color:var(--kobalt)}
@media (max-width:760px){.fv-nieuwrij{display:none}}
.fv-k.fv-nieuw{height:96px!important;min-height:0!important;gap:2px;padding:8px}
.fv-nieuwrij{padding:8px 14px}

/* keuze: bestaand of nieuw familieboek */
.mj-keuze-opties{display:flex;flex-direction:column;gap:10px}
.mj-keuze-opt{display:flex;flex-direction:column;gap:4px;text-align:left;font:inherit;background:#fff;border:2px solid var(--grijs-200);border-radius:14px;padding:16px 18px;cursor:pointer;color:var(--inkt)}
.mj-keuze-opt:hover,.mj-keuze-opt:focus-visible{border-color:var(--perk-r);background:var(--perk)}
.mj-keuze-opt b{font-size:17px}.mj-keuze-opt span{font-size:15px;color:var(--grijs)}
.mj-keuze-zeker{background:var(--geel);border:1px solid #F5D08A;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.mj-keuze{border:0;border-radius:20px;padding:0;max-width:620px;width:calc(100% - 32px);box-shadow:0 24px 64px rgba(16,24,40,.25);font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--inkt)}
.mj-keuze::backdrop{background:rgba(16,24,40,.45)}
.mj-keuze .fv-dlg-in{padding:26px;display:flex;flex-direction:column;gap:14px}
.mj-keuze h2{font-size:24px;line-height:1.2;margin:0}
.mj-keuze-opt{min-height:44px}
#bk-ja{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:14px;background:var(--lak);color:#fff;border:0;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
#bk-terug{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:12px;border:1.5px solid var(--inkt);background:#fff;font:inherit;font-weight:700;cursor:pointer}
.mj-keuze .fv-dlg-voet{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.mj-keuze .mj-keuze-opt{display:flex;flex-direction:column;gap:4px;text-align:left;background:#fff;border:2px solid var(--grijs-200);border-radius:14px;padding:16px 18px;cursor:pointer;color:var(--inkt);font:inherit;width:100%}
.mj-keuze .mj-keuze-opt:hover,.mj-keuze .mj-keuze-opt:focus-visible{border-color:var(--sepia);background:var(--perk);outline:none}
/* ===== V3: kopregel, rood kaartje, labels, archief boven de stamboom, personenpaneel ===== */
.mj-kop .mj-wrap{flex-wrap:nowrap}

.mj-wie{margin-left:auto;flex:none;gap:12px}

/* vaste Hulp nodig?-knop op elk tabblad, linksonder (Feedback staat rechtsonder) */
.mj-hulpvast{position:fixed;left:20px;bottom:20px;z-index:60;font:inherit;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--inkt);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.mj-hulpvast:hover{filter:brightness(1.15)}
@media print{.mj-hulpvast{display:none}}
@media (max-width:1100px){.mj-kop .mj-wrap{flex-wrap:wrap}}
/* knoppenpaar */
.hk{display:inline-flex;gap:8px;flex:none;flex-wrap:wrap}
.hk button{font:inherit;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer}
/* Vraag een familielid: overal dezelfde knop (Ortwin 6-11-2026), ook buiten .hk */
.hk-fam{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;border:1.5px solid var(--kobalt);background:#fff;color:var(--kobalt-h)}.hk-fam:hover{background:var(--zacht)}.hk-fam svg{flex:none}
.hk-hulp{border:0;background:var(--inkt);color:#fff}
/* rood kaartje */
.rk{background:#8E3129;color:var(--perk);border-radius:4px 14px 14px 4px;box-shadow:inset 9px 0 0 rgba(0,0,0,.16)}
.rk-k{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.rk-t{display:flex;gap:8px;align-items:center;font-family:"IM Fell English",Georgia,serif;font-size:19px;line-height:1.2}
.rk-t img{filter:brightness(0) invert(.93) sepia(.3);flex:none}
.rk-breed{display:flex;align-items:stretch;padding:14px 18px 14px 26px;gap:0;flex-wrap:wrap}
.rk-kop{display:flex;flex-direction:column;gap:4px;padding-right:18px;min-width:220px;max-width:300px;justify-content:center}
.rk-cel{display:flex;flex-direction:column;gap:2px;padding:2px 18px;border-left:1px solid rgba(243,233,210,.25);min-width:110px}
.rk-cel b{font-family:"IM Fell English",Georgia,serif;font-weight:400;font-size:30px;line-height:1}
.rk-cel span{font-size:13px}.rk-cel small{font-size:11px;opacity:.8}
.rk-groot{padding:20px 22px 16px 26px;display:flex;flex-direction:column;gap:10px}
.rk-rij{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid rgba(243,233,210,.25)}
.rk-rij>span{display:flex;flex-direction:column}.rk-rij small{font-size:12px;opacity:.8}.rk-rij b{font-size:20px}
.rk-o{margin:0;font-size:13px;opacity:.85}
@media (max-width:760px){.rk-breed{padding:12px 14px 12px 20px}.rk-kop{min-width:100%;padding:0 0 8px}.rk-cel{min-width:45%;padding:6px 10px;border-left:0;border-top:1px solid rgba(243,233,210,.25)}}
/* labels */
.lbs{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:2px}
.lb{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;white-space:nowrap;line-height:1.6}
.lb.groot{font-size:13px;padding:3px 10px}
.lb-akte{color:var(--sepia);background:#fff;border:1px solid #D9C49A}
.lb-verhaal{color:var(--kobalt-h);background:var(--kobalt-50);border:1px solid var(--kobalt-200)}
.lb-foto{color:var(--grijs-700);background:var(--grijs-100);border:1px solid var(--grijs-200)}
.lb-open{color:var(--bruin);background:var(--geel);border:1px solid #F5D9A0}
.lb-ok{color:var(--groen-d);background:var(--mint);border:1px solid #BDE5CB}
/* centraal: geel met het zegel */
.cz{position:absolute;top:-13px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.fv-k.centraal,.fv-oud.centraal,.oz-k.centraal{background:var(--geel-r)!important;border:2px solid var(--oker)!important;position:relative}
/* stamboom met paneel */
.pp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:0;border:1px solid var(--grijs-200);border-radius:20px;overflow:visible;background:#fff}
.pp-links{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;background:var(--zacht-warm);padding:16px 18px;border-radius:20px 0 0 20px;min-width:0}
.pp-boom{display:flex;flex-direction:column;gap:12px;min-width:0}
.pp-leg{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--grijs)}
.pp-leg>span{display:inline-flex;gap:6px;align-items:center}
.lg{display:inline-block;width:14px;height:14px;border-radius:4px;background:#fff;border:1px solid var(--grijs-300)}
.lg.arch{background:var(--perk);border-color:#D9C49A;border-radius:3px}.lg.lijn{background:var(--perk-l);border-color:var(--perk-r)}.lg.cen{background:var(--geel-r);border:2px solid var(--oker)}
.gb{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--lijn);padding-right:10px;position:sticky;top:12px;align-self:start}
.gb-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sepia);margin-bottom:4px}
.gb-r{font:inherit;font-size:13px;color:var(--sepia-l);background:none;border:0;border-left:3px solid transparent;padding:0 0 0 7px;margin-left:-10px;display:flex;justify-content:space-between;min-height:32px;align-items:center;cursor:pointer;text-decoration:none;text-align:left}
.gb-r.zicht{font-weight:700;color:var(--inkt);border-left-color:var(--kobalt)}
.oz-boom{display:flex;flex-direction:column;align-items:center;gap:6px;overflow-x:auto;padding:14px 4px 4px}

.oz-rij{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 0;border-bottom:1px dashed #E7DDC6;position:relative}
.oz-rl{position:absolute;left:0;top:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sepia-l)}

.oz-groep{display:flex;flex-direction:column;align-items:center;gap:4px}
.oz-van{font-size:11px;color:var(--sepia-l);font-weight:600}
.oz-paar{display:flex;gap:6px;align-items:center}
.oz-k{font:inherit;position:relative;width:150px;box-sizing:border-box;border:1px solid #D9C49A;background:var(--perk);border-radius:4px;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;cursor:pointer;color:var(--galnoot)}
.oz-k b{font-family:"IM Fell English",Georgia,serif;font-weight:400;font-size:15px;line-height:1.2}
.oz-j{font-size:12px;color:var(--sepia-l)}
.oz-k:hover{border-color:#B99A5E}
.oz-k.sel,.fv-k.sel,.fv-oud.sel{outline:2.5px solid var(--kobalt);outline-offset:2px;box-shadow:0 0 0 6px rgba(43,78,255,.15)}
button.fv-oud{font:inherit;cursor:pointer;color:inherit;position:relative}
.oz-nu{margin-top:10px;border:2px dashed #C9D3F5;border-radius:16px;padding:14px 18px;background:var(--kobalt-25);max-width:480px;text-align:center;font-size:14px;line-height:1.5;color:var(--grijs)}
.oz-leeg{padding:30px;text-align:center;color:var(--grijs)}
/* paneel */
.pp{border-left:1px solid var(--grijs-200);background:#fff;display:flex;flex-direction:column;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto;border-radius:0 20px 20px 0}
.pp-leeg{padding:28px 24px;display:flex;flex-direction:column;gap:8px}.pp-leeg h2{font-size:22px;margin:0}
.pp-tip{margin:8px 0 0;background:var(--zacht-warm);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
.pp-kop{display:flex;gap:14px;align-items:center;padding:18px 20px 12px}
.pp-kop.arch{background:var(--perk-l);border-bottom:1px solid var(--perk-r)}
.pp-av{flex:none;position:relative;cursor:pointer;display:block}
.pp-av .fv-av{width:72px!important;height:72px!important;font-size:22px}
.pp-av.arch{width:72px;height:72px;border-radius:50%;border:2px dashed var(--perk-d);background:var(--perk);display:flex;align-items:center;justify-content:center;color:var(--sepia);overflow:hidden;cursor:default}
.pp-av.arch img{width:100%;height:100%;object-fit:cover}
.pp-cam{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid var(--grijs-300);display:flex;align-items:center;justify-content:center;color:var(--grijs)}
.pp-kt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pp-kt h2{margin:0;font-size:23px;line-height:1.2}.pp-kt h2.serif{font-family:"IM Fell English",Georgia,serif;font-weight:400;font-size:26px;color:var(--galnoot)}
.pp-kt>span{font-size:14px;color:var(--grijs)}
.pp-kt .mj-kicker{margin:0;font-size:11px}
.pp-lbs{justify-content:flex-start;padding:0 20px 12px}
.pp-kop.arch+.pp-lbs{background:var(--perk-l);border-bottom:1px solid var(--perk-r);padding-top:0}

.pp-bew{color:var(--groen-d)}

.pp-body{padding:2px 20px 10px;margin:0}
.pp-r{border-bottom:1px solid var(--lijn)}
.pp-r>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;cursor:pointer}
.pp-r>summary::-webkit-details-marker{display:none}
.pp-rt{flex:1;display:flex;flex-direction:column;min-width:0}.pp-rt b{font-size:16px}.pp-rt span{font-size:13px;color:var(--grijs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-rt span.oranje{color:var(--bruin)}
.pp-ok{color:var(--groen-d);font-weight:800;font-size:14px}
.pp-pijl{width:10px;height:10px;border-right:2px solid var(--grijs);border-bottom:2px solid var(--grijs);transform:rotate(45deg);margin:-4px 4px 0;transition:transform .15s}
.pp-r[open] .pp-pijl{transform:rotate(225deg);margin-top:4px}
.pp-in{display:flex;flex-direction:column;gap:10px;padding:0 0 16px}
.pp-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-v input,.pp-v textarea{min-height:44px}
.pp-pillen{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:700}
.pp-pil{position:relative}.pp-pil input{position:absolute;opacity:0}
.pp-pil span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--grijs-300);font-weight:600;cursor:pointer}
.pp-pil input:checked+span{border:2px solid var(--kobalt);background:var(--kobalt-50);color:var(--kobalt-h);font-weight:700}
.pp-pil input:focus-visible+span{outline:3px solid var(--kobalt);outline-offset:2px}
.pp-fout{color:var(--rood);font-weight:600;margin:0;font-size:14px}
.pp-f{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid #F2EBDB;font-size:15px}
.pp-f>span:first-child{font-size:13px;color:var(--grijs)}.pp-f small{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--sepia-l)}
.pp-noot{margin:4px 0 0;font-size:13px;color:var(--grijs);line-height:1.5}
.pp-akte{display:flex;align-items:center;gap:12px;border:1px solid var(--perk-r);background:var(--perk-l);border-radius:10px;padding:10px 12px;color:var(--sepia)}
.pp-akte>span{flex:1;display:flex;flex-direction:column;color:var(--inkt)}.pp-akte small{font-size:13px;color:var(--sepia-l)}
.pp-slot{font-size:13px;color:var(--sepia-l);display:inline-flex;gap:4px;align-items:center}
.pp-verhaal{margin:0;font-family:Georgia,serif;font-size:16px;line-height:1.55;color:var(--galnoot)}
.pp-plus{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;border:2px dashed var(--grijs-400);background:var(--grijs-50);color:var(--inkt);font-weight:700;font-size:14px;text-decoration:none}
.pp-fotos{display:flex;gap:8px;flex-wrap:wrap}
.pp-foto{display:flex;flex-direction:column;gap:2px;align-items:center}.pp-foto img{width:84px;height:84px;object-fit:cover;border-radius:10px}
/* hoofdfoto en bijsnijden (feedback 13-11-2026) */
.pp-foto.hoofd img{outline:3px solid var(--kobalt);outline-offset:1px}.pp-foto-hoofd{font-size:11px;font-weight:700;color:var(--grijs)}
.pp-foto-k{display:flex;flex-direction:column;align-items:center;gap:0;font-size:12px;line-height:1.5}.pp-foto-k .mj-link{font-size:12px}
.ft-kk-k{display:flex;gap:6px}
.pp-foto-plus{width:84px;height:84px;border-radius:10px;border:2px dashed var(--grijs-400);background:var(--grijs-50);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;cursor:pointer;color:var(--grijs)}
.pp-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pp-weg{color:var(--rood)!important;align-self:flex-start}
.pp-voet{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--lijn);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--groen-d);font-weight:600}
.pp-voet>span:last-child{display:flex;gap:6px}
@media (max-width:999px){
  .pp-wrap{grid-template-columns:1fr;border:0}
  .pp-links{grid-template-columns:1fr;border-radius:16px;padding:12px}
  .gb{display:none}
  .pp{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:88vh;z-index:60;border-radius:20px 20px 0 0;border-left:0;box-shadow:0 -12px 40px rgba(16,24,40,.3);transform:translateY(105%);transition:transform .2s}
  .pp.open{transform:none}
}
/* stappenplan v3 */
.ob.v3 .ob-kaart.v3{padding:26px 28px 0}
.ob.v3 .ob-kopregel{align-items:flex-start;gap:20px;margin-bottom:16px}
.ob.v3 .ob-kopregel h1{margin:4px 0 6px}
.ob.v3 .ob-voet{margin:20px -28px 0;padding:14px 28px}
.cz-wrap .cz-links{padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:var(--zacht-warm);border-radius:20px 0 0 20px}
.cz-blok{display:flex;gap:16px;align-items:center;background:var(--geel-r);border:2px solid var(--oker);border-radius:6px 14px 14px 6px;padding:14px 18px}
.cz-blok>div{display:flex;flex-direction:column;gap:2px}.cz-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6B4E12}
.cz-t{font-family:"IM Fell English",Georgia,serif;font-size:24px;line-height:1.15;color:var(--galnoot)}.cz-blok small{font-size:13px;color:#6B4E12}
.cz-g{margin:6px 0 0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sepia)}
.cz-lijst{display:flex;flex-wrap:wrap;gap:8px}
.cz-opt{display:flex;gap:10px;align-items:center;border:1px solid var(--perk-r);background:var(--perk-l);border-radius:12px;padding:8px 12px;cursor:pointer;min-height:52px;box-sizing:border-box}
.cz-opt.arch{border-color:#D9C49A;background:var(--perk);border-radius:4px}.cz-opt.arch .cz-n{font-family:"IM Fell English",Georgia,serif;font-size:16px}
.cz-opt.sel{background:var(--geel-r);border:2px solid var(--oker)}
.cz-opt input{width:18px;height:18px;accent-color:var(--bruin);flex:none}.cz-opt img{flex:none}
.cz-opt>span{display:flex;flex-direction:column}.cz-n{font-weight:700;font-size:15px;line-height:1.2}.cz-opt small{font-size:12px;color:var(--grijs)}
.kw{padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.kw h2{margin:0;font-size:20px}.kw>p{margin:0;font-size:14px;line-height:1.55;color:var(--grijs)}.kw>p b{color:var(--inkt)}
.kw-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--zacht-warm);border:1px solid var(--lijn);border-radius:14px;padding:12px}
.kw-fig figcaption{font-size:13px;color:var(--grijs);text-align:center}
.kw-lijst{display:flex;flex-direction:column;gap:8px}
.kw-opt{display:flex;gap:10px;align-items:center;border:1.5px solid var(--grijs-300);border-radius:14px;padding:10px 12px;cursor:pointer}
.kw-opt.sel{border:2px solid var(--kobalt);background:var(--kobalt-50)}
.kw-opt input{width:18px;height:18px;accent-color:var(--kobalt);flex:none}
.kw-opt>span:nth-of-type(1){flex:1;display:flex;flex-direction:column}.kw-opt small{font-size:13px;color:var(--grijs)}.kw-n{font-size:13px;font-weight:700;white-space:nowrap}
/* vraag een familielid */
.vf-wie{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vf-opt{display:flex;gap:10px;align-items:center;border:1.5px solid var(--grijs-300);border-radius:12px;padding:8px 10px;cursor:pointer}
.vf-opt:has(input:checked){border:2px solid var(--kobalt);background:var(--kobalt-50)}
.vf-opt>span{display:flex;flex-direction:column}.vf-opt small{font-size:12px;color:var(--grijs)}
@media (max-width:760px){.vf-wie{grid-template-columns:1fr}.pp-g2{grid-template-columns:1fr}}
/* "Hulp nodig?": hulpvraagformulier (hulp.js) */
.hv-dlg{max-width:640px}
.hv-lead{margin:0;font-size:16px;line-height:1.55;color:var(--grijs)}
.hv-mee{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--grijs)}
.hv-chip{font-weight:700;color:var(--inkt);background:var(--grijs-100);border-radius:999px;padding:3px 10px}
.hv-teller{align-self:flex-end;font-size:13px;font-weight:400;color:var(--grijs)}
.hv-mag{background:var(--zacht-warm);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.45;flex-wrap:wrap}
.hv-mag small{flex-basis:100%;padding-left:34px;color:var(--grijs);font-size:13px}
.hv-fout{margin:0;color:var(--rood);font-weight:600;min-height:1px}
.hv-voet{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hv-noot{font-size:13px;color:var(--grijs)}
.hv-knop{background:var(--inkt)!important;border-color:var(--inkt)!important}
/* V3 correcties */
.pp-boom .fv-vlak{width:auto;margin-left:0;border-radius:16px}
.pp-boom .fv-boom-wrap{padding-left:8px}
.rk-t img{filter:none}
.rk-breed{flex-wrap:nowrap}
.rk-cel{flex:1 1 0;min-width:0}
.rk-kop{flex:0 0 250px}
@media (max-width:1100px){.rk-breed{flex-wrap:wrap}.rk-cel{flex:1 1 40%}}

@media (max-width:760px){.ob.v3 .ob-kopregel{flex-wrap:wrap}.ob.v3 .ob-kaart.v3{padding:18px 14px 0}.ob.v3 .ob-voet{margin:16px -14px 0;padding:12px 14px}.hk button{font-size:14px;padding:0 12px}}
/* feedback 4-11 avond: alle kaartjes even groot; pad door de voorouders; nieuw familielid op het kaartje */
.fv-k,.fv-oud,.oz-k{width:164px!important;min-height:140px;height:auto!important;box-sizing:border-box;justify-content:flex-start}
.fv-oud{padding:12px 8px 8px}
.fv-oud b{font-size:16px;line-height:1.2}
.fv-oud span{font-size:12px}
.oz-k.pad{border:2px solid #B99A5E;box-shadow:0 3px 10px rgba(91,58,30,.18)}
.oz-groep{position:relative;transition:transform .2s}
.oz-lijn{display:block;width:2px;height:14px;background:var(--perk-d);margin-top:2px}
.oz-tip{margin:0 0 6px;font-size:13px;color:var(--grijs);text-align:center}
.oz-onbekend{width:340px;max-width:80vw;box-sizing:border-box;border:2px dashed var(--perk-r);border-radius:6px;padding:12px;text-align:center;font-size:13px;color:var(--sepia-l);background:var(--zacht-warm)}
.oz-rij{overflow:visible}
.nieuw-k{border:2px dashed var(--kobalt)!important;background:var(--kobalt-25)!important;cursor:default;gap:6px;justify-content:center}
.nieuw-k input{font:inherit;font-size:15px;font-weight:700;width:100%;box-sizing:border-box;text-align:center;min-height:40px;border:1.5px solid var(--kobalt);border-radius:10px;padding:0 8px;background:#fff}
.nieuw-tip{font-size:11px;color:var(--grijs)}
.rel-menu{position:fixed;z-index:1002;width:240px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.25);padding:12px;display:flex;flex-direction:column;gap:6px}
.rel-menu p{margin:0 0 4px;font-size:14px;font-weight:700}
.rel-menu button[role=menuitem]{font:inherit;text-align:left;min-height:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--grijs-300);background:#fff;font-weight:700;cursor:pointer}
.rel-menu button[role=menuitem]:hover,.rel-menu button[role=menuitem]:focus-visible{border-color:var(--kobalt);background:var(--kobalt-50)}
.oz-boom{align-items:safe center}
.oz-rij{align-items:safe center}
/* aangetrouwde familie: ouders invullen voor de kwartierstaat */
.vo-aan{border-top:1px solid var(--perk-r);padding-top:8px}
.vo-ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vo-ladder li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--perk-r);border-radius:14px;padding:14px 16px}
.vo-ladder p{margin:4px 0 10px;font-size:16px}
.vo-tr-n{width:32px;height:32px;border-radius:50%;background:var(--perk-l);border:1px solid var(--perk-r);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--galnoot)}
.vo-aanform{border:1px solid var(--perk-r);border-radius:12px;background:#fff;padding:12px 16px}
.vo-aanform>summary{cursor:pointer;font-weight:700;font-size:17px;min-height:32px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.vo-ouderform{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-width:640px}
.vo-rij{display:grid;grid-template-columns:1fr 130px;gap:12px}
.vo-check{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:16px}
.vo-check input{width:20px;height:20px}.vo-check small{color:var(--grijs)}
@media (max-width:560px){.vo-rij{grid-template-columns:1fr 96px}}

/* feedback 4-11: menu op één regel, hulpknop onder het menu. Ondertitels in gewone letter (huisstijl 5-11:
   handschrift alleen voor een bericht uit het verleden aan de generatie van nu) */

.mj-lead,.hv-lead,.ob-lead{font-family:inherit;font-size:18px;line-height:1.5;color:var(--grijs)}

@media (max-width:640px){.mj-lead,.hv-lead,.ob-lead{font-size:17px}}

/* familiewaaier (feedback 5-11) */
.wv{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 4px}
.wv-svg{width:100%;max-width:900px;height:auto;display:block;margin:0 auto}
.wv-v{cursor:pointer}
.wv-v path{stroke:var(--zacht-warm);stroke-width:1.5;transition:filter .15s}
.wv-v:hover path,.wv-v:focus path{filter:brightness(.93)}
.wv-v:focus{outline:none}
.wv-v.sel path{stroke:var(--kobalt);stroke-width:3.5}
.wv-v.centraal path{stroke:var(--oker);stroke-width:3}
.wv-v text{font-family:"IM Fell English",Georgia,serif;fill:var(--sepia);text-anchor:middle;pointer-events:none}
.wv-v text .wj{font-family:inherit;font-size:.82em;fill:var(--sepia-l)}
.wv-stip{fill:var(--lak);stroke:#fff;stroke-width:1.5}
.wv-leg{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:13px;color:var(--sepia)}
.wv-leg span{display:inline-flex;align-items:center;gap:6px}
.wv-leg i,.wv-legstip i{display:inline-block;width:12px;height:12px;border-radius:3px}
.wv-legstip{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.wv-legstip i{border-radius:50%;background:var(--lak)}
.pp-links.wv-links{grid-template-columns:minmax(0,1fr)}
.wv{width:100%}
.wv-vak{width:100%;max-height:78vh;overflow:auto;border-radius:12px}
.wv-zoom{display:inline-flex;align-items:center;gap:8px;align-self:flex-end;border:1.5px solid var(--grijs-300);border-radius:12px;padding:3px;background:#fff}
.wv-zoom button{width:38px;height:38px;border:0;border-radius:9px;background:var(--inkt);color:#fff;font:inherit;font-size:20px;font-weight:700;cursor:pointer}
.wv-zoom button:disabled{opacity:.35;cursor:not-allowed}
.wv-zoom span{min-width:46px;text-align:center;font-size:14px;font-weight:700}
/* naam en verwijderen op het gekozen kaartje (feedback 5-11) */
.fv-k.bewerk{cursor:default}
.fv-naamin{font:inherit;font-weight:700;font-size:15px;width:100%;box-sizing:border-box;text-align:center;border:1.5px dashed #B99A5E;border-radius:8px;padding:4px 6px;background:#fff;color:var(--inkt)}
.fv-naamin:focus{outline:2px solid var(--kobalt);border-style:solid}
.fv-prul{position:absolute;top:6px;right:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #E4C9C6;border-radius:8px;background:#fff;color:var(--lak);cursor:pointer;z-index:2}
.fv-prul:hover{background:var(--lak);color:#fff}
.fv-plus3{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:4px}
.fv-plus3 button{font:inherit;font-size:12px;font-weight:700;min-height:28px;padding:0 8px;border-radius:999px;border:1.5px solid var(--kobalt);background:#fff;color:var(--kobalt);cursor:pointer}
.fv-plus3 button:hover{background:var(--kobalt);color:#fff}

/* Meekijken door de redactie (FR-263, FR-268): eigen kleur die nergens anders voorkomt */
.mk-balk{position:sticky;top:0;z-index:60;background:var(--meekijk);color:#fff;font-size:15px}
.mk-balk.mw{background:#7A1F5C}
.mk-in{max-width:none;margin:0 auto;padding:10px clamp(16px,2vw,40px);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.mk-stand{background:rgba(255,255,255,.16);border-radius:999px;padding:3px 12px;font-weight:700}
.mk-reden{opacity:.85}
.mk-balk button{font:inherit;font-weight:700;background:#fff;color:var(--meekijk);border:0;border-radius:999px;padding:8px 16px;cursor:pointer;min-height:40px}
.mk-balk.mw button{color:#7A1F5C}
.mk-klant{background:#EFE9FE;color:var(--meekijk);font-size:15px;padding:10px 20px;text-align:center;border-bottom:1px solid #D9CCFB}
.vo-slotuitleg{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--sepia);background:var(--perk-l);border:1px solid var(--perk-r);border-radius:8px;padding:8px 10px}.vo-slotuitleg a{color:var(--kobalt);font-weight:600}
.ar-kaart .vo-slotuitleg,.pp-akte .vo-slotuitleg{flex-basis:100%;width:100%}.pp-akte{flex-wrap:wrap}.ar-kaart{flex-wrap:wrap}button.pp-slot{font:inherit;font-size:13px;color:var(--sepia-l);cursor:pointer;background:none;border:0;padding:0}
/* Ouders laten opzoeken in het archief (stamboom aanvullen) */
.oa-dlg .fv-dlg-in{max-width:620px}
.oa-form{display:flex;flex-direction:column;gap:14px}
.oa-wie{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.oa-wie legend{font-weight:700;padding:0;margin-bottom:8px}
.oa-form [hidden]{display:none!important}
.oa-form select{font:inherit;font-size:17px;padding:12px 14px;border:var(--veld-rand);border-radius:12px;background:#fff}
/* ---------- Kopbalk na inloggen: het proces staat centraal (5-11-2026) ---------- */
.kb-kop{position:relative;z-index:60}
.kb-kop>.mj-wrap{flex-wrap:nowrap;gap:28px;padding-top:16px;padding-bottom:16px}
.kb-kop .mj-logo img{width:48px;height:48px}.kb-kop .mj-logo span{font-size:28px;letter-spacing:-.02em}
.kb-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0}

@media (min-width:821px){.pp,.gb{top:calc(var(--kb-h,0px) + 12px)}.pp{max-height:calc(100vh - var(--kb-h,0px) - 24px)}.fv-nieuwrij{top:calc(var(--kb-h,0px) + 8px)}}

@media (max-width:820px){
  .kb-kop>.mj-wrap{gap:10px;padding-top:12px;padding-bottom:12px}
  .kb-kop .mj-logo span{display:none}.kb-kop .mj-logo img{width:44px;height:44px}

}
/* ---------- Je boek: samenstellen ---------- */
.jb{display:flex;flex-direction:column;gap:22px}
.jb-intro{display:flex;flex-direction:column;gap:8px}
.jb-kop{gap:16px}
.jb-kop-in{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center}
.jb-omslag{width:72px;height:100px;flex:none;border-radius:3px 6px 6px 3px;background:#7E221D;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 8px 18px rgba(58,38,20,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;box-sizing:border-box}
.jb-omslag img{width:30px;height:30px}.jb-omslag span{font-family:'IM Fell English',Georgia,serif;color:#E9C77B;font-size:9px;line-height:1.15;text-align:center}
.jb-titel{display:flex;flex-direction:column;gap:4px;flex:999 1 320px;min-width:0}
.jb-titel b{font-size:24px;font-weight:800;letter-spacing:-.02em}
.jb-titel .mj-link{align-self:flex-start;font-size:16px}
.jb-prijs{display:flex;flex-direction:column;gap:3px;align-items:flex-end;text-align:right;flex:1 1 280px}
.jb-prijs b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.jb-prijs span{font-size:16px;font-weight:700;color:var(--grijs)}.jb-prijs .min{color:var(--groen)}.jb-prijs .meer{color:var(--bruin)}
.jb-prijs small{font-size:14px;color:var(--grijs)}
.jb-laatst{font-size:14px!important;color:var(--inkt)!important;background:var(--grijs-100);border-radius:999px;padding:2px 10px}
.jb-voortgang{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;border-top:1px solid var(--lijn);padding-top:14px;font-size:16px}
.jb-voortgang>span:first-child{display:flex;align-items:center;gap:12px;flex:1 1 320px}
.jb-balk{display:block;flex:1 1 auto;max-width:260px;height:10px;border-radius:5px;background:var(--lijn);overflow:hidden}.jb-balk i{display:block;height:100%;background:var(--groen)}
.jb-rij2{align-items:flex-start}
.jb-inhoud{gap:18px}
.jb-groep{padding:8px 18px 12px;gap:0}
.jb-gkop{display:flex;justify-content:space-between;align-items:baseline;padding:12px 4px 8px}
.jb-gkop h2{margin:0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs)}
.jb-gkop span{font-size:14px;color:var(--grijs)}
.jb-groep ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.jb-rij{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:14px;flex-wrap:wrap}
.jb-rij.sel{background:var(--kobalt-100);box-shadow:inset 0 0 0 1.5px var(--kobalt)}

.jb-wat{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}
.jb-naam{align-self:flex-start;background:none;border:0;padding:4px 0;font:700 17px 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inkt);text-align:left;cursor:pointer;text-decoration:none}
a.jb-naam:hover,button.jb-naam:hover{color:var(--kobalt);text-decoration:underline}
.jb-rij.uit .jb-naam{color:var(--grijs-600)}
.jb-wat small{font-size:14px;color:var(--grijs)}
.jb-p{font-size:15px;font-weight:700;color:var(--grijs);min-width:52px;text-align:right}
.jb-ctrl{flex:none;display:flex;justify-content:flex-end;min-width:240px}
.jb-vast{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:var(--grijs)}
.jb-link{min-height:44px;font-size:15px}
.jb-vorm button{min-height:44px;font-size:15px;padding:0 14px}
.jb-vorm button:disabled,.jb-schakel:disabled{opacity:.55;cursor:not-allowed}
.jb-schakel{display:flex;align-items:center;gap:10px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;font:600 15px 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inkt)}
.jb-schakel:focus-visible{outline:3px solid var(--kobalt-300);outline-offset:2px;border-radius:8px}
.jb-sw{width:46px;height:26px;border-radius:999px;position:relative;flex:none;background:var(--grijs-300);order:2}
.jb-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.jb-sw.on{background:var(--inkt)}.jb-sw.on i{left:23px}
.jb-voorbeeld{background:var(--zacht-warm);border:1px solid var(--lijn);border-radius:20px;padding:22px}
.jb-plak{display:flex;flex-direction:column;gap:12px}
@media (min-width:1000px){.jb-plak{position:sticky;top:calc(var(--kb-h,0px) + 16px)}}
.jb-vtitel{font-size:21px;font-weight:800;letter-spacing:-.02em}
.jb-spread{display:flex;justify-content:center;filter:drop-shadow(0 12px 22px rgba(58,38,20,.16));margin:6px 0}
.jb-pag{width:50%;max-width:210px;aspect-ratio:210/297;background:var(--zacht-warm);padding:8%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;color:var(--galnoot);overflow:hidden}
.jb-pag.l{border-right:1px solid #E8DFC9}
.jb-beeld{flex:1 1 auto;background:#EADDBF;display:flex;align-items:flex-end;padding:8px}.jb-beeld span{font-size:10px;color:var(--sepia)}
.jb-folio{font-size:7px;letter-spacing:.12em;color:var(--sepia)}
.jb-jaar{font-family:'IM Fell English',Georgia,serif;font-size:42px;line-height:1;color:var(--lak)}
.jb-kick{font-size:7px;font-weight:700;letter-spacing:.14em;color:var(--sepia)}
.jb-ttl{font-family:'IM Fell English',Georgia,serif;font-size:19px;line-height:1.1}
.jb-txt{font-family:Georgia,serif;font-size:9.5px;line-height:1.5}
.jb-akknop.ok{background:var(--mint);color:var(--groen);border-color:var(--groen)}
.jb-akknop{align-self:flex-start}
.jb-klaar{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px}
.jb-klaar-l{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.jb-klaar-r{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right;max-width:420px}
.jb-terug{font-size:16px;font-weight:700;align-self:flex-start}
.jb-subkop{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-end;justify-content:space-between}
.jb-subkop>div:first-child{display:flex;flex-direction:column;gap:6px}
.jb-vormkaart{flex-direction:row;flex-wrap:wrap;gap:16px 28px;align-items:center}
.jb-vormkaart>div:first-child{flex:999 1 420px;display:flex;flex-direction:column;gap:6px}
.jb-vormkaart .jb-vorm button{min-height:52px;font-size:16px;padding:0 20px}
.jb-stenen{display:flex;flex-direction:column;gap:14px}
.jb-stenen-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}
.jb-steen{border:1px solid var(--perk-r);border-radius:16px;padding:16px;background:var(--perk-l);display:flex;flex-direction:column;gap:8px;color:var(--galnoot)}
.jb-steen.vast{background:#fff}
.jb-steen.uit{background:#fff;border-color:var(--lijn);opacity:.8}
.jb-steen b{font-size:21px;line-height:1.2;font-weight:400}
.jb-steen p{font-size:15px;line-height:1.5;color:var(--galnoot)}
.jb-steen-v{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--lijn);padding-top:8px;margin-top:auto;font-size:15px;font-weight:700;color:var(--grijs);flex-wrap:wrap}
.jb-onder{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px}
.jb-tijden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px}
.jb-tijd{gap:10px}.jb-tijd.aan{border-color:var(--kobalt);box-shadow:inset 0 0 0 1px var(--kobalt)}
.jb-tijd-k{display:flex;flex-direction:column;gap:2px}.jb-tijd-k b{font-size:19px}.jb-tijd-k b span{font-weight:600;color:var(--grijs);font-size:15px}
.jb-waarom{padding:10px 14px;border-radius:4px;font-size:16px;gap:2px}
.jb-tijd details summary{cursor:pointer;font-weight:700;color:var(--kobalt);font-size:15px}
.jb-tijd details p{font-size:15px;line-height:1.55;margin-top:6px;color:var(--grijs)}

@media (max-width:820px){
  .jb-ctrl{min-width:0;flex:1 1 100%;justify-content:flex-start;padding-left:42px}
  .jb-p{min-width:0}
  .jb-prijs{align-items:flex-start;text-align:left}
  .jb-klaar-r{align-items:stretch;text-align:left}
}

.jb-tijd-b{margin:-4px -4px 12px;border-radius:10px;overflow:hidden;background:#F2EDE4}
.jb-tijd-b img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;filter:sepia(.18)}
.jb-tijd-b figcaption{font-size:11px;line-height:1.4;color:var(--grijs-500);padding:6px 10px;background:#fff}

.jb-gew{color:#B54708;font-size:14px;font-weight:600}
/* ---------- Statusregel (nieuw proces, scherm 13): stappen · pagina's en prijs · vorige en volgende ---------- */
.st-regel{background:var(--zacht-warm);border-bottom:1px solid var(--lijn);position:sticky;top:0;z-index:50}
.st-in{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:16px 32px;align-items:center;padding-top:16px;padding-bottom:16px}

.st-n{flex:none;width:28px;height:28px;border-radius:999px;border:1.5px solid var(--grijs-300);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:#fff;box-sizing:border-box}

.st-tekst{font-size:14px;color:var(--grijs);margin-bottom:6px}
.st-tekst b{color:var(--inkt)}
.st-excl{white-space:nowrap}
.st-over{font-weight:700;color:var(--bruin)}
.st-balk{height:10px;border-radius:999px;background:var(--grijs-200);overflow:hidden}
.st-balk span{display:block;height:100%;border-radius:999px;background:var(--kobalt)}
.st-blad{display:flex;gap:8px}
.st-pijl{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;border:1.5px solid var(--grijs-300);background:#fff;font-size:15px;font-weight:700;color:var(--inkt);text-decoration:none;box-sizing:border-box}
.st-pijl:hover{border-color:var(--inkt);color:var(--inkt)}
.st-pijl[aria-disabled]{opacity:.45}
.kb-hulpkop{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;border:0;border-radius:14px;background:transparent;font:700 17px 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inkt);cursor:pointer}
.kb-hulpkop:hover{background:var(--grijs-100)}
.mj-wie .kb-hulpkop{text-decoration:none}

@media (max-width:820px){
  .st-regel{position:static}
  .st-in{grid-template-columns:1fr;gap:12px}
  .st-blad{justify-content:space-between}.st-pijl{flex:1;justify-content:center}
  .kb-hulpkop span{display:none}.kb-hulpkop{min-height:48px;width:48px;padding:0;justify-content:center}
}
/* ---------- Je boek wordt dikker (scherm 28) ---------- */
.ub-dlg{max-width:820px;width:calc(100vw - 32px)}
.ub-dlg .fv-dlg-in{gap:18px}
.ub-titel{margin:6px 0 0;font-size:28px;font-weight:800;letter-spacing:-.02em}
.ub-lead{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--grijs)}
.ub-keuzes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ub-kz{position:relative;border:2px solid var(--grijs-200);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;background:#fff;text-align:left;font:inherit;color:var(--inkt)}
.ub-kz.sel{border-color:var(--kobalt);box-shadow:0 0 0 4px rgba(43,78,255,.12);background:var(--kobalt-25)}
.ub-kz:focus-visible{outline:3px solid var(--kobalt-300);outline-offset:2px}
.ub-plus{font-size:22px;font-weight:800}
.ub-tot{font-size:14px;color:var(--grijs)}
.ub-pr{font-size:22px;font-weight:800;margin-top:6px}
.ub-vs{font-size:13px;color:var(--grijs)}
.ub-tip{position:absolute;top:-11px;left:14px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--kobalt);color:#fff;border-radius:999px;padding:3px 9px}
.ub-rd{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:999px;border:2px solid var(--grijs-400);box-sizing:border-box}
.ub-kz.sel .ub-rd{border:7px solid var(--kobalt)}
.ub-strook{display:flex;gap:3px;flex-wrap:wrap}
.ub-strook i{display:block;width:14px;height:20px;border-radius:2px;background:var(--perk-r)}
.ub-strook i.nieuw{background:var(--kobalt)}
.ub-strook i.leeg{background:#fff;border:1.5px dashed var(--kobalt);box-sizing:border-box}
.ub-uitleg{margin:-10px 0 0;font-size:13px;color:var(--grijs)}

@media (max-width:700px){.ub-keuzes{grid-template-columns:1fr}.ub-titel{font-size:24px}}

/* testronde 1 (bevinding 8–21, 42): kinderen van opa en oma, voorstellen uit het archief, gerichte vragen */
.fv-wonder{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px;max-width:380px}
.fv-wplus{font:inherit;font-size:13px;font-weight:700;min-height:32px;padding:0 12px;border-radius:999px;border:1.5px dashed var(--kobalt);background:#fff;color:var(--kobalt);cursor:pointer}
.fv-wplus:hover{background:var(--kobalt-50)}
.fv-vs{background:var(--perk-l);border:1px dashed var(--perk-r);border-radius:12px;padding:10px 12px;font-size:14px;text-align:left;width:100%;box-sizing:border-box}
.fv-vs p{margin:0 0 6px;color:var(--sepia);line-height:1.45}.fv-vs p b{color:var(--galnoot)}
.fv-vs-l{display:flex;flex-direction:column;gap:6px}
.fv-vs-r{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-top:1px dashed var(--perk-r);padding-top:6px}
.fv-vs-r>span{flex:1 1 150px;display:flex;flex-direction:column}.fv-vs-r small{color:var(--sepia);font-size:12px}
.fv-vs-r .mj-twee{min-height:34px;padding:0 12px;font-size:13px}
.fv-vs-r .mj-link{font-size:13px}
.fv-vs>.mj-link{margin-top:6px;font-size:13px;font-weight:700}
.fv-lijst .fv-wonder{align-items:flex-start;max-width:none;margin:8px 0 4px 12px}
.pp-kids{display:flex;flex-direction:column;gap:10px;padding:14px 0 16px;border-bottom:1px solid var(--lijn)}
.pp-kids-t{margin:0;display:flex;flex-direction:column;gap:2px}.pp-kids-t span{font-size:13px;color:var(--grijs)}
.pp-boven{display:flex;flex-direction:column;gap:10px;padding:12px 20px;border-bottom:1px solid var(--lijn)}
.pp-mist{background:#FFF8E6;border:1px solid #F5D78E;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pp-mist p{margin:0;font-size:14px;line-height:1.5}
.pp-plusrij{display:flex;flex-wrap:wrap;gap:8px}
.pp-plusrij .mj-twee,.pp-mist .mj-twee{min-height:40px;padding:0 14px;font-size:14px}
.oz-onbekend.bezig{border-style:solid;background:var(--kobalt-25);border-color:var(--kobalt-200);color:var(--grijs-700)}
.oz-zoekt{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--kobalt);margin-right:8px;vertical-align:1px;animation:ozpuls 1.4s ease-in-out infinite}
@keyframes ozpuls{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.oz-zoekt{animation:none}}
.mj-knop.mj-rood{background:var(--rood);border-color:var(--rood)}.mj-knop.mj-rood:hover{background:#912018}
.fv-toast.fam{background:var(--groen-d)}.fv-toast.fam .mj-twee{background:#fff;color:var(--groen-d);border-color:#fff;min-height:36px;padding:0 12px;text-decoration:none}
.pp-terug{display:none}
.fv-nieuwrij.mob{display:none}
/* telefoon en tablet (bevinding 42): het paneel als volledig scherm met terugknop; alleen open als je iemand kiest */
@media (max-width:999px){
  .pp{position:fixed;inset:0;top:0;max-height:none;height:100%;z-index:9995;border-radius:0;transform:translateY(100%);visibility:hidden;transition:transform .2s,visibility 0s .2s;overscroll-behavior:contain}
  .pp.open{transform:none;visibility:visible;transition:transform .2s}
  .pp-terug{display:flex;align-items:center;position:sticky;top:0;z-index:3;width:100%;min-height:52px;padding:0 20px;font:inherit;font-weight:700;font-size:16px;color:var(--kobalt);background:#fff;border:0;border-bottom:1px solid var(--lijn);cursor:pointer;text-align:left}
  .pp-kop .fv-x{display:none}
  body.pp-open{overflow:hidden}
  body.pp-open .mj-hulpvast{display:none!important}
  /* feedbackknop blijft ook bij het personenpaneel bereikbaar (Ortwin 8-11-2026): boven het paneel en boven de balk onderaan */
  body.pp-open #fc-fb-btn{z-index:9996;bottom:calc(64px + env(safe-area-inset-bottom))}
  .pp-voet{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  /* stap 3 (centraal + kwartierstaat): geen volledig scherm, gewoon onder elkaar */
  .cz-wrap .pp,.cz-wrap .pp.open{position:static;inset:auto;height:auto;z-index:auto;transform:none;visibility:visible;border-radius:16px}
}
@media (max-width:760px){
  .fv-nieuwrij.mob{display:flex;position:static;flex-direction:column;align-items:stretch;gap:8px;box-shadow:none;margin:8px 0}
  .fv-nieuwrij.mob .fv-k.fv-nieuw{width:100%!important;height:auto!important;min-height:52px!important;flex-direction:row;gap:10px;cursor:pointer;font:inherit}
  .fv-nieuwrij.mob p{font-size:14px}
  .fv-wonder{max-width:none}
}
.oz-k .lb,.fv-oud .lb{white-space:normal;text-align:left;max-width:100%}
@media (max-width:760px){
  /* Feedback-knop op de telefoon klein en rond, zodat hij niet over knoppen en kaartjes valt (bevinding 42) */
  body #fc-fb-btn{font-size:0;gap:0;padding:0;width:44px;height:44px;justify-content:center;right:12px;bottom:12px}
  body #fc-fb-btn .dot{width:12px;height:12px}
}
@media (max-width:560px){
  /* lijstweergave: het label onder de naam, zodat de naam niet in stukjes breekt */
  .fv-rn{flex-wrap:wrap}.fv-rn>.fv-rt{flex:1 1 calc(100% - 60px);min-width:0}.fv-rn>.fv-chip{margin-left:44px}
  .fv-rp>.fv-chip{margin-left:70px}
}
/* testronde 2: meldingen op de telefoon niet als smalle kolom */
@media (max-width:600px){
  .fv-toast,.wt-toast{flex-wrap:wrap;left:12px;right:12px;width:auto;max-width:none;transform:none}
  .fv-toast>span:not(.wt-confetti),.wt-toast>span:not(.wt-confetti){flex:1 1 calc(100% - 56px);min-width:0}
  /* sluitknop rechtsboven naast de tekst, de actieknop op een eigen regel eronder */
  .fv-toast .fv-x,.wt-toast .fv-x{order:2;flex:0 0 32px;width:32px;height:32px;padding:0;align-self:flex-start}
  .fv-toast .mj-twee,.wt-toast .mj-twee{order:3}
}

/* ---------- Vondstenbel: post van de redactie (claude/vondstenbel-functionele-requirements.md) ---------- */
.vb-env{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--grijs-200);border-radius:999px;background:#fff;color:var(--inkt);cursor:pointer}
.vb-env:hover,.vb-env.open{background:var(--grijs-100)}
.vb-env:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}

.vb-ring{position:absolute;inset:-1px;border-radius:999px;border:2px solid var(--kobalt,#2B4EFF);animation:vbPuls 1.8s ease-out 0s 4 both;pointer-events:none}
.vb-env.puls .vb-ico{animation:vbWiebel .9s ease-in-out .4s 2;transform-origin:50% 25%}
@keyframes vbPuls{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.8);opacity:0}}
@keyframes vbWiebel{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}

@keyframes vbBrief{from{opacity:0;transform:translateY(-14px) scaleY(.96)}to{opacity:1;transform:none}}

.vb-k2{margin:0;font:700 12px/1.3 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.14em;color:var(--sepia)}

.vb-kaart{display:flex;gap:14px;margin-top:8px;padding:14px 16px;background:var(--perk);border:1px solid var(--perk-r);border-radius:3px}
.vb-jaar{flex:none;width:58px;font:400 25px/1.1 'IM Fell English',Georgia,serif;color:var(--lak)}
.vb-kaart-in{flex:1;min-width:0}
.vb-aktekop{margin:0;font:italic 400 15px/1.35 'IM Fell English',Georgia,serif;color:var(--sepia)}
.vb-regel{margin:2px 0 0;font:400 16px/1.45 'Source Serif 4',Georgia,serif;color:var(--galnoot)}
.vb-rijen{margin:8px 0 0}.vb-rijen div{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--perk-r)}
.vb-rijen dt{flex:none;width:76px;font:600 13px/1.5 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--sepia)}
.vb-rijen dd{margin:0;font:400 15px/1.45 'Source Serif 4',Georgia,serif;color:var(--galnoot)}
.vb-zeker{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--sepia)}

.vb-overig{margin:10px 2px 0;font-size:14px;line-height:1.45;color:var(--sepia-l)}

@media (max-width:640px){

  .vb-env{width:48px;height:48px}

}
@keyframes vbOmhoog{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.vb-ring,.vb-env.puls .vb-ico{animation:none}}
/* de envelop hoort ook op de telefoon zijn rondje te tonen (.mj-wie span verbergt anders alle spans) */
.mj-wie .vb-env .vb-ring{display:block}
@media (max-width:440px){

  .mj-wie{gap:8px}
}
.mj-wie .vb-env{border:1px solid var(--grijs-200);background:#fff;padding:0;text-decoration:none;color:var(--inkt)}
.mj-wie .vb-env:hover,.mj-wie .vb-env.open{background:var(--grijs-100)}

/* Avatar rechtsboven met Uitloggen (inloggen met Google: profielfoto, anders de voorletter) */
.kb-ik{position:relative;flex:none}
.mj-wie .kb-avatar{width:48px;height:48px;min-height:0;padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--inkt);display:grid;place-items:center;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--grijs-300)}
.kb-avatar:hover,.kb-avatar[aria-expanded="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--inkt)}.kb-avatar:focus-visible{outline:3px solid var(--kobalt);outline-offset:3px}
.kb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.kb-letter{color:#F3C969;font-weight:800;font-size:19px}
.kb-ik .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kb-ikmenu{position:absolute;right:0;top:calc(100% + 12px);z-index:80;min-width:250px;max-width:320px;background:#fff;border:1px solid var(--grijs-200);border-radius:14px;box-shadow:0 14px 36px rgba(16,24,40,.18);padding:16px;display:flex;flex-direction:column;gap:3px;font-size:15px;text-align:left;overflow-wrap:anywhere}
.kb-ikmenu[hidden]{display:none}.kb-ikmenu b{font-size:16px}.mj-wie .kb-ikmenu span{display:block}.mj-wie .kb-ikmenu .kb-ikmail{color:var(--grijs)}.mj-wie .kb-ikmenu .kb-ikvia{color:var(--grijs-500);font-size:13px}
.mj-wie .kb-avatar span.kb-letter{display:block}.mj-wie .kb-avatar img+span.kb-letter{display:none}
.mj-wie .kb-ikuit{margin-top:12px;padding:0 18px;text-decoration:none;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:2px solid var(--grijs-300);border-radius:999px;background:#fff;color:var(--inkt);font:inherit;font-weight:700;cursor:pointer}.kb-ikuit:hover{border-color:var(--inkt)}
@media (max-width:820px){.mj-wie .kb-avatar{width:42px;height:42px}.kb-ikmenu{position:fixed;left:12px;right:12px;top:auto;margin-top:8px;max-width:none}}

/* ---------- Hulpklassen ----------
   Vervangen de vaste style="…" uit mijn.js (6-11-2026). Ze winnen van componentregels, net als de inline stijl
   die ze vervangen (!important). Lettermaten en kleuren komen uit tokens.css. Liever een componentklasse
   maken dan hier iets toevoegen; berekende maten (breedte van een balk, positie) blijven inline. */
.u-p-60-0{padding:60px 0!important}
.u-m-10-0-0{margin:10px 0 0!important}
.u-fs-klein{font-size:var(--fs-klein)!important}
.u-flex1{flex:1!important}
.u-buitenbeeld{position:absolute!important;left:-9999px!important}
.u-minh-52{min-height:52px!important}
.u-fs-veld{font-size:var(--fs-veld)!important}
.u-m-0{margin:0!important}
.u-fs-tekst-s{font-size:var(--fs-tekst-s)!important}
.u-c-kobalt{color:var(--kobalt)!important}
.u-fs-30{font-size:30px!important}
.u-c-galnoot{color:var(--galnoot)!important}
.u-ls0{letter-spacing:0!important}
.u-lh-115{line-height:1.15!important}
.u-fs-kop-s{font-size:var(--fs-kop-s)!important}
.u-p-24{padding:24px!important}
.u-bg-perk-l{background:var(--perk-l)!important}
.u-stippelkader{border-radius:20px!important;border:1px dashed var(--perk-r)!important}
.u-c-sepia{color:var(--sepia)!important}
.u-fs-kop{font-size:var(--fs-kop)!important}
.u-mt-6{margin-top:6px!important}
.u-lh-12{line-height:1.2!important}
.u-flex{display:flex!important}
.u-gap-16{gap:16px!important}
.u-midden{align-items:center!important}
.u-wrap{flex-wrap:wrap!important}
.u-m-0-0-6{margin:0 0 6px!important}
.u-minh-44{min-height:44px!important}
.u-fs-noot{font-size:var(--fs-noot)!important}
.u-fs-label{font-size:var(--fs-label)!important}
.u-mt-12{margin-top:12px!important}
.u-rechts{text-align:right!important}
.u-c-grijs{color:var(--grijs)!important}
.u-gap-8{gap:8px!important}
.u-flexauto{flex:1 1 auto!important}
.u-fs-22{font-size:22px!important}
.u-mb-12{margin-bottom:12px!important}
.u-p-16{padding:16px!important}
.u-gap-4{gap:4px!important}
.u-maxw-760{max-width:760px!important}
.u-kolom{flex-direction:column!important}
.u-c-inkt{color:var(--inkt)!important}
.u-gap-12{gap:12px!important}
.u-boven{align-items:flex-start!important}
.u-gap-2{gap:2px!important}
.u-fw-600{font-weight:600!important}
.u-pt-12{padding-top:12px!important}
.u-lijn-boven{border-top:1px solid var(--lijn)!important}
.u-gap-10{gap:10px!important}
.u-maxw-780{max-width:780px!important}
.u-c-lak{color:var(--lak)!important}
.u-flex-520{flex:1 1 520px!important}
.u-mt-10{margin-top:10px!important}
.u-m-6-0-0{margin:6px 0 0!important}
.u-fw-400{font-weight:400!important}
.u-minw-0{min-width:0!important}
.u-gap-6{gap:6px!important}
.u-mt-8{margin-top:8px!important}
.u-preline{white-space:pre-line!important}
.u-tussen{justify-content:space-between!important}
.u-gap-24{gap:24px!important}
.u-onder{align-items:flex-end!important}
.u-maxw-700{max-width:700px!important}
.u-stippel{border-style:dashed!important}
.u-rand-grijs-400{border-color:var(--grijs-400)!important}
.u-pt-22{padding-top:22px!important}
.u-block{display:block!important}
.u-maxw-100p{max-width:100%!important}
.u-fotovoorbeeld{max-height:320px!important;border-radius:8px!important;border:1px solid var(--lijn)!important}
.u-wijzer{cursor:pointer!important}
.u-zelfboven{align-self:flex-start!important}
.u-geenrand{border:0!important}
.u-p-0{padding:0!important}
.u-mb-6{margin-bottom:6px!important}
.u-grid{display:grid!important}
.u-tegels-150{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.u-fs-11{font-size:11px!important}
.u-hoofdletters{text-transform:uppercase!important}
.u-ls-kicker{letter-spacing:.14em!important}
.u-mt-18{margin-top:18px!important}
.u-cursief{font-style:italic!important}
.u-fw-700{font-weight:700!important}
.u-p-14-16{padding:14px 16px!important}
.u-c-groen{color:var(--groen)!important}
.u-mt-m12{margin-top:-12px!important}
.u-rijrichting{flex-direction:row!important}
.u-minw-200{min-width:200px!important}
.u-mb-10{margin-bottom:10px!important}
.u-p-16-18{padding:16px 18px!important}
.u-m-8-0-0{margin:8px 0 0!important}
.u-mt-14{margin-top:14px!important}
.u-c-rood{color:var(--rood)!important}
.u-mt-20{margin-top:20px!important}
.u-fs-tekst{font-size:var(--fs-tekst)!important}
.u-bg-rood{background:var(--rood)!important}
.u-m-0-0-12{margin:0 0 12px!important}
.u-mt-4{margin-top:4px!important}

/* ---------- Welkom terug, toast en confetti (stond eerder als <style> in mijn.js) ---------- */
.wt-welkom{position:relative;margin:0 0 20px;padding:18px 56px 18px 22px;border-radius:16px;background:var(--perk-l);border:1px solid var(--perk-r)}
.wt-welkom h2{font-size:22px;margin:0 0 4px}
.wt-welkom p{margin:6px 0 0;font-size:17px}
.wt-welkom .wt-weg{position:absolute;top:10px;right:10px}
.wt-advies{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.wt-toast{bottom:88px;max-width:min(560px,calc(100vw - 24px));padding:12px 12px 12px 18px;font-size:16px}
.wt-confetti{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}
.wt-confetti i{position:absolute;top:0;width:7px;height:11px;border-radius:2px;animation:wt-val 1.4s ease-out forwards}
@keyframes wt-val{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(-80px) rotate(320deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.wt-confetti{display:none}}
.vo-p.wt-nieuw{box-shadow:0 0 0 3px var(--kobalt)}
.wt-nieuwlb{margin-left:8px;font-size:12px;font-weight:700;color:#fff;background:var(--kobalt);border-radius:999px;padding:2px 8px}
.wt-confetti i:nth-child(4n+1){background:var(--lak)}.wt-confetti i:nth-child(4n+2){background:var(--kobalt)}.wt-confetti i:nth-child(4n+3){background:var(--oker)}.wt-confetti i:nth-child(4n){background:var(--groen)}

/* melding als de redactie meekijkt */
#mk-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10002;max-width:520px;background:var(--meekijk);color:#fff;padding:14px 18px;border-radius:12px;font-size:16px;box-shadow:0 12px 32px rgba(0,0,0,.25)}
#mk-toast[hidden]{display:none}

/* hidden wint altijd, ook van de hulpklassen hierboven (u-flex, u-block, u-grid) */
[hidden]{display:none!important}
.mj-wie .kb-ikmenu .kb-iklink{margin-top:10px;display:flex;align-items:center;gap:8px;min-height:40px;padding:0;border:0;background:none;color:var(--kobalt);font:inherit;font-size:15px;font-weight:700;text-decoration:underline;cursor:pointer;text-align:left}
.mj-wie .kb-ikmenu .kb-ikgoogle{justify-content:center;text-decoration:none;color:var(--inkt);border:1.5px solid var(--grijs-300);border-radius:999px;min-height:44px;padding:0 16px}.mj-wie .kb-ikmenu .kb-ikgoogle:hover{border-color:var(--inkt)}
.mj-wie .kb-ikmenu .kb-ikgoogle svg{flex:none}
.mj-wie .kb-ikmenu .kb-ikmelding{margin:-4px -4px 10px;padding:10px 12px;border-radius:10px;background:var(--mint);color:#0B5B3A;font-size:14px;font-weight:600}.mj-wie .kb-ikmenu .kb-ikmelding.fout{background:#FDECEC;color:#9B1C1C}

/* Nog geen voorouders uit het archief: geen generatiebalk, de boom krijgt de hele breedte (6-11-2026) */
.pp-links.zonder-gb{grid-template-columns:minmax(0,1fr)}
.mj-wie .kb-ikmenu .kb-fotokeus{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px;padding:10px;border-radius:12px;background:var(--zacht-warm)}
.mj-wie .kb-ikmenu .kb-fotokeus[hidden]{display:none}
.mj-wie .kb-ikmenu .kb-fotokeus .kb-iklink{margin-top:0}
.mj-wie .kb-ikmenu .kb-ikkies{cursor:pointer}.mj-wie .kb-ikmenu .kb-ikkies:focus-within{outline:2px solid var(--kobalt);outline-offset:2px}
.mj-wie .kb-ikmenu .kb-ikbestand{text-decoration:none}.mj-wie .kb-ikmenu .kb-ikbestand svg{flex:none}
/* ST: knop rechtsboven en het groene (akkoord) deel van de balk */
.st-balk{display:flex}.st-balk span{border-radius:0}.st-balk span:first-child{border-radius:999px 0 0 999px}.st-balk .st-ok{background:var(--groen)}
.st-oktekst{color:var(--groen);font-weight:700}
.st-knop{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:12px;border:0;background:var(--kobalt);color:#fff;font:700 15px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.st-knop:hover{filter:brightness(1.08);color:#fff}
.st-knop.ok{background:var(--groen)}
.st-knop.twee{background:#fff;color:var(--inkt);border:1.5px solid var(--grijs-300)}
@media (max-width:820px){.st-knop{flex:1;justify-content:center;white-space:normal}}
.st-blad{flex-wrap:wrap;justify-content:flex-end}
.st-knop.okt{background:var(--mint);color:var(--groen-d);border:1.5px solid var(--groen)}
.pv-gew{color:var(--bruin);font-weight:600;font-size:14px}
.st-wacht{align-self:center;font-size:14px;color:var(--grijs)}
.st-in.met-terug{grid-template-columns:auto minmax(200px,1fr) auto}
.st-knop.st-terug{color:var(--kobalt);border-color:var(--kobalt)}.st-knop.st-terug:hover{color:var(--kobalt)}
@media (max-width:820px){.st-in.met-terug{grid-template-columns:1fr}.st-knop.st-terug{justify-content:center}}

/* Hulplijnen en verjaardagskalender (6-11-2026) */

.vk-rij{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--lijn);border-radius:14px;background:#fff}
.vk-rij.vandaag{border-color:var(--lak);background:var(--perk-l)}
.vk-dag{flex:none;width:52px;height:52px;border-radius:12px;background:var(--perk-l);border:1px solid var(--perk-r);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;color:var(--sepia)}
.vk-dag b{font-size:var(--fs-kop-s)}.vk-dag small{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.06em}
.vk-wie{flex:1;display:flex;flex-direction:column}.vk-wie small{color:var(--grijs);font-size:var(--fs-klein)}

/* ---------- stamboom vanuit jou (claude/stamboom-vanuit-jou.md) ---------- */
.sb-kopblok h1{margin:0}
.sb-gids{position:relative;display:flex;gap:14px;flex-wrap:wrap;background:var(--kobalt-25);border:1px solid var(--kobalt-100);border-radius:16px;padding:16px 48px 16px 18px;margin:0 0 16px}
.sb-gids .fv-x{position:absolute;right:10px;top:10px}
.sb-stap{flex:1 1 200px;display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--grijs)}.sb-stap b{color:var(--inkt)}
.sb-nr{flex:none;width:24px;height:24px;border-radius:50%;background:var(--kobalt);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.sb-stap.af .sb-nr{background:var(--groen)}
.sb{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.sb-links{display:flex;flex-direction:column;gap:16px;min-width:0}
.sb-canvas{border:1.5px solid var(--grijs-200);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.sb-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--lijn)}
.sb-top .mj-twee{min-height:38px;padding:6px 12px;font-size:14px}
.sb-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--grijs)}
.sb-leg .lg{display:inline-block;width:12px;height:12px;border:1.5px solid var(--grijs-300);border-radius:3px;vertical-align:-1px;margin-right:5px;background:#fff}
.sb-leg .lg.perk{background:var(--perk-l);border-color:var(--perk-d)}.sb-leg .lg.arch{background:var(--perk);border-color:var(--perk-d)}.sb-leg .lg.onb{border-style:dashed}
.sb-vp{position:relative;height:560px;overflow:hidden;cursor:grab;touch-action:none;background-color:var(--grijs-50);background-image:radial-gradient(var(--grijs-200) 1px,transparent 1px);background-size:20px 20px}
.sb-vp:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px}
.sb-vp.sleept{cursor:grabbing}
.sb-in{position:absolute;left:0;top:0;transform-origin:0 0}
.sb-k{position:absolute;box-sizing:border-box;width:156px;height:78px;border-radius:12px;border:1.5px solid var(--grijs-300);background:#fff;padding:9px 11px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:left;font:inherit;color:var(--inkt);cursor:pointer}
.sb-k b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-k small{font-size:12px;color:var(--grijs-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-k:hover{border-color:var(--grijs-500)}
.sb-k:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.sb-k.perk{background:var(--perk-l);border-color:var(--perk-d)}
.sb-k.arch{background:var(--perk);border-color:var(--perk-d)}
.sb-k.onb{border-style:dashed}
.sb-k.ik{border:2.5px solid var(--inkt)}
.sb-k.uit{opacity:.55}
.sb-k.sel{border:2.5px solid var(--kobalt);box-shadow:0 0 0 4px var(--kobalt-100)}
.sb-k.leeg{border:1.5px dashed var(--grijs-400);background:var(--grijs-50);color:var(--grijs-700);align-items:center;font-weight:700;font-size:14px}
.sb-k.leeg:hover{border-color:var(--kobalt);color:var(--kobalt)}
.sb-k.leeg.typ{border-color:var(--kobalt);background:#fff;padding:8px}
.sb-k.leeg.typ input{width:100%;box-sizing:border-box;border:2px solid var(--kobalt);border-radius:8px;padding:8px;font:inherit;font-size:14px}
.sb-tag{position:absolute;top:-11px;right:8px;font-size:11px;font-weight:700;background:#fff;border:1px solid var(--grijs-300);border-radius:999px;padding:1px 8px;color:var(--grijs-700);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.sb-tag.cad{background:var(--geel);border-color:var(--geel-r);color:var(--bruin-d)}.sb-tag.ok{background:var(--mint);border-color:var(--mint-r);color:var(--groen-d)}.sb-tag.nieuw{background:var(--inkt);border-color:var(--inkt);color:#fff}
.sb-l{position:absolute;background:var(--grijs-400);display:block}
.sb-l.stip{background:none;border-top:2px dashed var(--grijs-300)}
.sb-onder{display:flex;align-items:center;gap:12px;padding:8px 14px;border-top:1px solid var(--lijn);flex-wrap:wrap}
.sb-zoom{display:flex;align-items:center;gap:4px;border:1px solid var(--grijs-200);border-radius:12px;padding:3px}
.sb-zoom button{width:36px;height:36px;border-radius:9px;border:0;background:#fff;font:inherit;font-size:18px;font-weight:700;color:var(--inkt);cursor:pointer}.sb-zoom button:hover{background:var(--grijs-100)}
.sb-zoom span{min-width:46px;text-align:center;font-size:13px;font-weight:700;color:var(--grijs-700)}

.sb-mini{position:relative;width:170px;height:106px;border:1px solid var(--grijs-200);border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;flex:none}
.sb-mini i{position:absolute;background:var(--grijs-300);border-radius:2px}.sb-mini i.a{background:var(--perk-d)}.sb-mini i.l{background:var(--grijs-100)}.sb-mini i.ik{background:var(--inkt)}
.sb-mini b{position:absolute;border:2px solid var(--kobalt);border-radius:4px;background:rgba(43,78,255,.06)}
.sb-los{border:1.5px dashed var(--grijs-300);border-radius:16px;padding:14px 16px}.sb-los-k{display:flex;flex-wrap:wrap;gap:8px}
.sb .pp{position:static;width:auto;max-height:none;border:1.5px solid var(--grijs-200);border-radius:18px}
.sb-pkop{display:flex;flex-direction:column;gap:10px;padding:0 20px 14px}
.sb-leeft .mj-seg{display:flex;flex-wrap:wrap}
.sb-ouders{margin:0}
.sb-voor{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:14px;color:var(--grijs)}
.sb-voor.aan{background:var(--geel);border:1.5px solid var(--geel-r);border-radius:12px;padding:8px 12px;color:var(--bruin-d)}
.sb-vb{position:sticky;top:calc(var(--kb-h,0px) + 16px);display:flex;flex-direction:column;gap:12px}
.sb-vb-kop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sb-vb-t{margin:0;font-size:14px;line-height:1.5}
.sb-inboek{display:flex;flex-direction:column;gap:8px;border:1.5px solid var(--grijs-200);border-radius:14px;padding:12px 14px}
.sb-lijst{display:flex;flex-direction:column;gap:18px}
.sb-lr .mj-kicker{margin:0 0 8px}
.sb-lk{display:flex;flex-direction:column;gap:8px}
.sb-lp{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font:inherit;border:1.5px solid var(--grijs-300);border-radius:12px;background:#fff;padding:10px 14px;min-height:52px;color:var(--inkt);cursor:pointer}
.sb-lp small{font-size:13px;color:var(--grijs-600)}.sb-lp.perk{background:var(--perk-l);border-color:var(--perk-d)}.sb-lp.arch{background:var(--perk);border-color:var(--perk-d)}.sb-lp.ik{border:2.5px solid var(--inkt)}
.sb-lp.leeg{border-style:dashed;background:var(--grijs-50);font-weight:700;color:var(--grijs-700)}
.sb-lp.leeg.typ input{width:100%;box-sizing:border-box;border:2px solid var(--kobalt);border-radius:8px;padding:10px;font:inherit}
/* volledig scherm: de boom krijgt het hele scherm, het paneel en het voorbeeld zweven erboven */
body.sb-vol-open{overflow:hidden}
.sb.vol{position:fixed;inset:0;z-index:9000;background:var(--grijs-50);display:block}
.sb.vol .sb-links{position:absolute;inset:0;display:block}
.sb.vol .sb-canvas{position:absolute;inset:0;border:0;border-radius:0}
.sb.vol .sb-top{background:#fff;min-height:60px;padding:10px 20px}
.sb.vol .sb-titel{font-size:17px}
.sb.vol .sb-vp{flex:1 1 auto;height:auto}
.sb.vol .sb-onder{position:absolute;left:16px;bottom:16px;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(16,24,40,.08)}
.sb.vol .sb-los{display:none}
.sb.vol .pp{position:absolute;right:16px;top:76px;width:400px;max-height:calc(100vh - 340px);overflow:auto;box-shadow:0 12px 32px rgba(16,24,40,.14);z-index:2}
.sb.vol .pp:not(.open){display:none}
.sb.vol .sb-vb{position:absolute;top:auto;right:16px;bottom:16px;width:400px;background:#fff;border:1px solid var(--grijs-200);border-radius:18px;padding:14px 16px;box-shadow:0 12px 32px rgba(16,24,40,.14);z-index:2;max-height:240px;overflow:hidden;flex-direction:row;flex-wrap:wrap;gap:8px 14px}
.sb.vol .sb-vb .sb-vb-kop{flex:1 1 100%}
.sb.vol .sb-vb .sb-vak{flex:0 0 120px;overflow:hidden}
.sb.vol .sb-vb .sb-vb-t{flex:1 1 200px}
.sb.vol .sb-vb .sb-inboek{display:none}
.sb.vol .sb-vb.dicht{display:none}
@media (max-width:999px){.sb{grid-template-columns:minmax(0,1fr)}.sb-vb{position:static;min-width:0}.sb .pp{position:fixed}}
.sb-vb,.sb-vak{min-width:0;max-width:100%}
.sb-weg{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:14px}

/* archiefvak boven een overleden persoon: wat het archief kan, en dat het zoekt */
/* ouders van iemand met drie generaties eronder, als het archief nog niet kan zoeken (10-11-2026) */
.sb-ouin{position:absolute;box-sizing:border-box;width:334px;height:78px;display:flex;flex-direction:column;gap:4px}
.sb-ouin-k{display:flex;gap:22px;flex:1 1 auto;min-height:0}
.sb-ouin .sb-k.leeg{position:static;flex:1 1 0;width:auto;height:auto;min-height:0;font-size:13px;padding:4px 8px;line-height:1.2}
.sb-ouin-t{margin:0;font-size:11.5px;line-height:1.3;color:var(--bruin-d);text-align:center}
.sb-lp-ouin{display:flex;flex-direction:column;gap:6px;flex:1 1 100%}.sb-lp-ouin .sb-ouin-k{gap:8px}.sb-lp-ouin .sb-lp{flex:1 1 0}.sb-lp-ouin .sb-ouin-t{text-align:left;font-size:13px}
.nn-leeft{border:0;padding:0;margin:0}.nn-leeft legend{font-weight:700;margin-bottom:6px}
.nn-geg{display:flex;gap:12px;flex-wrap:wrap}.nn-geg .mj-veld{flex:1 1 160px}
.nn-noot{margin:0;font-size:14px;line-height:1.45}.nn-noot:empty{display:none}.nn-noot.let{color:var(--bruin-d);background:var(--geel);border-radius:8px;padding:8px 10px}.nn-noot.ok{color:var(--groen-d,#1e6b3a)}
.sb-slot{position:absolute;box-sizing:border-box;width:334px;height:78px;display:flex;flex-direction:column;gap:2px}
.sb-slot-k{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:left;font:inherit;color:var(--sepia);background:var(--perk-l);border:1.5px dashed var(--perk-d);border-radius:12px;padding:8px 12px;cursor:pointer;min-height:0}
.sb-slot-k b{font-size:13.5px;line-height:1.25}.sb-slot-k small{font-size:12px;color:var(--sepia-l);line-height:1.3}
.sb-slot-k:hover{border-color:var(--sepia)}.sb-slot-k:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.sb-slot.nodig .sb-slot-k{background:var(--geel);border-color:var(--oker);color:var(--bruin-d)}
.sb-slot.zoekt .sb-slot-k{background:linear-gradient(100deg,var(--perk-l) 30%,var(--perk) 50%,var(--perk-l) 70%);background-size:300% 100%;animation:sb-zoek 2.2s linear infinite}
@keyframes sb-zoek{from{background-position:100% 0}to{background-position:-200% 0}}
.sb-slot-zelf{position:absolute;right:6px;bottom:-20px;border:0;background:none;font:inherit;font-size:12px;color:var(--kobalt);text-decoration:underline;cursor:pointer;padding:0}
.sb-tag.zoek{background:var(--perk);border-color:var(--perk-d);color:var(--sepia)}.sb-tag.let{background:var(--geel);border-color:var(--geel-r);color:var(--bruin-d)}
.sb-k.vers{animation:sb-vers 1.6s ease-out 2}
@keyframes sb-vers{0%{box-shadow:0 0 0 0 rgba(43,78,255,.55)}100%{box-shadow:0 0 0 14px rgba(43,78,255,0)}}
@media (prefers-reduced-motion:reduce){.sb-slot.zoekt .sb-slot-k,.sb-k.vers{animation:none}}
.sb-lp.slot{border-style:dashed;background:var(--perk-l);border-color:var(--perk-d);color:var(--sepia)}.sb-lp.slot.nodig{background:var(--geel);border-color:var(--oker)}

.sb-zegel{position:absolute;left:-9px;top:-9px;width:24px;height:24px;border-radius:50%;box-shadow:0 1px 3px rgba(16,24,40,.25);background:#fff}

.sb-zk{display:flex;flex-direction:column;gap:8px;border:1.5px dashed var(--perk-r);border-radius:14px;padding:12px 14px}

.sb-zk-c{list-style:none;margin:2px 0;padding:0;font-size:.86em;display:flex;flex-direction:column;gap:2px}
.sb-zk-c .ok{color:var(--groen)}.sb-zk-c .nee{color:var(--rood)}.sb-zk-c .half{color:var(--sepia)}

.sb-verschil{display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--geel-r);border-radius:12px;padding:12px}
.sb-verschil table{border-collapse:collapse;font-size:14px;width:100%}
.sb-verschil th,.sb-verschil td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--lijn);vertical-align:top}
.sb-verschil thead th{font-size:12px;color:var(--grijs-600);font-weight:700}
.sb-verschil td:first-of-type{font-weight:700;color:var(--inkt)}

/* Stamboom: leeg personenkader niet tonen */
.sb .pp:empty{display:none}

/* Kandidaten uit het archief in het paneel rechts van de stamboom (6-11-2026) */
.ak-pp{display:flex;flex-direction:column;gap:14px;padding:18px 20px 24px}
.ak-pp-kop h2{font-size:22px;margin:2px 0 6px;line-height:1.2}.ak-pp-kop .mj-stil{margin:0;line-height:1.5}
.ak-pp-weten{display:flex;flex-direction:column;gap:2px;background:var(--perk-l);border:1px solid var(--perk-r);border-radius:12px;padding:10px 14px;font-size:14px}
.ak-pp-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ak-pp-k{border:1.5px solid var(--grijs-200);border-radius:14px;background:#fff}.ak-pp-k.open{border-color:var(--inkt)}
.ak-pp-kk{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;padding:12px 14px;border:0;background:none;text-align:left;font:inherit;cursor:pointer;color:inherit}
.ak-pp-kk .ak-score{grid-column:2;justify-self:start;font-size:13px}
.ak-pp-kt{display:flex;flex-direction:column;gap:1px}.ak-pp-kt b{font-size:16px}.ak-pp-kt small{color:var(--grijs);font-size:13px}
.ak-pp-det{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.ak-pp-det .ak-feiten{margin:0}.ak-pp-det .ak-bron{margin:0}
.ak-pp-knoppen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ak-pp-niet{width:100%;justify-content:center}
.ak-pp-voet{margin:0;font-size:14px;color:var(--grijs)}
.ak-pp-blok{border-top:1px solid var(--lijn);padding-top:14px;display:flex;flex-direction:column;gap:8px}.ak-pp-blok h3{font-size:17px;margin:0}.ak-pp-blok p{margin:0;line-height:1.5}
.ak-pp-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ak-pp-tips li{display:flex;flex-direction:column;font-size:14px;line-height:1.45}.ak-pp-tips li span{color:var(--grijs)}
.ak-pp-fam{background:var(--perk-l);border:1px solid var(--perk-r);border-radius:14px;padding:14px}.ak-pp-fam .mj-knop{align-self:flex-start}
.ak-pp .ak-meer{padding:0;border:0;background:none;margin:0}.ak-pp .ak-g2{grid-template-columns:1fr}
.sb .pp.ak-lade,.pp.ak-lade{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(460px,100vw);height:100vh;height:100dvh;max-height:none;align-self:auto;z-index:9500;border:0;border-left:1px solid var(--grijs-200);border-radius:20px 0 0 20px;box-shadow:-16px 0 40px rgba(16,24,40,.16);overflow:auto;background:#fff;animation:ak-in .18s ease-out}
@keyframes ak-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.ak-lade-x{position:sticky;top:10px;float:right;margin:10px 12px 0 0;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--grijs-200);background:#fff;font-size:24px;line-height:1;cursor:pointer;color:var(--inkt);z-index:2}
.ak-lade-x:hover{border-color:var(--inkt)}
@media (max-width:600px){.sb .pp.ak-lade,.pp.ak-lade{border-radius:0}}
.ak-pp-blok p{font-size:15px}.ak-pp-fam .mj-knop{font-size:16px}
.ak-pp-blok .hk-fam,.ak-optie .hk-fam{align-self:flex-start}.pp.ak-lade .ak-pp{padding-bottom:96px}

/* ---------- Personenpaneel opgeschoond (ontwerp 6-11-2026) ---------- */
.pp-kopkn{display:flex;gap:2px;align-self:flex-start;margin-left:auto}

.pp-stand{letter-spacing:0;text-transform:none;font-weight:600;font-size:12px;color:var(--groen);background:var(--mint);border-radius:999px;padding:2px 8px;margin-left:6px}
/* Leeft (groen) · Overleden (perkament, zoals overleden mensen in de stamboom) · Weet ik niet */
.sb-leeft .mj-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--grijs-50,var(--grijs-100));border-radius:12px}
.sb-leeft .mj-seg span{justify-content:center;min-height:40px;padding:0 8px;border:1.5px solid transparent;border-radius:9px;background:transparent;color:var(--grijs-700,var(--grijs-600));font-size:15px;width:100%;box-sizing:border-box}
.sb-leeft .mj-seg label{display:flex}
.sb-leeft .mj-seg input:checked+span{background:#fff;color:var(--inkt);box-shadow:0 1px 2px rgba(16,24,40,.12);font-weight:700}
.sb-leeft .mj-seg input[value=ja]:checked+span{background:var(--mint);border-color:#A6DDBF;color:var(--groen)}
.sb-leeft .mj-seg input[value=nee]:checked+span{background:var(--perk-l);border-color:var(--perk-d);color:var(--sepia)}
/* + Partner · + Kind · + Vader · + Moeder op één regel */
.pp-pluskop{margin:4px 0 8px;font-size:13px;font-weight:700;color:var(--grijs-700,var(--grijs-600))}
.pp-plusrij.pp-vier{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
.pp-plusrij.pp-vier .mj-twee{min-height:48px;padding:0 4px;border:1px solid #D6DDFE;border-radius:12px;background:var(--kobalt-25);color:#1D3BD8;font-size:14px;font-weight:700;white-space:nowrap;justify-content:center}
.pp-plusrij.pp-vier .mj-twee:hover{background:var(--kobalt-100)}
/* Vraag een familielid */

.ppv{margin-top:12px;border:1.5px solid var(--kobalt);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}
.ppv-kop{display:flex;gap:8px;align-items:flex-start}.ppv-kop>div{flex:1}
.pp-kop .ppv-kop .fv-x,.ppv-kop .fv-x{display:inline-block}
.ppv-t{margin:0;font-size:17px;font-weight:800}.ppv-sub{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--grijs-700,var(--grijs-600))}

.ppv-l{margin:0;font-size:13px;font-weight:700;color:var(--grijs-700,var(--grijs-600))}
.ppv-wie{display:flex;gap:6px;flex-wrap:wrap}
.ppv-pil{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--grijs-300);background:#fff;color:var(--inkt);font:700 14px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
.ppv-pil.aan{border-color:var(--kobalt);background:var(--kobalt);color:#fff}

.ppv-stuur{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ppv-stuur button{min-height:48px;border:1px solid var(--grijs-300);border-radius:12px;background:#fff;color:var(--inkt);font:700 14px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
.ppv-stuur .ppv-wa{background:var(--kobalt);border-color:var(--kobalt);color:#fff}
.ppv-stuur button:disabled{opacity:.5;cursor:default}
.ppv-pil:focus-visible, .ppv-stuur button:focus-visible{outline:3px solid #B2C2FF;outline-offset:2px}

.pp-stand.grijs{color:var(--grijs-700,var(--grijs-600));background:var(--grijs-100)}.pp-stand.perk{color:var(--sepia);background:var(--perk-l)}.pp-stand.zwart{color:#fff;background:var(--inkt)}
.pp-stand.let{color:var(--grijs-700,var(--grijs-600));background:var(--grijs-100)}
.ppv-open{margin-top:12px}

/* koppeling met het archief verbreken (sbLos) */

/* Eén archiefblok in het paneel (ontwerp 'Persoon in de archieven', 6-11-2026) */
.arb-blok{border:1px solid #E6D9BC;border-radius:16px;background:var(--perk-l);overflow:hidden}
.arb-kop{display:flex;gap:10px;align-items:center;padding:14px 16px 10px}
.arb-kop img{flex:none;border-radius:999px}
.arb-titel{margin:0;font-family:'IM Fell English',Georgia,serif;font-size:17px;font-weight:700;color:#3D2A10}
.arb-stand{margin:1px 0 0;font-size:13px;color:#6B5A3A}
.arb-lijst{list-style:none;margin:0;padding:0 8px 8px;display:flex;flex-direction:column;gap:6px}
.arb-rij{background:#fff;border:1px solid var(--perk);border-radius:12px;overflow:hidden}
.arb-rij.ja{border-color:#BFE3CF}.arb-rij.open{border-color:#E6D9BC}
.arb-rij-k{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 6px}

.arb-rij-t{flex:1;min-width:0;min-height:48px;border:0;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit;padding:4px 4px 4px 0;display:flex;align-items:center;gap:8px}
.arb-rij-t>span{flex:1;min-width:0}
.arb-rij-t b{font-size:15px;color:var(--inkt)}
.arb-rij-t em{font-style:normal;font-weight:600;font-size:12px;color:#8A5A00;margin-left:6px}.arb-rij-t em.ok{color:#12805C}
.arb-rij-t small{display:block;font-size:14px;color:var(--grijs-600)}
.arb-rij-t svg{flex:none;color:var(--grijs-600);transition:transform .15s}.arb-rij.open .arb-rij-t svg{transform:rotate(180deg)}
.arb-rij-in{margin:0 10px 10px;border-top:1px dashed #E6D9BC;padding-top:10px}
.arb-vel{background:var(--zacht-warm);border:1px solid #EADFC6;border-radius:10px;padding:12px 14px;font-family:'IM Fell English',Georgia,serif;color:#2E2312}
.arb-vel p{margin:0}.arb-vel-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A6D3B}
.arb-vel-t{font-size:16px;font-weight:700;margin-top:4px!important}.arb-vel-d{font-size:13px;font-style:italic;color:#6B5A3A}
.arb-vel dl{margin:10px 0 0;display:grid;grid-template-columns:104px 1fr;row-gap:6px;column-gap:10px;font-size:14px;line-height:19px}
.arb-vel dt{font-family:var(--font-sans);font-size:12px;font-weight:700;color:#8A6D3B;padding-top:2px}
.arb-vel dd{margin:0}.arb-vel dd span{display:block;font-size:12px;color:#6B5A3A}
.arb-kn{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}
.arb-scan{margin:8px 0 0}
.arb-leeg{margin:0 16px 12px;font-size:14px;line-height:20px;color:#3D2A10}
.arb-blok .sb-verschil{margin:0 8px 8px}
.arb-voet{padding:4px 16px 12px;display:flex;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--perk)}
.arb-voet .mj-link{min-height:40px;font-size:14px;padding:0;text-align:left}
.arb-voet .arb-zoek{font-weight:700}
.arb-voet .arb-zoek.eerst{font-size:15px}
/* stamboom: familiewaaier vanuit een persoon */
.sb-wv{border:1px solid #D6DDFE;border-radius:14px;background:var(--kobalt-25);padding:10px 14px;display:flex;flex-direction:column;gap:10px}
.sb-wv summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;min-height:32px;color:var(--kobalt)}
.sb-wv[open]{gap:10px}.sb-wv[open]>*+*{margin-top:10px}

.sb-wv.aan{background:#F6FEF9;border-color:#BFE3CF}
/* AV: Je verhalen (Verhalen uit de akten, 6-11-2026) */
.av-fam-t{font-size:18px;margin:0 0 8px}
.av-lijst{list-style:none;margin:0;padding:0;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;overflow:hidden}
.av-r{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--grijs-200)}
.av-r:first-child{border-top:0}
.av-r.sel{background:var(--grijs-50);box-shadow:inset 3px 0 0 var(--inkt)}
.av-r.uit .av-kies b{color:var(--grijs-600);font-weight:600}
.av-vink input{width:22px;height:22px;margin:0;accent-color:var(--inkt);cursor:pointer}
.av-kies{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:4px 0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:inherit}
.av-kies b{font-size:16px;line-height:1.3}
.av-kies small{font-size:13px;color:var(--grijs-600)}
.av-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.av-tags i{font-style:normal;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--grijs-100);color:var(--grijs-700)}
.av-vorm button{min-height:36px;padding:0 10px;font-size:13px}
.av-vorm button:disabled,.av-lengte button:disabled{opacity:.45;cursor:default}
.av-sel-t{font-size:18px;margin:2px 0 0}
.av-k{margin:10px 0 2px;font-size:14px}
.av-bron{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.av-knoppen{display:flex;flex-wrap:wrap;align-items:center;margin-top:10px}
.av-niet{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.av-niet p{margin:0}
@media (max-width:640px){.av-r{grid-template-columns:auto 1fr}.av-vorm{grid-column:2}}
.av-lengte,.av-vorm{width:max-content;max-width:100%}
.av-open{grid-column:2/-1;justify-self:start;margin:-6px 0 0;padding:4px 0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--kobalt,#2B48E0);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.av-open span{display:inline-block;transition:transform .15s;text-decoration:none}
.av-open[aria-expanded=true] span{transform:rotate(90deg)}
.av-tekst{grid-column:2/-1;font-size:15px;line-height:1.6;color:var(--grijs-700);border-left:3px solid var(--grijs-200);padding:2px 0 2px 12px}
.av-tekst p{margin:0 0 6px}
.av-tekst .av-tekst-b{font-size:13px;color:var(--grijs-600);margin:0}
@media (max-width:640px){.av-open,.av-tekst{grid-column:1/-1}}
.av-z{font-size:14px;color:var(--inkt)}
.av-akte{grid-column:2/-1;display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;margin-top:-4px}
.av-akte input{width:18px;height:18px;margin:0;accent-color:var(--inkt)}
.av-akte:has(input:disabled){opacity:.5;cursor:default}
@media (max-width:640px){.av-akte{grid-column:1/-1}}

/* Je akten (#jeakten, 7-11-2026) */
.ak-lijst .ak-r{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start;border:1px solid var(--grijs-200);border-radius:14px;padding:10px 14px 10px 8px;background:#fff}
.ak-r.sel{border:2px solid var(--kobalt);background:var(--kobalt-25);padding:9px 13px 9px 7px}.ak-r.uit{opacity:.75}
.ak-r .ak-kies{text-align:left}.ak-mt{font-weight:700;color:var(--groen-d)}
.ak-acties{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ak-acties .ak-bekijk{min-height:40px}
.ak-vak{max-width:420px;margin:0 auto}
.ak-vkop{display:flex;gap:10px;align-items:flex-start}.ak-vkop>div{flex:1}.ak-x{flex:none}
.ak-scan{position:relative;height:440px;overflow:auto;border-radius:12px;background:#2B2620}
.ak-scan-in{position:relative;margin:0 auto;min-width:100%}
.ak-scan-in img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.ak-dim{position:absolute;left:0;right:0;background:rgba(20,16,10,.45);pointer-events:none}
.ak-sel{position:absolute;border:2px solid #FFD25A;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.4);cursor:grab;touch-action:none}
.ak-hg{position:absolute;left:50%;width:34px;height:12px;margin-left:-17px;background:#FFD25A;border-radius:6px;cursor:ns-resize}.ak-hg.t{top:-7px}.ak-hg.o{bottom:-7px}
.ak-zoom{position:sticky;float:right;top:10px;margin:-430px 10px 0 0;display:flex;gap:6px;z-index:2}
.ak-zoom button{width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.92);font-size:20px;font-weight:700;cursor:pointer}
.ak-uitleg{position:sticky;left:10px;bottom:10px;display:inline-block;margin:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.55);border-radius:999px;padding:4px 10px}
.ak-stukk{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ak-stukk .mj-twee{min-height:40px}
.ak-geen{border:1px dashed var(--perk-r);background:var(--perk-l);border-radius:12px;padding:14px 16px}.ak-geen p{margin:0}
.ak-tr{display:flex;flex-direction:column;gap:8px}.ak-trk{display:flex;gap:8px;align-items:center;justify-content:space-between}
.ak-tr textarea{box-sizing:border-box;width:100%;border:1px solid var(--grijs-300);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;line-height:22px;resize:vertical}
.ak-tr #ak-trans{font-family:'IM Fell English',Georgia,serif;font-size:17px;line-height:24px}
.ak-bew{margin:0;font-weight:700;color:#12805C}
/* SL: Tot slot en bijlagen onder de preview (7-11-2026) */
.pv-sl{gap:18px}
.sl-blok{display:flex;flex-direction:column;gap:10px}
.sl-blok h3{margin:0;font-size:17px}
.sl-kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sl-vbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.sl-vb{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;border:1px solid var(--grijs-200);border-radius:12px;background:#fff;font:inherit;color:var(--inkt);cursor:pointer;min-height:44px}
.sl-vb:not(.vk-vorm) span{font-size:13px;color:var(--grijs-600);line-height:1.4}
.sl-vb.aan{border:2px solid var(--inkt);background:var(--grijs-50)}
.sl-bij{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--grijs-200);border-radius:12px;background:#fff}
.sl-bij.uit{background:var(--grijs-50)}
.sl-bij.vast{grid-template-columns:1fr auto}
.sl-vink{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.sl-vink input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--inkt);flex:none}
.sl-vink small{font-size:13px;color:var(--grijs-600)}
.sl-vink .sl-sub{display:block;font-size:14px}
.sl-p{font-size:14px;color:var(--grijs-700);white-space:nowrap}
.sl-bk{min-height:40px;padding:0 14px}
.sl-bk:disabled{opacity:.45}
@media (max-width:640px){.sl-bij{grid-template-columns:1fr}.sl-p{padding-left:34px}}
/* BM: de stamboom in het boek, onder de preview (7-11-2026) */
.pv-bm{gap:20px}
.pv-bm h3{margin:0 0 8px;font-size:17px}
.bm-stijlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.bm-stijl{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--grijs-200);border-radius:12px;background:#fff;font:inherit;color:var(--inkt);cursor:pointer;min-height:44px}
.bm-stijl.aan{border:2px solid var(--kobalt);background:var(--kobalt-25)}
.bm-sw{display:flex;gap:3px;padding:5px;border-radius:6px;border:1px solid var(--grijs-200)}
.bm-sw i{display:block;width:13px;height:20px;border-radius:2px;border:1px solid rgba(0,0,0,.12)}
.bm-twee{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.bm-gen{display:flex;align-items:center;gap:10px}
.bm-gen button{width:44px;height:44px;padding:0;font-size:20px}
.bm-gen span{min-width:120px;text-align:center;font-size:17px}
.bm-mid{width:100%;min-height:44px;border:1.5px solid var(--grijs-300);border-radius:10px;padding:0 12px;font:inherit;font-size:16px;background:#fff;margin-bottom:8px}
.bm-ctl{border:1px solid #FEDF89;background:#FFFAEB;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.bm-ctl.ok{border-color:var(--mint-r);background:#ECFDF3}
.bm-ctl-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.bm-ctl-kop h3{margin:0}
.bm-ctl-kop h3 span{font-weight:600}
.bm-balk{height:10px;border-radius:999px;background:var(--grijs-200);overflow:hidden}
.bm-balk i{display:block;height:10px;background:#2E7D4F}
.bm-rd{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding-top:8px;border-top:1px solid var(--grijs-200);font-size:15px}
.bm-rd small{display:block;font-size:14px;color:var(--grijs-600)}
.bm-rd .mj-twee{min-height:40px;white-space:nowrap}
@media (max-width:640px){.bm-rd{grid-template-columns:1fr}}
/* Onderzoekstegoed (convex/tegoed.ts), ontwerp "Onderzoekstegoed – schermontwerpen" 7-11-2026: ring, bolletje, keuzes, venster */
.tg-ring{flex:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif}

.tg-rij{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;align-items:stretch}
@media (max-width:860px){.tg-rij{grid-template-columns:1fr}}
.tg-meter{display:flex;gap:18px;align-items:center;border:1px solid var(--lijn);border-radius:20px;padding:18px 22px;background:#fff}
.tg-meter h2{margin:0;font-size:16px;font-weight:700;color:var(--grijs)}.tg-meter p{margin:0;font-size:15px;color:var(--grijs)}
.tg-groot{margin:0;font-size:22px!important;font-weight:800;color:var(--inkt)!important}
.mj-tekstknop{font:inherit;font-size:15px;font-weight:600;color:var(--kobalt);background:none;border:0;padding:6px 0;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tg-laag{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-radius:20px;padding:20px 24px;background:var(--geel);border:1px solid var(--geel-r);color:var(--bruin-d);margin-bottom:16px}
.tg-laag>div{flex:1;min-width:240px}.tg-laag h2{margin:0;font-size:20px;font-weight:800}.tg-laag p{margin:4px 0 0;font-size:16px;line-height:1.55}
.tg-koop2{min-height:52px;padding:0 22px;border-radius:14px;border:2px solid var(--kobalt);background:#fff;color:var(--kobalt);font:700 17px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
.tg-koop2:hover{background:var(--kobalt-50)}
.tg-op{display:flex;flex-direction:column;gap:28px;max-width:960px;margin:8px auto 24px}
.tg-op-kop{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.tg-op-kop h2{margin:0;font-size:34px;font-weight:800}.tg-op-kop p{margin:0;font-size:19px;line-height:1.55;color:var(--grijs);max-width:640px}
.tg-cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--perk-r);border:1px solid var(--perk-r);border-radius:20px;overflow:hidden}
.tg-cijfers>div{background:var(--perk-l);padding:20px;text-align:center;color:var(--galnoot)}
.tg-cijfers b{display:block;font-size:34px;font-weight:800;line-height:1.15}.tg-cijfers b.mj-fell{font-size:38px;font-weight:400}.tg-cijfers span{font-size:16px}
.tg-keus{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.tg-keus>section{display:flex;flex-direction:column;gap:14px;border-radius:20px;padding:26px;border:1px solid var(--lijn);background:#fff}
.tg-keus>section.tg-hoofd{border:2px solid var(--kobalt)}
.tg-keus h3{margin:0;font-size:22px;font-weight:800}.tg-keus p{margin:0;font-size:17px;line-height:1.55;color:var(--grijs);flex:1}
.tg-keus ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:17px;flex:1}.tg-keus li{display:flex;gap:10px;align-items:flex-start}.tg-keus li svg{flex:none;margin-top:2px}
.tg-koop{width:100%;justify-content:center;min-height:64px;font-size:18px}
.tg-twee{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:14px;border:2px solid var(--inkt);color:var(--inkt);text-decoration:none;font-size:17px;font-weight:700}
.tg-twee:hover{background:var(--zacht)}
.tg-voet{margin:0;text-align:center;font-size:16px;color:var(--grijs)}
.tg-dlg{max-width:480px;width:calc(100% - 32px);border:0!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(16,24,40,.25)}
.tg-dlg .fv-dlg-in{display:flex;flex-direction:column;gap:20px}
.tg-dlg-kop{display:flex;justify-content:space-between;align-items:center;gap:12px}.tg-dlg-kop h2{margin:0;font-size:26px;font-weight:800}
.tg-sluit{width:44px;height:44px;border-radius:12px;border:1px solid var(--lijn);background:#fff;color:var(--inkt);display:grid;place-items:center;cursor:pointer}
.tg-dlg-in{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;background:var(--zacht)}
.tg-som{margin:0;display:grid;grid-template-columns:1fr auto;row-gap:12px;font-size:17px}.tg-som dt{color:var(--grijs)}.tg-som dd{margin:0;font-weight:700;text-align:right}
.tg-som .tg-som-t{border-top:1px solid var(--lijn);padding-top:12px}.tg-som dd.tg-som-t{font-weight:800}
.tg-betaal{width:100%;justify-content:center;min-height:64px;font-size:18px}
.tg-dlg-voet{margin:0;text-align:center;font-size:15px;color:var(--grijs)}
.tg-klaar{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.tg-klaar h2{margin:0;font-size:26px;font-weight:800}.tg-klaar p{margin:0;font-size:17px;line-height:1.55;color:var(--grijs)}
.tg-klaar .tg-twee{align-self:stretch}
.tg-pil{display:inline-flex;padding:10px 16px;border-radius:999px;background:var(--mint);color:var(--groen-d)!important;font-size:16px!important;font-weight:700}
.tg-ok{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:12px 16px;border-radius:14px;background:var(--mint);border:1px solid var(--mint-r);color:var(--groen-d);font-weight:700;font-size:16px}.tg-ok svg{flex:none}
/* telefoon: het venster schuift van onderen omhoog */
@media (max-width:600px){.tg-dlg{margin:auto 0 0;max-width:none;width:100%;border-radius:28px 28px 0 0}.tg-op-kop h2{font-size:26px}}

/* VK: stijl van de verjaardagskalender onder de preview (7-11-2026) */
.vk-stijl h3{margin:0 0 8px;font-size:17px}
/* VK: Wie staat erin, onder de preview (7-11-2026; het scherm #kalender is vervallen) */
.vk-wie-blok{border-top:1px solid var(--lijn);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.vk-wie-blok h3{margin:0;font-size:18px}
.vk-wie-blok h4{margin:12px 0 0;font-size:15px;color:var(--grijs);letter-spacing:.02em}
.vk-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vk-lijst .vk-rij{flex-wrap:wrap;gap:12px;padding:10px 12px}
.vk-lijst .vk-dag{width:48px;height:48px}
.vk-lijst .vk-wie{flex:1 1 160px;min-width:0}
.vk-aan{display:flex;align-items:center;gap:8px;font-size:var(--fs-klein);color:var(--grijs);white-space:nowrap;min-height:44px;cursor:pointer}
.vk-aan input{width:20px;height:20px;accent-color:var(--kobalt)}
.vk-klein{min-height:44px;padding:8px 12px;font-size:var(--fs-klein)}
.vk-weg{background:var(--grijs-50)}.vk-weg .vk-wie b{color:var(--grijs)}.vk-weg .vk-dag{filter:grayscale(1);opacity:.6}
.vk-nieuw{background:#ECFDF3;border-color:var(--mint-r)}
.vk-zonder{border-style:dashed;align-items:flex-end}
.vk-datum{display:flex;gap:6px;align-items:flex-end}
.vk-veld{display:flex;flex-direction:column;font-size:12px;color:var(--grijs);gap:2px}
.vk-veld input{width:56px;font:inherit;font-size:16px;color:var(--inkt);border:1px solid var(--grijs-300);border-radius:8px;padding:9px 10px;min-height:44px;box-sizing:border-box}
.vk-veld:last-child input{width:76px}
.vk-bewaar{min-height:44px;padding:9px 14px}
.vk-of{align-self:center;font-size:var(--fs-klein)}
.vk-fout{margin:0;color:var(--lak);min-height:0}.vk-fout:empty{display:none}
@media (max-width:600px){.vk-zonder{align-items:stretch}.vk-datum{flex:1 1 100%}}

/* Overzicht: binnenkort jarig (7-11-2026) */
.oz-jarig{display:flex;flex-direction:column;gap:10px}.oz-jarig h2{margin:0}
.oz-jarig .vk-rij{padding:8px 10px;gap:10px}.oz-jarig .vk-dag{width:44px;height:44px}.oz-jarig .vk-wie{flex:1;min-width:0}

/* stamboomvoorbeeld: tweede pagina (de voorouders) onder de familie van nu */
.sb-vb-kop2{margin-top:18px}
/* Overstap naar de preview: felicitatie met wat de redactie doet en tips (8-11-2026) */
.os{display:flex;gap:16px;align-items:flex-start;margin:0 0 20px;padding:22px 24px;border-radius:20px;background:var(--mint);border:1px solid var(--mint-r);color:var(--inkt)}
.os>img{flex:none}
.os-in{display:flex;flex-direction:column;gap:10px;min-width:0}
.os h2{margin:0;font-size:22px;line-height:1.3;font-weight:800}
.os p{margin:0;font-size:17px;line-height:1.55}
.os-tips{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}
.os-tips .hk-fam{margin-top:6px}
.os-knop .mj-knop{min-height:56px}
@media (max-width:600px){.os{flex-direction:column;padding:18px}.os h2{font-size:20px}}

/* archiefbudget bij een vondstbericht (convex/dosis.ts) */
.bb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:var(--perk-l);border:1px solid var(--perk-r);color:var(--galnoot)}
.bb .k-dozen{display:inline-flex;gap:3px}
.bb-t{font-size:14px}

/* Post-melding: elke 5 minuten zolang er post klaarligt en niemand op het envelopje klikt (8-11-2026) */

/* Een onderdeel delen (claude/onderdeel-delen-concept.md): balk onder de preview, deelvenster en Gedeeld met familie */

.dl-plaat{border:1px solid #E2D2AE;border-radius:12px;overflow:hidden;background:#FBF7EE;aspect-ratio:1200/630;display:flex;align-items:center;justify-content:center}
.dl-plaat img{display:block;width:100%;height:auto}
.dl-knoppen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dl-knoppen>*{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.dl-knoppen [aria-disabled=true],.dl-knoppen [disabled]{opacity:.5;pointer-events:none}
.dl-opt{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dl-opt label{display:flex;gap:10px;align-items:center;font-size:15px}
.dl-opt input{width:20px;height:20px;margin:0}
.dg{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.dg h2{margin:0;font-size:20px}.dg h3{margin:8px 0 0;font-size:17px}
.dg-lijst,.dg-cp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-rij{border:1px solid var(--grijs-200,#EEF0F3);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.dg-kop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dg-st{padding:2px 10px;border-radius:12px;font-size:13px;font-weight:700}
.dg-st.aan{background:#ECFDF3;color:#054F31}.dg-st.uit{background:#EEF0F3;color:#3B4655}
.dg-knoppen{display:flex;gap:16px;flex-wrap:wrap}
.dg-tag{display:inline-block;padding:1px 8px;border-radius:10px;background:#FBF6EA;color:#5B3A1E;font-size:13px;font-weight:600}
@media (max-width:520px){.dl-knoppen{grid-template-columns:1fr}}
/* Welkomst- en tipbrieven in het envelopje (convex/communicatie.ts) */
.tb-kop{display:flex;gap:16px;align-items:center}
.tb-beeld{flex:none;width:84px;height:84px;border-radius:50%;background:#fff;border:1px solid #E2D2AE;padding:10px;box-sizing:border-box}

.tb-check{background:#fff;border-radius:12px;padding:12px 14px;margin:4px 0}
.tb-check ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.tb-check li{display:flex;gap:8px;align-items:center;font-size:15px}
.tb-check li svg{flex:none}
.tb-tips{border-top:2px dotted #D8C69E;padding-top:10px;margin-top:4px}

/* archiefbudget in de statusbalk (redesign 8-11-2026) */
.st-in:has(>.st-bud){grid-template-columns:minmax(260px,1fr) auto auto}
.st-in.met-terug:has(>.st-bud){grid-template-columns:auto minmax(200px,1fr) auto auto}

@media (max-width:820px){.st-in:has(>.st-bud),.st-in.met-terug:has(>.st-bud){grid-template-columns:1fr}}
/* Status van een onderdeel: schakelaar Concept | ✓ Akkoord (vervangt de akkoordknop onderaan) */
.pv-schakel{display:inline-flex;border:1px solid #C9CFD8;border-radius:999px;background:#fff;padding:2px;gap:2px;flex:none}
.pv-schakel button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#3B4655;cursor:pointer}
.pv-schakel button:hover{background:#F2F4F7}
.pv-schakel button[aria-pressed=true]{background:#EEF0F3;color:#101828}
.pv-schakel button[data-pv-ak-zet=akkoord][aria-pressed=true]{background:#ECFDF3;color:#067647;box-shadow:inset 0 0 0 1px #ABEFC6}
@media (pointer:coarse){.pv-schakel button{min-height:44px}}
.pv-mkop{flex-wrap:wrap;row-gap:8px}
.pv-mkop .pv-schakel button{padding:0 11px}
.pv-ik-x{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:999px;background:#D92D20;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}
.pv-schakel button[data-pv-ak-zet=vervallen][aria-pressed=true]{background:#FEF3F2;color:#B42318;box-shadow:inset 0 0 0 1px #FDA29B}
.pv-schakel button[disabled]{color:#98A2B3;cursor:not-allowed;background:transparent}
.pv-schakel button[disabled]:hover{background:transparent}
/* Snelle weg naar de stamboom links van de balk op de preview (Ortwin 8-11-2026) */
.st-boek.met-stam{display:flex;align-items:center;gap:16px}
.st-boek-in{flex:1;min-width:0}
.st-stam{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eef2ff;border:1.5px solid #a4bcfd;color:#1d3bd8;transition:background .15s,border-color .15s,transform .15s}
.st-stam:hover{background:#e0eaff;border-color:#8098f9;transform:translateY(-1px)} /* blauw = knop, net als het bestelknopje rechts (Ortwin 9-11-2026) */
.st-stam:focus-visible{outline:3px solid var(--blauw,#2244ff);outline-offset:2px}
.st-stam{position:relative}
.st-stam .st-stam-tip{display:none;position:absolute;left:68px;top:50%;transform:translateY(-50%);z-index:60;width:230px;padding:10px 12px;border-radius:10px;background:#101828;color:#fff;text-align:left;font-size:13px;line-height:18px;font-weight:500;box-shadow:0 8px 24px rgba(16,24,40,.25);pointer-events:none}
.st-stam .st-stam-tip b{display:block;font-size:14px;color:#fff}.st-stam .st-stam-tip em{display:block;margin-top:4px;font-style:normal;color:#d0d5dd;font-size:12px}
.st-stam:hover .st-stam-tip,.st-stam:focus-visible .st-stam-tip{display:block}
@media (hover:none){.st-stam .st-stam-tip{display:none!important}}
@media (max-width:820px){.st-stam{width:46px;height:46px;border-radius:13px}}
.st-stam svg{width:34px;height:34px}@media (max-width:820px){.st-stam svg{width:28px;height:28px}}
/* Stamboom volledig scherm onder de bovenste navigatiebalk (Ortwin 8-11): de balk blijft staan en bruikbaar */
.sb.vol{top:var(--sb-top,0)}
body.sb-vol-open .mj-kop{position:relative;z-index:9001}
/* Archiefbudget als rond icoontje naast het envelopje */
.k-bud-rond{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:999px;background:#fff;cursor:pointer;flex:none}
.k-bud-rond:hover{background:var(--grijs-100)}
.k-bud-rond:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.k-bud-rond svg{position:absolute;inset:-1px}
.k-bud-pct{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);background:#fff;border:1px solid var(--grijs-200);border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:16px;color:#344054}
@media (max-width:520px){.k-bud-rond{width:44px;height:44px}.k-bud-rond svg{width:44px;height:44px}}
/* ---------- Stamboom op volle breedte: knoppen links, boom, kader rechts (redesign Ortwin 8-11-2026) ---------- */
.sb.vol.sb2{background:#fff}
.sb.vol.sb2 .sb-rail{position:absolute;left:var(--sb-l,24px);top:36px;bottom:20px;width:56px;box-sizing:border-box;border-right:1px solid var(--grijs-200);display:flex;flex-direction:column;align-items:flex-start;gap:1px;z-index:20}
.sb-ri{position:relative;width:46px;height:38px;flex:none;border:0;border-radius:8px;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.sb-ik{position:relative;flex:none;width:30px;height:30px;border-radius:8px;background:var(--grijs-100);color:var(--grijs-700);display:flex;align-items:center;justify-content:center}
.sb-ri:hover .sb-ik{background:var(--grijs-200)}
.sb-ri.aan .sb-ik{background:var(--inkt,#101828);color:#fff}
.sb-ri:focus-visible{outline:3px solid var(--blauw,#2B4EFF);outline-offset:2px}
.sb-tip{display:none;position:absolute;left:54px;top:50%;transform:translateY(-50%);z-index:40;width:220px;padding:10px 12px;border-radius:10px;background:#101828;color:#fff;text-align:left;font-size:13px;line-height:18px;font-weight:500;pointer-events:none}
.sb-tip b{display:block;font-size:14px;color:#fff}
.sb-ri:hover .sb-tip,.sb-ri:focus-visible .sb-tip{display:block}
.sb-rbol{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--kobalt,#2B4EFF);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sb-rsep{display:block;width:30px;height:1px;background:var(--grijs-200);margin:6px 8px}

.sb.vol.sb2 .sb-links{position:absolute;inset:36px 24px 20px calc(var(--sb-l,24px) + 76px)}
.sb.vol.sb2 .sb-canvas{position:absolute;inset:0 420px 0 0;border:1px solid var(--grijs-200);border-radius:16px;background-color:#FCFCFD;background-image:radial-gradient(#E4E7EC 1px,transparent 1px);background-size:18px 18px}
.sb.vol.sb2.kd .sb-canvas{right:0}
.sb.vol.sb2 .sb-top.sb2-kop{min-height:64px;padding:10px 16px 10px 20px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--grijs-200);gap:14px;flex-wrap:wrap;align-items:center}
.sb.vol.sb2 .sb-titel{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
.sb-sub{font-size:15px;color:var(--grijs)}
.sb-filter{display:flex;gap:2px;padding:3px;border-radius:11px;background:var(--grijs-100,#F2F4F7)}
.sb-filter button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#475467;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.sb-filter button[aria-pressed="true"]{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.18)}
.sb-in.f-archief .sb-k:not(.arch),.sb-in.f-archief .sb-slot,.sb-in.f-archief .sb-stapel,.sb-in.f-zelf .sb-k.arch,.sb-in.f-zelf .sb-slot{opacity:.22}
.sb-in .sb-k{transition:opacity .15s}
.sb-ring{position:absolute;width:26px;height:20px;box-sizing:border-box;border:1.5px solid #E2D5B0;border-radius:999px;background:#FFFDF8;color:#8A5A12;display:grid;place-items:center;z-index:1;font-style:normal}
.sb-lring{display:inline-flex;align-items:center;gap:4px;color:#8A5A12}
.sb-lring svg{flex:none}
.sb.vol.sb2 .sb-pct{position:absolute;left:14px;bottom:14px;z-index:3;padding:6px 10px;border:1px solid var(--grijs-200);border-radius:9px;background:#fff;font-size:13px;font-weight:700}
.sb.vol.sb2 .sb-onder.sb2-leg{left:80px;right:auto;bottom:14px;padding:8px 12px;font-size:13px}
.sb.vol.sb2 .sb-vp.kader{cursor:crosshair}
.sb-sel{position:absolute;z-index:6;border:2px dashed var(--blauw,#2B4EFF);border-radius:4px;background:rgba(43,78,255,.08);pointer-events:none}
.sb-kaderhint{position:absolute;left:50%;top:80px;transform:translateX(-50%);z-index:6;margin:0;padding:8px 8px 8px 16px;border-radius:10px;background:#101828;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;white-space:nowrap}
.sb-kaderhint .mj-link{color:#fff;font-weight:700}
.sb.vol.sb2 .pp:not(.ak-lade){position:absolute;right:0;top:0;bottom:0;left:auto;align-self:stretch;justify-self:auto;width:400px;max-height:none;height:auto;display:flex;flex-direction:column;overflow:auto;box-shadow:none;border:1px solid var(--grijs-200);border-radius:16px;background:#fff;z-index:2}
.sb.vol.sb.vol.sb2 .pp:not(.open):not(.ak-lade){display:flex}
.sb.vol.sb2.kd .pp:not(.ak-lade){display:none!important}
.sb.vol.sb2 .pp .pp-terug{display:none}
.sb-kdknop{position:absolute;top:50px;right:418px;z-index:25;width:32px;height:32px;padding:0;border:1px solid var(--grijs-200);border-radius:999px;background:#fff;color:#344054;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(16,24,40,.1)}
.sb-kdknop:hover{background:var(--grijs-100,#F2F4F7)}
.sb.vol.sb2.kd .sb-kdknop{right:10px}
.sb.vol.sb2.kd .sb-kdknop svg{transform:rotate(180deg)}
.sb-ptabs{display:flex;gap:2px;padding:3px;margin:4px 18px 12px;border-radius:11px;background:var(--grijs-100,#F2F4F7);position:sticky;top:0;z-index:2}
.sb-ptabs button{flex:1;min-height:38px;padding:0 4px;border:0;border-radius:9px;background:transparent;color:#475467;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.sb-ptabs button[aria-selected="true"]{background:#fff;color:#101828;box-shadow:0 1px 3px rgba(16,24,40,.18)}
.sb-uit{position:absolute;left:calc(var(--sb-l,24px) + 76px);top:36px;z-index:30;width:340px;max-height:calc(100% - 40px);overflow:auto;box-sizing:border-box;padding:18px;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.18);display:flex;flex-direction:column;gap:12px}
.sb-uit-plus{top:auto;bottom:140px}
.sb-uit-fam{top:auto;bottom:20px}
.sb-ut{font-size:17px}
.sb-uk{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs)}
.sb-uk.rood{color:#B42318}
.sb-ug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb-ug .mj-twee{min-height:44px}
.sb-zveld input{min-height:44px}
.sb-zres,.sb-uhv{display:flex;flex-direction:column;gap:4px}
.sb-zr,.sb-ua{min-height:48px;padding:6px 12px;border:1px solid var(--grijs-200);border-radius:10px;background:#fff;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:1px;position:relative}
.sb-zr{border-color:transparent}
.sb-zr:hover,.sb-ua:hover{background:var(--grijs-50,#F9FAFB);border-color:var(--grijs-200)}
.sb-zr small,.sb-ua small{color:var(--grijs);font-size:13px}
.sb-uit .mj-knop{align-self:flex-start}
.sb-ul{font-weight:700}
.sb-ovz{padding:22px;display:flex;flex-direction:column;gap:14px;text-align:left}
.sb-ovz h2{margin:0;font-size:22px}
.sb-ovz-tal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sb-ovz-tal span{padding:12px;border-radius:12px;background:var(--grijs-50,#F9FAFB);display:flex;flex-direction:column;font-size:13px;color:var(--grijs)}
.sb-ovz-tal span.a{background:#FFFBF2}.sb-ovz-tal span.g{background:#F2F7F3}
.sb-ovz-tal b{font-size:24px;color:var(--inkt,#101828)}

.st-boek.met-stam ~ .st-terug,.st-in .st-terug:has(~ .st-boek.met-stam){display:none}
.sb.vol.sb2 .pp > .pp-body{flex:1 0 auto}.sb.vol.sb2 .pp > .pp-voet{margin-top:auto;position:sticky;bottom:0;background:#fff}
.sb-ri.aan .sb-tip{display:none}

@media (max-width:1100px){.sb.vol.sb2 .sb-canvas{right:360px}.sb.vol.sb2 .pp:not(.ak-lade){width:340px}.sb.vol.sb2 .sb-kdknop{right:358px}.sb.vol.sb2.kd .sb-kdknop{right:10px}.sb.vol.sb2 .sb-onder.sb2-leg{display:none}}

/* gevonden akten kort laten oplichten na een klik op 'We vonden … akten' (Marjolein 8-11-2026) */
@keyframes sbLicht{0%{box-shadow:0 0 0 0 rgba(34,68,255,.55)}100%{box-shadow:0 0 0 14px rgba(34,68,255,0)}}
.sb-licht{animation:sbLicht 1.2s ease-out 2;border-radius:12px}
/* ---------- Je foto's (ontwerp "Foto's en het familiealbum", 8-11-2026): zelfde opzet als de stamboom ---------- */
.ft{display:flex;flex-direction:column;gap:16px}
.ft.vol{position:fixed;left:0;right:0;top:var(--sb-top,0);bottom:0;z-index:9000;background:#fff;display:block}
.ft-rail{display:flex;gap:1px;flex-wrap:wrap}
.ft.vol .ft-rail{position:absolute;left:var(--sb-l,24px);top:36px;bottom:20px;width:56px;box-sizing:border-box;border-right:1px solid var(--grijs-200);flex-direction:column;flex-wrap:nowrap;align-items:flex-start;z-index:20}
.ft .sb-ik.ft-uitk{background:transparent;border:1.5px dashed var(--grijs-300);color:var(--grijs-400)}
.ft .sb-ri[aria-disabled="true"]{cursor:not-allowed}
.ft-mid{display:flex;flex-direction:column;gap:14px;min-width:0}
.ft.vol .ft-mid{position:absolute;inset:36px 444px 20px calc(var(--sb-l,24px) + 76px)}
.ft-kop{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ft-kop h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}
.ft-teller{display:flex;flex-direction:column;gap:4px;min-width:190px;font-size:14px}
.ft-balk{height:6px;border-radius:999px;background:var(--grijs-200);overflow:hidden;display:flex}.ft-balk i{background:var(--kobalt,#2B4EFF)}
.ft-scroll{flex:1;min-height:0;overflow:auto;padding:4px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 14px;padding-bottom:20px}
.ft-k{position:relative;min-width:0}
.ft-kb{width:100%;padding:0;border:1px solid var(--grijs-200);border-radius:12px;background:#fff;font:inherit;color:inherit;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.ft-kb:hover{border-color:var(--grijs-400)}
.ft-k.foc .ft-kb,.ft-k.gek .ft-kb{border:2.5px solid var(--kobalt,#2B4EFF);box-shadow:0 0 0 3px rgba(43,78,255,.15)}
.ft-kf{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--grijs-100)}
.ft-vk{position:relative;display:block;overflow:hidden;flex:none}.ft-vk.l{width:100%;aspect-ratio:3/2}.ft-vk.p{height:100%;aspect-ratio:2/3}
.ft-vk img,.ft-crop-vak img{display:block;max-width:none}
.ft-kk{display:flex;align-items:center;justify-content:space-between;gap:8px}.ft-draai{min-height:34px;padding:4px 12px;font-size:13px}
.ft-kt{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;min-width:0}
.ft-kt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ft-kt b.leeg{color:#B54708;font-style:italic}
.ft-kt small{font-size:12px;color:var(--grijs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-vink{position:absolute;left:8px;top:8px;width:30px;height:30px;padding:0;border-radius:999px;border:2px solid #fff;background:rgba(16,24,40,.35);color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ft-vink[aria-checked="true"]{border:0;background:var(--kobalt,#2B4EFF);color:#fff}
.ft-vink:focus-visible{outline:3px solid var(--kobalt,#2B4EFF);outline-offset:2px}
.ft-alb{position:absolute;right:8px;top:8px;padding:3px 8px;border-radius:999px;background:rgba(16,24,40,.72);color:#fff;font-size:11px;font-weight:700;pointer-events:none}
.ft-leeg{max-width:520px;padding:28px;border:1.5px dashed var(--grijs-300);border-radius:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.ft-leeg h2,.ft-leeg p{margin:0}
.ft-kader{border:1px solid var(--grijs-200);border-radius:16px;background:#fff;display:flex;flex-direction:column;overflow:auto}
.ft.vol .ft-kader{position:absolute;right:24px;top:36px;bottom:20px;width:400px;box-sizing:border-box}
.ft-kl{padding:18px;display:flex;flex-direction:column;gap:14px}
.ft-kl h2{margin:0;font-size:22px}
.ft-groot{width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--grijs-100);display:flex;align-items:center;justify-content:center}
.ft-kl .mj-veld textarea{resize:vertical}
.ft-fs{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:10px}.ft-fs legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:700}
.ft-wat button{flex:1;white-space:normal;min-height:40px}
.ft-chips{display:flex;flex-wrap:wrap;gap:6px}
.ft-chip{display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px 10px;border-radius:999px;background:#EEF2FF;color:#1D2B6B;font-size:14px;font-weight:600}
.ft-chip button{width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:inherit;font-size:16px;cursor:pointer}
.ft-jaar{max-width:180px}
.ft-tv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ft-maat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ft-maat button{min-height:90px;padding:10px;border:1.5px solid var(--grijs-300);border-radius:10px;background:#fff;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.ft-maat button.aan{border:2px solid var(--kobalt,#2B4EFF);box-shadow:0 0 0 3px rgba(43,78,255,.12)}
.ft-maat.p{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-maat.p span i{height:30px;max-width:14px}
.ft-maat span,.al-bl{display:flex;gap:3px;width:54px}.ft-maat span i,.al-bl i{flex:1;height:24px;border-radius:2px;background:#C9B993}
.al-bl{flex:none}
.ft-maat b{font-size:14px}.ft-maat small{font-size:12px;color:var(--grijs)}
.ft-waar{margin:0;padding:12px 14px;border-radius:12px;background:#F8F5EE;font-size:14px;line-height:20px;color:#4A3524}
.ft-voet{margin-top:auto;position:sticky;bottom:0;background:#fff}
.ft-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ft-mini>span{aspect-ratio:4/3;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--grijs-100)}
.ft-maten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ft .sb-uit{left:calc(var(--sb-l,24px) + 76px)}
.ft-uit-zoek{top:76px}.ft-uit-licht{top:160px}.ft-uit-weg{top:240px}
.ft-drop{min-height:150px;box-sizing:border-box;border:2px dashed #B2BDD6;border-radius:12px;background:#F7F9FF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;padding:12px;color:var(--kobalt,#2B4EFF)}
.ft-drop b{color:var(--inkt);font-size:15px}.ft-drop span{font-size:13px;color:var(--grijs)}
.ft-drop input{position:absolute;width:1px;height:1px;opacity:0}
.ft-drop:focus-within{outline:3px solid var(--kobalt,#2B4EFF);outline-offset:2px}
.ft-schuif{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--grijs)}.ft-schuif input{flex:1;accent-color:var(--kobalt,#2B4EFF)}
.ft-crop{position:absolute;inset:0;z-index:30;border-radius:16px;background:#101828;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;box-sizing:border-box}
.ft-crop-vak.p{width:auto;height:min(62vh,520px);aspect-ratio:2/3}.ft-crop-vak{position:relative;width:min(600px,90%);aspect-ratio:3/2;overflow:hidden;border:2px solid #fff;cursor:grab;touch-action:none;background:#000}
.ft-crop p{margin:0;max-width:560px;text-align:center;color:#D0D5DD;font-size:14px;line-height:20px}
.ft-zoom{display:flex;align-items:center;gap:10px;font-size:14px}.ft-zoom input{width:260px;accent-color:#fff}
.ft-crop-kn{display:flex;gap:10px}.ft-crop .mj-twee{background:transparent;color:#fff;border-color:#98A2B3}
.ft-upl{cursor:pointer}
.ft-tips{font-size:14px;line-height:20px;color:var(--inkt)}.ft-tips summary{cursor:pointer;font-weight:600;color:var(--kobalt,#2B4EFF);min-height:32px;display:flex;align-items:center}
.ft-tipl{margin:6px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px}
.ft-tk{margin:0 0 14px}.ft-tk .ft-tipl{margin-top:6px}.ft-leeg .ft-tk{margin:4px 0 0}.sb-uit .ft-tk{margin:0}
@media (max-width:1100px){.ft.vol .ft-mid{right:384px}.ft.vol .ft-kader{width:340px}}
@media (max-width:759px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft .sb-uit{position:static;width:auto}.ft-crop{position:fixed;inset:0;border-radius:0;z-index:9999}.ft-rail .sb-tip{display:none!important}}
.ft:not(.vol)>.ft-rail{order:-2}.ft:not(.vol)>.sb-uit{order:-1} /* telefoon: het paneel direct onder de knoppen, niet onderaan */
.ft:not(.vol) .sb-rsep{display:none}.ft:not(.vol) .ft-rail{gap:4px}.ft:not(.vol) .sb-filter{overflow-x:auto;max-width:100%}.ft:not(.vol) .ft-kop h1{font-size:26px}
/* Een akte bekijken vanuit de preview (was het scherm #jeakten; Ortwin 8-11-2026) */
.pv-laag{position:fixed;inset:0;z-index:300;background:rgba(16,24,40,.45);display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:24px 12px}
.pv-laag-in{position:relative;background:#fff;border-radius:16px;width:100%;max-width:980px;padding:24px 20px 20px;box-shadow:0 20px 60px rgba(16,24,40,.3);display:grid;gap:14px}
.pv-laag-x{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;border-radius:10px;background:var(--grijs-100,#f2f4f7);font-size:24px;line-height:1;cursor:pointer}
.pv-aklijst,.pv-avlijst{display:grid;gap:10px}.pv-aklijst .av-fam-t,.pv-avlijst .av-fam-t{font-size:15px;margin:8px 0 4px}
.sl-eigen{display:grid;gap:10px}.sl-eigen>summary{display:inline-block;cursor:pointer;list-style:none;margin-bottom:8px}.sl-eigen>summary::-webkit-details-marker{display:none}
#pv-om-voor:disabled{pointer-events:none}[data-pv-omvoorrij]{cursor:text}
/* ---------- BS: bestelmodule ---------- */
.st-best{background:#eef2ff;border-color:#a4bcfd;color:#1d3bd8}
.st-best:hover{background:#e0eaff;border-color:#8098f9}
.st-stam .st-best-tip{left:auto;right:0;top:68px;transform:none;width:280px}
.bs{display:flex;flex-direction:column;gap:22px;padding-bottom:40px}
.bs-terug{font-weight:700;text-decoration:none;align-self:flex-start}
.bs-stappen{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bs-stappen>li{display:flex}
.bs-stappen button,.bs-s{display:flex;align-items:center;gap:10px;border:0;background:none;padding:4px 0;font:inherit;font-size:15px;font-weight:600;color:var(--grijs,#475467);min-height:44px}
.bs-stappen button{cursor:pointer}.bs-stappen button:hover span:last-child{text-decoration:underline}
.bs-stappen .klaar button,.bs-stappen .klaar .bs-s{color:var(--inkt,#101828)}
.bs-stappen .nu .bs-s{color:var(--inkt,#101828);font-weight:800}
.bs-n{width:30px;height:30px;box-sizing:border-box;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:#fff;border:1.5px solid #d0d5dd;color:#475467}
.bs-stappen .klaar .bs-n{background:#2f7a4a;border-color:#2f7a4a;color:#fff}
.bs-stappen .nu .bs-n{background:var(--kobalt,#2b4eff);border-color:var(--kobalt,#2b4eff);color:#fff}
.bs-stappen .bs-lijn{flex:1;min-width:24px;height:2px;background:#e4e7ec}.bs-stappen .bs-lijn.klaar{background:#2f7a4a}
.bs-kop h1{margin:0 0 6px}.bs-kop .mj-lead{margin:0;max-width:760px}
.bs-twee{display:flex;gap:40px;align-items:flex-start}
.bs-twee.gelijk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.bs-links{width:320px;flex:none;display:flex;flex-direction:column;gap:18px}
.bs-rechts{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px}
.bs-blad{display:flex;flex-direction:column;gap:12px;align-items:center}
.bs-pg{position:relative;display:block;width:300px;padding:0;border:0;background:none;cursor:pointer;border-radius:4px}
.bs-pg .vk-vak{display:block;width:300px;box-shadow:0 10px 28px rgba(16,24,40,.18);pointer-events:none}
.bs-pg .bk-spr{box-shadow:none}
.bs-open{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:999px;background:#101828;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .15s}
.bs-pg:hover .bs-open,.bs-pg:focus-visible .bs-open{opacity:1}
@media (hover:none){.bs-open{opacity:1}}
.bs-nav{display:flex;align-items:center;gap:12px}.bs-nav>span{min-width:160px;text-align:center;display:flex;flex-direction:column}.bs-nav small{font-size:13px;color:var(--grijs,#475467)}
.bs-pijl{width:44px;height:44px;flex:none;border-radius:999px;border:1.5px solid #d0d5dd;background:#fff;font-size:18px;cursor:pointer}
.bs-pijl:hover{background:#f9fafb}.bs-pijl:disabled{opacity:.4;cursor:default}
.bs-boekinfo{display:flex;flex-direction:column;gap:4px}.bs-boekinfo>b{font-size:20px}
.bs-goed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;color:#067647;font-weight:600;font-size:15px}
.bs-kaart{border:1px solid #eaecf0;border-radius:16px;padding:22px 26px;background:#fff;display:flex;flex-direction:column;gap:10px}
.bs-kaart h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}
.bs-tel{font-size:13px;font-weight:800;padding:3px 10px;border-radius:999px;background:#fef0c7;color:#93370d}
.bs-nogt{margin:0;font-size:16px;line-height:24px;color:#344054}
.bs-af{border-color:#abefc6;background:#f6fef9}
.bs-blok{border-color:#fecdca;background:#fffbfa}
.bs-lijst{list-style:none;margin:0;padding:0}
.bs-lijst li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #eaecf0}
.bs-ri{width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center}
.bs-ri.nog{background:#fef0c7;color:#b54708}.bs-ri.adv{background:#eef2ff;color:#1d3bd8}.bs-ri.blok{background:#fee4e2;color:#b42318}
.bs-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bs-rt b{font-size:16px}.bs-rt span{font-size:15px;line-height:22px;color:#475467}
.bs-cta{align-self:center;min-height:44px;padding:0 16px;border-radius:10px;border:1.5px solid var(--kobalt,#2b4eff);background:#fff;color:#1d3bd8;font:inherit;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer}
.bs-cta:hover{background:#eef2ff}
@media (max-width:620px){.bs-pdfvak{position:relative;padding:12px}.bs-pdfvak .bs-pijl{position:absolute;top:50%;transform:translateY(-50%);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}.bs-pdfvak .bs-pijl:first-child{left:6px}.bs-pdfvak .bs-pijl:last-child{right:6px}.bs-lijst li{flex-wrap:wrap}.bs-rt{flex-basis:calc(100% - 48px)}.bs-cta{margin-left:48px}.bs-kaart{padding:18px}.bs-voet>*{flex:1 1 100%}.bs-stappen .bs-lijn{min-width:12px}}
.bs-voet{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}
.bs-voet .mj-knop,.bs-voet .mj-twee{min-height:52px}
.bs-kick{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#475467}
.bs-boekrij{display:flex;gap:18px;align-items:center}.bs-boekrij>span:last-child{display:flex;flex-direction:column;gap:4px}.bs-boekrij b{font-size:20px}
.bs-boekrij .bs-mini{display:block;width:120px;flex:none;box-shadow:0 6px 18px rgba(16,24,40,.18)}
.bs-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bs-punten li{display:flex;flex-direction:column;gap:2px;padding-left:28px;position:relative}.bs-punten li::before{content:'✓';position:absolute;left:0;top:0;color:#067647;font-weight:800}
.bs-punten span{color:#475467;font-size:15px}
.bs-noot{margin:0;font-size:15px;color:#475467;background:#f9fafb;border-radius:12px;padding:12px 14px}
.bs-voortgang{background:#fcfcfd;min-height:420px}
.bs-pr{display:flex;flex-direction:column;gap:8px}
.bs-balk{height:12px;border-radius:999px;background:#e4e7ec;overflow:hidden;display:block}.bs-balk i{display:block;height:100%;background:var(--kobalt,#2b4eff);transition:width .2s}
.bs-fasen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bs-fasen li{display:flex;gap:12px;align-items:center;font-size:15px;color:#475467}
.bs-fasen li span{width:24px;height:24px;box-sizing:border-box;border-radius:999px;border:2px solid #98a2b3;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.bs-fasen li.klaar{color:#101828}.bs-fasen li.klaar span{border-color:#067647;color:#067647}
.bs-fasen li.bezig{color:#101828;font-weight:800}.bs-fasen li.bezig span{border-color:var(--kobalt,#2b4eff);color:var(--kobalt,#2b4eff)}
.bs-ak{align-items:flex-start}
.bs-pdf{flex:1;min-width:0;border-radius:16px;background:#3a3f47;display:flex;flex-direction:column;overflow:hidden}
.bs-pdfbalk{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#2c3036;color:#fff;font-size:14px;flex-wrap:wrap}.bs-pdfbalk span{color:#d0d5dd}
.bs-dl{min-height:40px;padding:0 14px;border-radius:8px;border:0;background:#444a53;color:#fff;font:inherit;font-weight:700;cursor:pointer}.bs-dl:hover{background:#525a65}
.bs-pdfvak{min-height:420px;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 12px}
.bs-sprvak{flex:none}.bs-sprvak .bk-spr{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bs-duim{display:flex;gap:6px;padding:10px 16px;background:#2c3036;overflow-x:auto}
.bs-duim button{flex:none;min-width:44px;height:44px;border-radius:6px;border:2px solid transparent;background:#fffdf7;font-size:11px;color:#475467;cursor:pointer}
.bs-duim button[aria-pressed="true"]{border-color:var(--kobalt,#2b4eff)}
.bs-zij{width:400px;flex:none;box-sizing:border-box;gap:16px}
.bs-aantal{display:flex;align-items:center;justify-content:space-between;gap:12px}.bs-aantal>span{display:flex;flex-direction:column;gap:2px}
.bs-adres{display:flex;flex-direction:column;gap:8px}
.bs-ok{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:#f0f9f4;border:1.5px solid #abefc6;cursor:pointer;font-size:15px;line-height:22px}
.bs-ok input{width:22px;height:22px;margin:0;flex:none;accent-color:#2f7a4a}
.bs-betaal{width:100%}
.bs-print{display:none}
@media (max-width:980px){.bs-twee,.bs-twee.gelijk,.bs-ak{display:flex;flex-direction:column;gap:24px;align-items:stretch}.bs-rechts{width:100%}.bs-links,.bs-zij{width:100%}.bs-links{align-items:center}.bs-pdf{width:100%}.bs-pdfvak{min-height:0}}
#bs-printvak{display:none}
@media print{
  body.bs-printen>*:not(#bs-printvak){display:none!important}
  body.bs-printen #bs-printvak{display:block}
  body.bs-printen .bs-pp{width:210mm;height:297mm;overflow:hidden;break-after:page;page-break-after:always}
  body.bs-printen .bs-pp .bk-spr{transform:none;zoom:1.5874;box-shadow:none}
  body.bs-printen .bs-pp .wm{display:none}
  body.bs-printen .bs-pp *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4 portrait;margin:0}
}
.bs-sprvak .wm,.bs-print .wm,#bs-printvak .wm{display:none!important}
/* ---------- Kopbalk: vijf icoontjes met teller (ontwerp 'Icoontjes in de kopbalk', 8-11-2026) ---------- */
.kb-i5-tip{display:none;position:absolute;top:62px;left:-8px;z-index:80;width:250px;padding:10px 12px;border-radius:10px;background:#101828;color:#fff;text-align:left;font-size:13px;line-height:18px;font-weight:500;box-shadow:0 8px 24px rgba(16,24,40,.25);pointer-events:none}
.kb-i5-tip b{display:block;font-size:14px;color:#fff}.kb-i5-tip em{display:block;margin-top:4px;font-style:normal;color:#D0D5DD;font-size:12px}
@media (hover:none){.kb-i5-tip{display:none!important}}
/* ---------- Personen ---------- */
.pe{display:flex;gap:28px;align-items:flex-start;padding:24px 0 40px}
.pe-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.pe-kop{display:flex;align-items:baseline;gap:14px}.pe-kop h1{margin:0}
.pe-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pe-zoek{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1.5px solid var(--grijs-300,#D0D5DD);border-radius:12px;color:#667085}
.pe-zoek input{flex:1;border:0;outline:0;font:inherit;font-size:16px;color:#101828;background:transparent;min-width:0}
.pe-zoek:focus-within{border-color:var(--blauw,#2244ff)}
.pe-f button span{color:#667085;font-weight:600;margin-left:2px}
.pe-th{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:8px 18px 0 70px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#667085}
.pe-th button{all:unset;cursor:pointer}.pe-th button:hover{color:#101828}
.pe-lijst{list-style:none;margin:0;padding:0;border:1px solid #EAECF0;border-radius:14px;overflow:hidden}
.pe-lijst li+li{border-top:1px solid #EAECF0}
.pe-r{display:grid;grid-template-columns:40px minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:center;width:100%;padding:10px 18px;border:0;background:#fff;text-align:left;font:inherit;color:#101828;cursor:pointer}
.pe-r:hover{background:#F9FAFB}.pe-r.sel{background:#EEF2FF;box-shadow:inset 4px 0 0 var(--blauw,#2244ff)}
.pe-r:focus-visible{outline:3px solid var(--blauw,#2244ff);outline-offset:-3px}
.pe-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:#E9F0E4;color:#2E3D25}
.pe-av.perk{background:#F3E9D2;color:#5B3A1E}.pe-av.arch{background:#F8F2E4;color:#5B3A1E;border:1.5px dashed #C9A877}
.pe-n{min-width:0}.pe-n b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.pe-n small{font-size:13px;color:#667085}
.pe-g,.pe-w{font-size:15px;color:#344054}
.pe-pp{width:420px;flex:none;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;border:1px solid #EAECF0;border-radius:18px}
.pe-kies{display:flex;flex-direction:column;gap:6px;padding:28px 22px}
@media (max-width:1000px){.pe{flex-direction:column}.pe-pp{width:100%;position:static;max-height:none}.pe-th{display:none}.pe-r{grid-template-columns:40px minmax(0,1fr) auto}.pe-w{display:none}}
.pe-f{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:#F2F4F7}
.pe-f button{height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:#475467;cursor:pointer}
.pe-f button[aria-checked="true"]{background:#fff;color:#101828;font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.08)}
.pe-f button span{all:unset;color:#667085;font-weight:600;margin-left:4px}
/* De balk overal even lang (Ortwin 8-11-2026): op de stamboom en bij Je foto's is de knop "Terug naar de preview" verborgen
   (het boekje links doet dat), maar het raster hield er een kolom voor vrij. Dan kwam de balk in de smalle kolom. */
@media (min-width:821px){
  .st-in.met-terug:has(>.st-boek.met-stam){grid-template-columns:minmax(260px,1fr) auto}
  .st-in.met-terug:has(>.st-boek.met-stam):has(>.st-bud){grid-template-columns:minmax(260px,1fr) auto auto}
}
/* Icoontjes in de kop in één stijl, zoals het envelopje (Ortwin 8-11-2026): rond, wit met een grijze rand, grijs bij
   aanwijzen, het zwarte uitlegvak bij alle icoontjes (ook envelop en archiefdoos), een uitdijende ring bij iets nieuws,
   en alles op één horizontale lijn met dezelfde tussenruimte. */
.mj-kop .mj-wrap,.mj-wie{align-items:center}
.mj-wie{gap:14px}
.k-bud-rond{border:1px solid var(--grijs-200);background:#fff}
.k-bud-rond:hover{background:var(--grijs-100)}
.k-bud-rond svg{inset:-1px}
.k-bud-pct{bottom:auto;left:auto;top:-5px;right:-12px;transform:none;min-width:22px;height:22px;box-sizing:border-box;border:1.5px solid #D0D5DD;font-size:12px;font-weight:800;line-height:19px;padding:0 5px;color:#101828;text-align:center}
.vb-env:hover .kb-i5-tip,.vb-env:focus-visible .kb-i5-tip,.k-bud-rond:hover .kb-i5-tip,.k-bud-rond:focus-visible .kb-i5-tip{display:block}
.vb-env.open .kb-i5-tip{display:none!important}
.kb-tip-r{left:auto;right:-8px}
/* Telefoon: past de kop niet op één rij, dan breekt hij netjes af */
@media (max-width:820px){.mj-kop.kb-kop .mj-wrap{flex-wrap:wrap}}
/* Hulplijnen: tekst vult de kaart, knoppen netjes op één lijn onderaan (Ortwin 8-11-2026) */
.pp-fam{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.pp-fam li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.pp-fam .mj-link{text-align:left}

/* Delen: de kiezer (de knop staat sinds 12-11-2026 in het menu Je familieboek) */
.dl-kies{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.dl-kies button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px}
.dl-kies b{display:block}.dl-kies small{display:block;color:var(--grijs-600);font-weight:400}
/* ---------- Stamboomonderzoek eerst (Ortwin 9-11-2026) ---------- */
.sb-focus{position:relative;z-index:6;margin:0 0 12px}
.sb.vol .sb-focus{margin:0 0 16px}.sb.vol .sb-focus .sb-focus-ik{display:none}.sb.vol .sb-focus h2{font-size:18px}
.sb-focus-in{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fbf7ee;border:1px solid #e2d2ae;box-shadow:0 8px 24px rgba(16,24,40,.10)}
.sb-focus-ik{position:relative;width:42px;height:42px;flex:none;border-radius:999px;background:#fff;border:1px solid #e2d2ae;color:#6b4e16;display:flex;align-items:center;justify-content:center}
.sb-focus-draai{position:absolute;inset:-3px;border-radius:999px;border:2px solid transparent;border-top-color:var(--kobalt,#2b4eff);animation:sbf-d 1.2s linear infinite}
@keyframes sbf-d{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sb-focus-draai{animation:none}}
.sb-focus-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sb-focus-k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b4e16}
.sb-focus h2{margin:0;font-size:19px;line-height:1.25}
.sb-focus p{margin:0;font-size:15px;line-height:22px;color:#344054}
.sb-focus-knop{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
.sb-focus-knop .mj-knop{min-height:48px}
.sb-focus-x{width:36px;height:36px;flex:none;border:0;border-radius:999px;background:transparent;font-size:20px;color:#475467;cursor:pointer}
.sb-focus-x:hover{background:rgba(16,24,40,.06)}
@media (max-width:759px){.sb-focus{margin:0 0 14px}.sb-focus-in{padding:14px}.sb-focus h2{font-size:17px}.sb-focus-ik{display:none}}
/* Telefoon: compacte kop van de stamboom (design 3.0, M_Stamboom) */
.sb-mkop{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.sb-mkop-t{flex:1;min-width:0;display:flex;flex-direction:column}
.sb-mkop h1{margin:0;font-size:22px;line-height:1.2}
.sb-mkop small{font-size:13px;color:#475467}
.sb-mbalk{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.sb-mk{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid #e4e7ec;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#344054;text-decoration:none;background:#fff}
.sb-mk.arch{border-color:#e2d2ae;background:#fbf7ee;color:#5b3a1e}
.sb-mk .sb-rbol{position:static;margin-left:2px}
/* ---------- Archiefonderzoek en Bevindingen (9-11-2026, canvas "De nieuwe schermen" → onderzoek) ---------- */
.az{display:flex;flex-direction:column;gap:20px;margin:0 auto}
.az-kop h1{margin:4px 0 6px}
.az-kop .mj-lead{max-width:640px;margin:0}
.az-rij{display:grid;gap:20px}
.az-boven{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
.az-twee{grid-template-columns:1fr 1fr}
.az-kaart{background:#fff;border:1px solid var(--grijs-200);border-radius:16px;padding:22px 24px;min-width:0}
.az-kaart h2{font-size:20px;margin:0 0 4px}
.az-sub{color:var(--grijs);font-size:14px;margin:0 0 12px}
.az-kick{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);margin:0 0 6px}
.az-kick span{width:10px;height:10px;border-radius:50%;background:#067647}
.az-kick.bezig{color:var(--kobalt)}.az-kick.bezig span{background:var(--kobalt);box-shadow:0 0 0 4px #E4E9FF;animation:az-p 1.6s ease-in-out infinite}
@keyframes az-p{50%{box-shadow:0 0 0 7px #EEF1FF}}
.az-status h2{font-size:22px}
.az-voortgang{height:8px;border-radius:99px;background:#EEF0F3;overflow:hidden;margin:14px 0 18px}
.az-voortgang span{display:block;height:100%;background:var(--kobalt);border-radius:99px}
.az-cijfers{display:flex;gap:36px;flex-wrap:wrap}
.az-cijfers div{display:flex;flex-direction:column}
.az-cijfers b{font-size:30px;line-height:1.1}
.az-cijfers span{font-size:13px;color:var(--grijs)}
.az-melding{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;margin-top:18px;padding:12px 14px;border-radius:12px;background:#FEF7E6;border:1px solid #F4D98B;font-size:14px}
.az-melding .mj-knop{min-height:40px;padding:0 16px;font-size:15px;border-radius:10px}
.az-melding.loopt{background:#EEF1FF;border-color:#C9D3FF;justify-content:flex-start}
.az-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid #C9D3FF;border-top-color:var(--kobalt);animation:az-d 1s linear infinite;flex:none}
@keyframes az-d{to{transform:rotate(360deg)}}
.az-bud-kop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.az-dozen{display:flex;gap:5px;margin:4px 0 14px}
.az-doos{width:22px;height:20px;border-radius:3px;border:1.3px solid #7A5A2E;background:#C9A96E;position:relative}
.az-doos::after{content:"";position:absolute;left:6px;right:6px;top:8px;height:1.5px;background:#7A5A2E}
.az-doos.inp{background:#F3E7CC;border-color:#B99A62}.az-doos.vrij{background:#fff;border-color:#D0D5DD}.az-doos.vrij::after{background:#D0D5DD}
.az-leg{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 16px;font-size:14px}
.az-leg dt{display:flex;align-items:center;gap:8px;color:#344054}.az-leg dd{margin:0;font-weight:700;text-align:right}
.az-leg dt span{width:12px;height:12px;border-radius:3px;background:#C9A96E;border:1px solid #7A5A2E}
.az-leg dt span.inp{background:#F3E7CC;border-color:#B99A62}.az-leg dt span.vrij{background:#fff;border-color:#D0D5DD}
.az-groen,.u-c-groen{color:#067647}.az-rood{color:#B42318}
.az-koop{min-height:40px;font-size:15px}
.az-fasen ol{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.az-fase b{display:block;font-size:15px;margin:10px 0 4px}
.az-fase p{font-size:13px;color:var(--grijs);margin:0 0 6px}
.az-bol{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1.5px solid #D0D5DD;font-weight:700;font-size:14px;color:#344054;background:#fff}
.az-fase.klaar .az-bol{background:#067647;border-color:#067647}
.az-fase.nu .az-bol{background:var(--kobalt);border-color:var(--kobalt);color:#fff;box-shadow:0 0 0 4px #E4E9FF}
.az-fase.ai .az-bol{color:var(--kobalt);border-style:dashed;border-color:#9AABFF}
.az-fst{font-size:12px;font-weight:700;color:var(--grijs)}
.az-fase.klaar .az-fst{color:#067647}.az-fase.nu .az-fst,.az-fase.ai .az-fst{color:var(--kobalt)}
a.az-fst{text-decoration:underline}
.az-kant{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);margin:14px 0 8px}
.az-start{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;background:#fff;border:1px solid var(--grijs-200);border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer}
.az-start:hover{border-color:var(--kobalt);background:#F7F8FF}
.az-start:focus-visible,.az-p-naam:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.az-st-n{flex:1;display:flex;flex-direction:column;min-width:0}.az-st-n span{font-size:13px;color:var(--grijs)}
.az-naar{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--kobalt);white-space:nowrap}
.az-av{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#E8DDC7;color:#5B3A1E;font-size:12px;font-weight:800;flex:none}
.az-tijd{list-style:none;margin:8px 0 0;padding:0}
.az-tijd li{display:grid;grid-template-columns:52px 14px 1fr;gap:8px;font-size:14px;padding:5px 0}
.az-tijd time{color:var(--grijs);font-size:13px}
.az-tijd li::before{content:"";grid-column:2;grid-row:1;width:8px;height:8px;border-radius:50%;background:#C9A96E;margin-top:6px}
.az-tijd li.laatst::before{background:var(--kobalt)}
.az-tijd time{grid-column:1;grid-row:1}.az-tijd li span{grid-column:3;grid-row:1}
.az-info{background:#EEF1FF;border-radius:12px;padding:12px 14px;margin:6px 0 10px;font-size:14px}
.az-info p{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.az-info p>b:first-of-type{color:var(--kobalt)}.az-info svg{color:var(--kobalt)}
.az-kies{display:flex;gap:8px;flex-wrap:wrap}
.az-pil{font:inherit;font-size:13px;font-weight:600;background:#fff;border:1px solid #D0D5DD;border-radius:8px;padding:6px 12px;cursor:pointer;min-height:34px}
.az-pil.blauw{color:var(--kobalt);border-color:var(--kobalt)}
.az-pil:hover{background:var(--grijs-100)}
.az-gen{border-top:1px solid var(--grijs-200)}
.az-gen summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0;cursor:pointer;list-style:none}
.az-gen summary::-webkit-details-marker{display:none}
.az-gen summary::before{content:"›";display:inline-block;width:14px;font-weight:700;transition:transform .15s}
.az-gen[open] summary::before{transform:rotate(90deg)}
.az-gen summary span{font-size:13px;color:var(--grijs)}
.az-p{display:flex;align-items:flex-start;gap:12px;padding:10px 0 10px 24px}
.az-p-in{flex:1;min-width:0}
.az-p-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0}
.az-p-naam{font:inherit;font-weight:700;background:none;border:0;padding:0;cursor:pointer;color:var(--inkt);text-align:left}
.az-p-naam:hover{color:var(--kobalt);text-decoration:underline}
.az-p-j{font-size:13px;color:var(--grijs)}
.az-z{font-size:12px;font-weight:700}.az-z.ok{color:#067647}.az-z.mid{color:#B54708}
.az-tag{font-size:12px;color:var(--grijs)}
.az-tag::before{content:"· "}
.az-tag.ai{color:var(--kobalt);background:#EEF1FF;border-radius:6px;padding:1px 7px;font-weight:600}.az-tag.ai::before{content:""}
.az-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.az-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--inkt);background:#F2F4F7;border-radius:8px;padding:4px 9px;text-decoration:none}
a.az-chip:hover{background:#E4E7EC}.az-chip.stil{color:var(--grijs)}
.az-vink{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;cursor:pointer;padding-top:4px}
.az-vink input{width:20px;height:20px;accent-color:var(--kobalt)}
.az-balk{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#101828;color:#fff;border-radius:14px;padding:10px 12px 10px 18px;margin-top:14px;box-shadow:0 10px 24px rgba(16,24,40,.25)}
.az-balk-s{color:#D0D5DD;font-size:14px;margin-left:8px}
.az-balk .mj-knop{min-height:44px;font-size:16px;padding:0 18px;border-radius:10px;gap:8px}
.az-balk .mj-knop:disabled{opacity:.5;cursor:not-allowed}
.az-arch{list-style:none;margin:6px 0 10px;padding:0}
.az-arch li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--grijs-100);font-size:14px}
.az-arch li>span{display:flex;flex-direction:column}.az-arch li>span span{font-size:13px;color:var(--grijs)}

.az-dlg .fv-dlg-in{display:flex;flex-direction:column;gap:14px;max-width:520px}
.az-dlg h2{margin:0}
.az-dlg-l{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.az-dlg-l li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--grijs-100)}.az-dlg-l li>span:nth-child(2){flex:1}
.az-tekort{margin:0;padding:10px 12px;border-radius:10px;background:#FEF3F2;color:#912018;font-size:14px}
.az-dlg-knop{display:flex;gap:10px;flex-wrap:wrap}
.bv{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;margin:0 auto;align-items:start}
.bv-links{position:sticky;top:16px}
.bv-terug{font-weight:700;color:var(--kobalt);text-decoration:none;font-size:15px}
.bv-links h1{margin:10px 0 8px}
.bv-pers{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:4px}
.bv-pers button{display:flex;align-items:center;gap:10px;width:100%;font:inherit;background:none;border:0;border-radius:12px;padding:8px 10px;cursor:pointer;text-align:left}
.bv-pers button b{flex:1;font-weight:600}.bv-pers button>span:last-child{font-size:13px;color:var(--grijs);font-weight:600}
.bv-pers button .blauw{color:var(--kobalt)!important}.bv-pers button .groen{color:#067647!important}
.bv-pers button.hier,.bv-pers button:hover{background:#F2F4F7}
.bv-geb{background:#FBF4E6;border-radius:12px;padding:12px 14px;font-size:14px;margin:0}
.bv-rechts{display:flex;flex-direction:column;gap:16px;min-width:0}
.bv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}
.bv-soort{font-weight:700;border-radius:6px;padding:2px 8px;background:#EEF1FF;color:#101828}
.bv-soort.verhaal{background:#FEF7E6}.bv-soort.akte{background:#ECFDF3}
.bv-zeker{font-weight:700}.bv-zeker.ok{color:#067647}.bv-zeker.mid{color:#B54708}
.bv-kaart h2{font-size:20px;margin:0 0 8px}
.bv-uitleg{margin:0 0 12px;line-height:1.55;color:#344054}
.bv-gevoelig{display:flex;gap:8px;align-items:flex-start;background:#FEF7E6;border:1px solid #F4D98B;color:#93370D;border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 12px}
.bv-gevoelig svg{flex:none;margin-top:2px}
.bv-bronnen{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:14px}.bv-bronnen>span:first-child{font-weight:600;color:#344054}
.bv-knoppen{display:flex;gap:10px;border-top:1px solid var(--grijs-100);padding-top:14px}
.bv-knoppen .mj-knop,.bv-knoppen .mj-twee{min-height:44px;font-size:16px;padding:0 18px;border-radius:10px;gap:8px}
.bv-knoppen .mj-twee{border-color:#D0D5DD}
.bv-klaar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--grijs-100);padding-top:12px;font-weight:700;font-size:15px}
.bv-klaar span{display:inline-flex;align-items:center;gap:6px}
.bv-klaar.goed span{color:#067647}.bv-klaar.af span{color:var(--grijs)}
.bv-kaart.goed,.bv-kaart.af{background:#FCFCFD}.bv-kaart.af h2,.bv-kaart.af .bv-uitleg{color:var(--grijs)}
a.k-bud-rond{text-decoration:none}
.k-bud-rond.hier{box-shadow:0 0 0 2px var(--kobalt)}
.k-bud-n{position:absolute;top:-6px;left:-6px;right:auto}
@media (max-width:1000px){.az-fasen ol{grid-template-columns:repeat(3,minmax(0,1fr))}.az-boven,.az-twee{grid-template-columns:1fr}.bv{grid-template-columns:1fr}.bv-links{position:static}}
@media (max-width:560px){.az-kaart{padding:16px}.az-fasen ol{grid-template-columns:1fr 1fr}.az-cijfers{gap:20px}.az-cijfers b{font-size:24px}.az-p{padding-left:0;flex-wrap:wrap}.az-vink{margin-left:48px}.az-balk-s{display:block;margin:2px 0 0}.az-balk .mj-knop{width:100%}.az-start .az-naar{font-size:0;gap:0}.az-start .az-naar svg{width:18px;height:18px}.bv-knoppen{flex-direction:column}}
@media (max-width:560px){.az-p-in{flex-basis:calc(100% - 48px)}.az-vink{padding-top:0}}

/* Gevonden in het archief: regel en bevestiging in het paneel, markering op het kaartje (9-11-2026) */
.pp-gevonden{display:flex;align-items:center;gap:8px;margin:0 20px 10px;padding:8px 10px;border-radius:10px;background:#ECFDF3;border:1px solid #ABEFC6;color:#05603A;font-size:14px}
.pp-gevonden span{flex:1}.pp-gevonden .mj-tekstknop{color:#05603A;font-weight:700}

@keyframes ppBev{from{transform:translateY(-4px);opacity:0}to{transform:none;opacity:1}}
.sb-k.bev{box-shadow:0 0 0 3px #47CD89,0 0 0 8px rgba(71,205,137,.25);animation:sbBev 1.2s ease-out 2}
@keyframes sbBev{0%{box-shadow:0 0 0 3px #47CD89,0 0 0 0 rgba(71,205,137,.5)}100%{box-shadow:0 0 0 3px #47CD89,0 0 0 14px rgba(71,205,137,0)}}
.sb-bev{position:absolute;right:8px;top:-11px;padding:1px 8px;border-radius:999px;background:#079455;color:#fff;font-size:11px;font-weight:800;line-height:18px}
/* Zoekpaneel: hoe we iemand in het archief zoeken */
.zp{padding:18px 20px 24px;font-size:15px;line-height:22px}.zp .pp-gevonden{margin:12px 0 0}
.zp h2{margin:4px 0 0;font-size:22px;line-height:28px}.zp-chip{margin-left:6px}
.zp-chip.zoekt{background:#EFF4FF;color:#1D3BD8}.zp-chip.kies,.zp-chip.nodig{background:#FFFAEB;color:#B54708}.zp-chip.niet{background:#F2F4F7;color:#344054}.zp-chip.ok{background:#ECFDF3;color:#05603A}
.zp-blok{margin-top:16px;padding-top:14px;border-top:1px solid var(--grijs-200)}
.zp-blok h3{margin:0 0 8px;font-size:15px}
.zp-dl{margin:0;display:grid;gap:6px}.zp-rij{display:grid;grid-template-columns:96px 1fr;gap:8px;font-size:14px}.zp-rij dt{color:var(--grijs-600)}.zp-rij dd{margin:0;font-weight:600}
.zp-sub{margin:10px 0 4px;font-size:13px;color:var(--grijs-600)}
.zp-akten{margin:0 0 8px;padding-left:18px;font-size:14px}
.zp-lijst{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.zp-k{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid #E2D5B0;background:#FBF7EE;font:inherit;color:inherit}
button.zp-k{cursor:pointer}button.zp-k:hover{background:#F3E9D2}
.zp-k b{display:block;font-size:14px}.zp-k small{display:block;font-size:12px;color:var(--grijs-600)}
.zp-bezig{display:flex;gap:10px;align-items:flex-start;margin:0 0 6px}
.zp-naar{margin-top:18px}

/* Familie erboven/eronder in- en uitklappen (9-11-2026) */
.sb-klap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.pp-klaprij .sb-klap{margin:0 20px 12px}
.sb-klap-k{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:14px;min-height:38px}
.sb-klap-k small{font-weight:500;color:var(--grijs-600);margin-left:2px}
.sb-klap-k.dicht{background:#EFF4FF;border-color:#A4BCFD;color:#1D3BD8}
.sb-klap-alles{font-size:14px}
.sb-boven-pil{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;padding:3px 10px;border-radius:999px;background:#1D3BD8;color:#fff;font-size:11px;font-weight:800;line-height:16px;cursor:pointer;box-shadow:0 2px 6px rgba(16,24,40,.2)}
.sb-boven-pil::after{content:'';position:absolute;left:50%;top:100%;height:12px;border-left:2px dashed #1D3BD8;transform:translateX(-1px)}
.sb-boven-pil:hover{background:#1530b0}

/* Zegel: warm goud in plaats van rood (rood = er wacht iets), met een groen vinkje als de klant bevestigde en het klopt (9-11-2026) */
.sb-zegel{filter:sepia(1) saturate(3.2) hue-rotate(-4deg) brightness(1.35)}
.sb-zegel-ok{position:absolute;left:8px;top:4px;z-index:2;width:15px;height:15px;border-radius:50%;background:#079455;color:#fff;border:1.5px solid #fff;font-size:9px;font-weight:900;line-height:12px;text-align:center;box-shadow:0 1px 2px rgba(16,24,40,.3)}
.lg-ok{display:inline-block;width:13px;height:13px;margin-right:4px;border-radius:50%;background:#079455;color:#fff;font-size:8px;font-weight:900;line-height:13px;text-align:center;font-style:normal;vertical-align:-1px}
.pe-av{position:relative}.pe-ok{left:auto;right:-4px;top:auto;bottom:-3px}

/* Partner uit de huwelijksakte: voorstel in het paneel (9-11-2026) */
.sb-huw{margin:0 20px 12px;padding:12px 14px;border-radius:12px;background:#FFFAEB;border:1px solid #FEDF89;font-size:14px;line-height:20px;color:#4a3524}
.sb-huw p{margin:0 0 10px}.sb-huw a{color:#1D3BD8;font-weight:600;white-space:nowrap}
.sb-huw-k{display:flex;flex-wrap:wrap;gap:8px}
.sb-huw .mj-knop,.sb-huw .mj-twee{min-height:38px;padding:7px 14px;font-size:14px}
.pp-gevonden img{filter:sepia(1) saturate(3.2) hue-rotate(-4deg) brightness(1.35)} /* zelfde goud als het zegel op het kaartje */

/* Familiewaaier: iemand uit de stamboom kiezen, bij een echtpaar ook 'Alleen …' (9-11-2026) */
.wv-res .wv-en{font-weight:500}
.wv-res button.wv-alleen{display:block;width:auto;margin:-4px 0 6px 52px;padding:4px 10px;border:1px solid var(--grijs-300,#d0d5dd);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:#1D3BD8;min-height:0}
.wv-res button.wv-alleen:hover{background:#EFF4FF}

/* Paneel: zegel naast de prullenbak, zwarte vensters bij aanwijzen, bevestigde akten met vinkjes (9-11-2026) */
.pp-tipw{position:relative}
.pp-tip{display:none;position:absolute;top:calc(100% + 8px);z-index:90;width:max-content;max-width:260px;padding:10px 12px;border-radius:10px;background:#101828;color:#fff;text-align:left;font-size:13px;line-height:18px;font-weight:500;box-shadow:0 8px 24px rgba(16,24,40,.25);pointer-events:none;white-space:normal}
.pp-tip b{display:block;font-size:14px;margin-bottom:2px}.pp-tip em{display:block;margin-top:4px;font-style:normal;color:#FEC84B;font-size:12px}
.pp-tip-l{left:0}.pp-tip-r{right:-4px}
.pp-tipw:hover>.pp-tip,.pp-tipw:focus-visible>.pp-tip,.pp-tipw:focus-within>.pp-tip{display:block}
.pp-kz{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;cursor:help}
.pp-kz img{filter:sepia(1) saturate(3.2) hue-rotate(-4deg) brightness(1.35)}
.pp-kz .sb-zegel-ok{left:auto;right:2px;top:auto;bottom:2px}
.pp-kz:focus-visible{outline:3px solid #B2C2FF;outline-offset:2px}

.pv-fk-tel{margin:0 0 10px;font-size:14px;line-height:20px;color:var(--grijs-700,#344054)}
.az-info .az-info-s{font-size:13px;color:#475467;margin:-4px 0 10px}
.az-vink.az-niet{color:#667085;font-size:13px;cursor:help;padding:4px 0}
/* Archiefdoos in de kop (9-11-2026): draaiende ring zolang er gezocht wordt (geel: het gewone onderzoek, blauw: aanvullend
   onderzoek); blauw en oplichtend als er nieuwe resultaten zijn, tot je erop klikt */
.k-bud-draai{position:absolute;inset:-5px;border-radius:999px;border:3px solid transparent;pointer-events:none;animation:kbDraai 1.1s linear infinite}
.k-bud-draai.geel{border-top-color:#E3A008;border-right-color:rgba(227,160,8,.35)}
.k-bud-draai.blauw{border-top-color:#2F55FF;border-right-color:rgba(47,85,255,.35)}
@keyframes kbDraai{to{transform:rotate(360deg)}}
.k-bud-rond.nieuw{border-color:#2F55FF;background:#EEF1FF;animation:kbGloei 1.6s ease-out infinite}
@keyframes kbGloei{0%{box-shadow:0 0 0 0 rgba(47,85,255,.55)}70%{box-shadow:0 0 0 10px rgba(47,85,255,0)}100%{box-shadow:0 0 0 0 rgba(47,85,255,0)}}
@media (prefers-reduced-motion:reduce){.k-bud-draai{animation-duration:3s}.k-bud-rond.nieuw{animation:none;box-shadow:0 0 0 3px rgba(47,85,255,.45)}}
/* Verhalen en aktes: tabbladen Uit de akten en Tijdsverhalen (9-11-2026) */
.av-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--grijs-100);width:max-content;max-width:100%;flex-wrap:wrap}
.av-tabs button{min-height:40px;padding:0 14px;border:0;border-radius:9px;display:flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;background:transparent;color:var(--grijs-600)}
.av-tabs button[aria-selected=true]{background:#fff;color:var(--inkt);box-shadow:0 1px 2px rgba(16,24,40,.08)}
.av-tabs button span{font-size:12px;font-weight:700;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--grijs-200);color:var(--grijs-700)}
.av-tabs button[aria-selected=true] span{background:var(--inkt);color:#fff}
#av-tabvak{display:grid;gap:10px}
.tv-kop{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.tv-kop .av-tel{margin:0;flex:1 1 220px}
.tv-filter{width:max-content;max-width:100%}.tv-filter button{min-height:34px;padding:0 10px;font-size:13px}
.tv-lijst{list-style:none;margin:0;padding:0;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;overflow:hidden}
.tv-r{display:grid;grid-template-columns:132px 1fr;gap:6px 14px;padding:12px 14px;border-top:1px solid var(--grijs-200)}
.tv-r:first-child{border-top:0}
.tv-r.aan{background:var(--kobalt-25,#F2F5FF);box-shadow:inset 3px 0 0 var(--kobalt,#2F49D1)}
.tv-r.mind .tv-in b{color:var(--grijs-600);font-weight:600}
.tv-beeld{width:132px;height:92px;border-radius:8px;overflow:hidden;background:var(--zacht-warm);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--grijs-600)}
.tv-beeld img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:sepia(.2)}
.tv-in{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.tv-vink{display:flex;gap:9px;align-items:flex-start;cursor:pointer;font-size:16px;line-height:1.3}
.tv-vink input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--inkt);cursor:pointer}
.tv-vink:has(input:disabled){cursor:default}
.tv-meta{font-size:13px;color:var(--grijs-600)}
.tv-waarom{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--grijs-700)}
.tv-r.mind .tv-waarom{color:var(--grijs-600)}
.tv-tag-a{background:var(--kobalt-25,#E8EDFF)!important;color:var(--kobalt-h,#1F35A8)!important}
.tv-in .av-open{grid-column:auto;margin:2px 0 0}
.tv-zie{font-size:13px;padding:0}
.tv-tekst{grid-column:1/-1;margin-top:4px}
.pv-zij .tv-r,.pv-avlijst .tv-r{grid-template-columns:96px 1fr}
.pv-zij .tv-beeld,.pv-avlijst .tv-beeld{width:96px;height:70px}
@media (max-width:640px){.tv-r{grid-template-columns:88px 1fr}.tv-beeld{width:88px;height:64px}}
.sb-ugast{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:10px 12px;border:1px dashed #D0D5DD;border-radius:10px;font-size:14px}.sb-ugast .mj-twee{align-self:flex-start}

/* Archief: ✓ en ✗ per akte; afgekeurde akten blijven zichtbaar (10-11-2026) */
.arb-jn{display:inline-flex;gap:4px;flex:none;align-items:center;margin-right:4px}
.arb-jn button{width:34px;height:34px;border-radius:50%;border:2px solid var(--grijs-300,#d0d5dd);background:#fff;color:var(--grijs-500,#667085);font-size:15px;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.arb-jn .arb-ja:hover{border-color:#12805C;color:#12805C}.arb-jn .arb-nee:hover{border-color:#B42318;color:#B42318}
.arb-jn .arb-ja.aan{background:#12805C;border-color:#12805C;color:#fff}
.arb-jn .arb-nee.aan{background:#B42318;border-color:#B42318;color:#fff}
.arb-jn button:focus-visible{outline:3px solid #B2C2FF;outline-offset:2px}
.arb-rij.nee .arb-rij-t b,.arb-rij.nee .arb-rij-t small{color:var(--grijs-500,#667085)}
.arb-rij.nee .arb-rij-t b{text-decoration:line-through;text-decoration-thickness:1.5px}
.arb-rij.nee .arb-rij-t em{color:#B42318}

/* Archiefonderzoek kan nog niet: ouders invullen of iemand vragen (10-11-2026) */
.arb-ou{display:grid;gap:10px;padding:12px 14px;margin:0 0 10px;border-radius:12px;background:#fff;border:1px solid #E2D5B0;font-size:14px;line-height:20px;text-align:left}
.arb-ou-k{display:flex;flex-wrap:wrap;gap:8px}
.arb-ou-k .mj-knop,.arb-ou-k .mj-twee{min-height:40px;padding:8px 14px;font-size:14px}
.arb-ou-v{display:grid;grid-template-columns:1fr 84px;gap:6px}
.arb-ou-v label{grid-column:1/-1;font-weight:700;font-size:13px}
.arb-ou-v input{min-height:40px;padding:8px 10px;border:1px solid var(--grijs-300,#d0d5dd);border-radius:8px;font:inherit;font-size:15px}
.hv-uitleg{margin:-2px 0 8px}
.hv-anders{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--grijs-200,#eaecf0);font-size:14px;line-height:20px}
.hv-anders .mj-twee{justify-self:start;min-height:40px;padding:8px 14px;font-size:14px}
/* Meisjesnaam: vriendelijke melding als een vrouw de achternaam van haar man heeft (10-11-2026) */
.pp-mn{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#FFF7E6;border:1px solid #F5D9A8;font-size:14px;line-height:1.45}
.pp-mn .mj-tekstknop{display:block;margin-top:6px;font-size:14px}
/* Aanvullend onderzoek per aanvraag (10-11-2026): voor wie, stand en bevindingen */
.az-avl-l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.az-avl-i{padding:12px 14px;border:1px solid #EAECF0;border-radius:12px;background:#fff;display:grid;gap:6px}
.az-avl-i.loopt{border-color:#C9D3FF;background:#F7F8FF}.az-avl-i.pauze{border-color:#FEDF89;background:#FFFCF5}
.az-avl-k{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#475467}
.az-avl-st{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-weight:700;font-size:13px;background:#ECFDF3;color:#067647}
.az-avl-st.loopt{background:#EEF1FF;color:#2F55FF}.az-avl-st.pauze{background:#FEF0C7;color:#93370D}
.az-avl-st .az-spin{width:12px;height:12px;border-width:2px}
.az-avl-w,.az-avl-r{margin:0;font-size:14px;line-height:20px}
.az-avl-n{background:none;border:0;padding:0;font:inherit;color:var(--kobalt,#2F55FF);text-decoration:underline;cursor:pointer}
.az-avl-kn .mj-knop,.az-avl-kn .mj-twee{min-height:40px;padding:8px 14px;font-size:14px}
.bv-filter{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#EEF1FF;font-size:14px}
/* Wie weet hier meer van? Iemand anders, buiten de stamboom (11-11-2026) */
.vf-anders{border-style:dashed}
.vf-anders-ik{width:30px;height:30px;border-radius:50%;background:var(--kobalt-50,#EEF1FF);color:var(--kobalt,#2F55FF);display:inline-flex;align-items:center;justify-content:center;flex:none}
.vf-anders-in{display:grid;gap:6px}
.vf-kopie{display:inline-flex;align-items:center;gap:8px}
.vf-klaar{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:#ECFDF3;border:1px solid #ABEFC6}
/* Samenstellingen Compact, Aanbevolen, Uitgebreid (11-11-2026) */
.sm-dlg{max-width:860px;width:calc(100% - 24px)}
.sm-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0}
.sm-k{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px 16px;border:1.5px solid #D0D5DD;border-radius:14px;background:#fff;cursor:pointer}
.sm-k input{position:absolute;opacity:0;pointer-events:none}
.sm-k.sel{border-color:var(--kobalt,#2F55FF);background:#F7F8FF;box-shadow:0 0 0 3px rgba(47,85,255,.15)}
.sm-k:focus-within{outline:2px solid var(--kobalt,#2F55FF);outline-offset:2px}
.sm-lbl{position:absolute;top:-11px;left:14px;padding:2px 10px;border-radius:999px;background:var(--kobalt,#2F55FF);color:#fff;font-size:12px;font-weight:700}
.sm-n{font-size:19px}.sm-z{font-size:14px;line-height:20px;color:#475467;flex:1}
.sm-p{font-size:15px;margin-top:6px}.sm-weg{font-size:13px;color:#B42318}.sm-nu{font-size:13px;color:#067647;font-weight:700}
.pv-ri-sm{margin-top:6px}
@media (max-width:720px){.sm-rij{grid-template-columns:1fr}}
/* Melding bij het inloggen (instelbaar in het beheer) */
.lm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1136px;margin:12px auto 0;padding:12px 16px;border-radius:12px;background:#EEF1FF;border:1px solid #C9D3FF;font-size:15px;line-height:22px}
.lm p{margin:0;flex:1;min-width:220px}.lm .lm-x{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:#344054;padding:4px 8px}
@media (max-width:1180px){.lm{margin-left:12px;margin-right:12px}}
/* ---------- Stamboom na het usability-onderzoek (11-11-2026): gezinsweergave, Te doen, archiefregel, tellers, ongedaan maken ---------- */
.sb-weerg{flex:none}
.sb-pad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--grijs)}
.sb-pad .mj-link{font-size:14px;min-height:32px;padding:0 2px}
.sb-pad [aria-current]{font-weight:800;color:var(--inkt)}
.sb-pad-s{color:var(--grijs-300)}
.sb-fsk{display:inline-flex;align-items:center;gap:6px;flex:none}
.sb-in .sb-k.focus{border:3px solid var(--kobalt);box-shadow:0 0 0 5px var(--kobalt-100),0 8px 20px rgba(16,24,40,.12)}
.sb-in .sb-k.focus.sel{border-color:var(--kobalt)}
.sb-in .sb-k.klein{opacity:.82;transform:scale(.9);transform-origin:center bottom}
.sb-in .sb-k.klein:hover,.sb-in .sb-k.klein:focus-visible{opacity:1}
.sb-k.afgewezen{opacity:.55;border-style:dashed}
.sb-k.afgewezen b{text-decoration:line-through}
.sb-meer{border-style:dashed;background:var(--grijs-50)}
.sb-ringv{position:absolute;right:7px;bottom:7px;width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--kobalt) calc(var(--v) * 360deg),var(--grijs-200) 0);-webkit-mask:radial-gradient(circle,transparent 3.5px,#000 4px);mask:radial-gradient(circle,transparent 3.5px,#000 4px)}
.sb-ringv.vol{background:var(--groen)}
.lg-ring{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;background:conic-gradient(var(--kobalt) 220deg,var(--grijs-200) 0);-webkit-mask:radial-gradient(circle,transparent 3px,#000 3.5px);mask:radial-gradient(circle,transparent 3px,#000 3.5px)}
.sb-ri.stil .sb-tip{display:none!important}
/* volledig scherm: de kop van de site en de boekbalk weg */
body.sb-fs .mj-kop,body.sb-fs #mj-stap,body.sb-fs .mj-stap{display:none!important}
body.sb-fs .sb.vol{top:0!important}
/* archiefregel bovenaan het paneel */
.sb-areg{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--grijs-200);background:var(--grijs-50);font-size:14px;line-height:1.45}
.sb-areg p{margin:0;flex:1}
.sb-areg .mj-knop,.sb-areg .mj-twee{flex:none;min-height:36px;padding:4px 12px;font-size:14px;align-self:center}
.sb-areg-i{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--grijs-200);font-weight:800;color:var(--grijs)}
.sb-areg.ok{background:var(--mint);border-color:#B7E4C7}.sb-areg.ok .sb-areg-i{color:var(--groen);border-color:#B7E4C7}
.sb-areg.wacht{background:#FEF6EE;border-color:#F9DBAF}.sb-areg.wacht .sb-areg-i{color:#B93815;border-color:#F9DBAF}
.sb-areg.mist{background:#FFFAEB;border-color:#FEDF89}.sb-areg.mist .sb-areg-i{color:#B54708;border-color:#FEDF89}
.sb-areg.kan{background:var(--kobalt-100);border-color:var(--kobalt-200)}.sb-areg.kan .sb-areg-i{color:var(--kobalt);border-color:var(--kobalt-200)}
/* tellers */
.sb-tel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0 0}
.sb-tel-i{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid var(--grijs-200);background:#fff;font-size:13px}
.sb-tel-t{color:var(--grijs)}.sb-tel-t b{color:var(--inkt)}
.sb-tel-b{height:6px;border-radius:999px;background:var(--grijs-100);overflow:hidden}.sb-tel-b i{display:block;height:100%;background:var(--kobalt);border-radius:999px}
.sb-tel-i.a .sb-tel-b i{background:#B54708}.sb-tel-i.vol .sb-tel-b i{background:var(--groen)}
.sb-tel-m{color:var(--grijs);font-size:12px;line-height:1.35}.sb-tel-i.vol .sb-tel-m{color:var(--groen);font-weight:700}
.pp-aik{display:inline-flex;align-items:center;margin-left:4px;color:#B54708;vertical-align:-1px}
.pp-aik-u{margin:0 0 6px;font-size:13px;color:var(--grijs)}
/* snelle vragen na het toevoegen */
.sb-snel{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--kobalt-100)}
.sb-snel p{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.sb-snel p span{font-weight:700;margin-right:4px}
.pp-pil-k{min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--grijs-300);background:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.pp-pil-k.aan,.pp-pil-k[aria-pressed="true"]{border-color:var(--kobalt);background:var(--kobalt);color:#fff}
.pp-pil-k:focus-visible{outline:3px solid #B2C2FF;outline-offset:2px}
/* vergelijkkaart: wat jij invulde naast de akte */
.sb-vgl{margin:10px 0 4px;padding:12px;border:1.5px solid var(--kobalt-200);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:10px}
.sb-vgl table{width:100%;border-collapse:collapse;font-size:13px}
.sb-vgl th,.sb-vgl td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--grijs-100);vertical-align:top}
.sb-vgl thead th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);font-weight:800}
.sb-vgl tbody th{color:var(--grijs);font-weight:600;white-space:nowrap}
.sb-vgl td:last-child{width:22px;text-align:center;font-weight:800}
.sb-vgl tr.ok td:last-child{color:var(--groen)}.sb-vgl tr.nee td:last-child{color:var(--rood)}.sb-vgl tr.nee td:nth-child(3){background:#FEF3F2}.sb-vgl tr.leeg td:last-child{color:var(--grijs-300)}
.sb-vgl-t{margin:0;font-size:14px;line-height:1.45}
.sb-vgl-k{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sb-vgl-k .mj-knop,.sb-vgl-k .mj-twee{min-height:44px}
.sb-ozr{margin-top:10px}
/* Te doen */
.sb-td-u{margin:-6px 0 0;font-size:12px;color:var(--grijs)}
.sb-td.kies,.sb-td.bevestig{border-left:4px solid #F79009}
.sb-td.vul{border-left:4px solid #FDB022}
.sb-td.info{border-left:4px solid var(--grijs-200)}
.sb-td-later{font-size:11px;font-weight:700;color:var(--grijs);background:var(--grijs-100);border-radius:999px;padding:1px 6px;margin-left:4px}
.sb-td-oz{font-size:13px}.sb-td-weg{align-self:flex-start;font-size:14px}
.az-td{display:flex;flex-direction:column;gap:10px}
.sb-ovz-st{margin:6px 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45;color:var(--inkt)}
.sb-ovz-td{align-self:flex-start;margin-top:4px}
/* ongedaan maken */
.sb-undo{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9500;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 10px 10px 16px;border-radius:14px;background:var(--inkt);color:#fff;box-shadow:0 12px 32px rgba(16,24,40,.3);font-size:15px}
.sb-undo .mj-twee{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);min-height:40px}
.sb-undo .mj-knop{min-height:40px}
.sb-undo-x{width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.sb-wg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sb-wg li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--grijs-200);border-radius:10px}
.sb-wg small{display:block;color:var(--grijs);font-size:13px}
.pp-meer-k{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pp-weg{display:inline-flex;align-items:center;gap:6px;color:var(--rood)}
/* telefoon: de lijst */
.sb-lijst-kop{display:flex;flex-direction:column;gap:8px;margin:0 0 6px}
.sb-lp.focus{border:2.5px solid var(--kobalt);box-shadow:0 0 0 4px var(--kobalt-100)}
@media (max-width:759px){.sb-undo{bottom:12px;font-size:14px}.sb-tel{grid-template-columns:1fr 1fr}}
.sb-uit > *{flex-shrink:0}
.sb-uit .sb-td{min-height:52px;height:auto}
.sb-lk.klein{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sb-lk.klein .sb-lp{min-height:44px;padding:6px 10px}
.sb-lk.klein .sb-lp b{font-size:14px}
.sb-td-dlg .fv-dlg-in{display:flex;flex-direction:column;gap:10px}
.sb-td-dlg .sb-ua{min-height:52px}
button.sb-mk{font:inherit;cursor:pointer}
.pp-voet-weg{display:inline-flex;align-items:center;gap:6px;margin-left:14px;min-height:44px;color:var(--rood,#B42318);font-weight:700}
.pp-voet > span:first-child{display:inline-flex;align-items:center;flex-wrap:wrap}
/* Verdwenen tak: de klant beslist (11-11-2026) */
.sb-weg{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:10px 16px 0;padding:12px 16px;border:1px solid #F5C26B;background:#FFF8EB;border-radius:12px;font-size:15px;line-height:1.45}
.sb-weg-t{flex:1 1 320px}.sb-weg-k{display:flex;gap:8px;flex-wrap:wrap}.sb-weg-k button{min-height:40px}
/* Motiveren (ontwerp 11-11-2026): één vraag tegelijk, de poort naar het archief, de tijdbalk en het voorbeeld */
.vq-dlg .fv-dlg-in{max-width:480px}
.vq-tel{margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs)}
.vq-keus{display:flex;flex-wrap:wrap;gap:8px}
.vq-k{min-height:48px;padding:0 18px;border-radius:12px;border:1.5px solid var(--grijs-300);background:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.vq-k:hover{border-color:var(--kobalt,#2B4EFF);background:#F5F7FF}
.vq-rij{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
@media (max-width:480px){.vq-rij{grid-template-columns:1fr}}
.sb-k.leeg.poort{background:#FAF5E9;border-color:#B79A5E;color:#6B4000;flex-direction:column;gap:2px}
.sb-k.leeg.poort small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6B4000}
.sb-poort{display:flex;flex-direction:column;gap:12px;padding:16px;margin:0 0 18px;border-radius:16px;background:#fff;border:1.5px solid var(--grijs-200)}
.sb-poort h3{margin:0;font-size:19px;line-height:25px}
.sb-poort .mj-kicker{margin:0}
.sb-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sb-pt{display:flex;gap:12px;align-items:flex-start}.sb-pt b{display:block;font-size:15px;line-height:20px}.sb-pt small{display:block;font-size:13px;line-height:18px;color:var(--grijs)}
.sb-pt-b{width:26px;height:26px;flex:none;box-sizing:border-box;border-radius:999px;border:2px solid var(--grijs-300);background:#fff;display:inline-flex;align-items:center;justify-content:center}
.sb-pt.ok .sb-pt-b{border:0;background:#E7F6EC;color:#1B7A3E}
.sb-pt.nu .sb-pt-b{border:2.5px solid var(--kobalt,#2B4EFF)}
.sb-pt.slot .sb-pt-b{border:1px solid #E3D3AE;background:#FAF5E9;color:#6B4000}
.sb-poort-uit{padding:12px;border-radius:12px;background:#FAF5E9;border:1px solid #E3D3AE;font-size:13px;line-height:19px;color:#4A3200}.sb-poort-uit b{display:block;font-size:14px;color:#101828;margin-bottom:2px}
.sb-poort .mj-tekstknop{align-self:flex-start;text-align:left}
.sb-poort.open{background:#F5F7FF;border-color:#C7D2FE}
.sb-vp-rij{display:flex;min-height:0}.sb-vp-rij>.sb-vp{flex:1 1 auto;min-width:0}.sb.vol .sb-vp-rij{flex:1 1 auto}
.sb-tijd{position:relative;flex:none;width:150px;box-sizing:border-box;border-right:1px solid var(--grijs-200);background:#fff}
.sb-tijd .sb-tijd-as{top:28px;bottom:92px}
.sb-tijd-as{position:absolute;left:50px;width:4px;background:var(--grijs-300);border-radius:2px}
.sb-tijd-arch{position:absolute;left:0;width:0;border-left:3px dashed #B79A5E;background:var(--grijs-50)}
.sb-tijd.zoekt .sb-tijd-arch,.sb-tijd.open .sb-tijd-arch{border-left-color:var(--kobalt,#2B4EFF)}
.sb-tijd-vol{position:absolute;left:-1px;width:6px;bottom:0;background:var(--kobalt,#2B4EFF);border-radius:3px}
.sb-tijd-t{position:absolute;left:-6px;width:14px;height:1px;background:#98A2B3}.sb-tijd-t i{position:absolute;right:20px;top:-8px;font-style:normal;font-size:11px;font-weight:600;color:var(--grijs)}
.sb-tijd-nu{position:absolute;left:-8px;width:20px;height:20px;margin-top:-10px;box-sizing:border-box;border-radius:999px;background:var(--kobalt,#2B4EFF);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--kobalt,#2B4EFF)}
.sb-tijd-nu b{position:absolute;left:26px;top:-8px;width:120px;font-size:12px;line-height:15px;color:#1A36CC;background:rgba(255,255,255,.85);border-radius:6px;padding:1px 4px}
.sb-tijd-lbl{position:absolute;left:14px;width:96px;display:flex;gap:4px;align-items:flex-start;font-size:11px;line-height:14px;color:#6B4000;background:rgba(255,255,255,.85);border-radius:6px;padding:2px 4px}
.sb-tijd.zoekt .sb-tijd-lbl,.sb-tijd.open .sb-tijd-lbl{color:#1A36CC}
.sb-tijd-lbl svg{flex:none;margin-top:1px}
@media (max-width:899px){.sb-tijd{display:none}}
.sb-tijd .sb-tijd-as{left:44px}.sb-tijd-nu b{width:90px;left:24px}.sb-tijd-lbl{width:90px;left:12px}
.sb-vb-dlg .fv-dlg-in{max-width:760px}
.sb-vb-boom{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--grijs-50);border:1px solid var(--grijs-200);overflow-x:auto}
.sb-vb-rij{display:flex;justify-content:center;gap:8px;position:relative;padding-left:44px}
.sb-vb-rij i{position:absolute;left:0;top:10px;font-style:normal;font-size:12px;font-weight:700;color:var(--grijs)}
.sb-vb-rij span{min-width:76px;height:38px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:#FAF5E9;border:1.5px solid #E3D3AE;display:flex;align-items:center;justify-content:center;font:14px 'IM Fell English',Georgia,serif}
.sb-vb-rij.zelf span{background:#fff;border-color:var(--grijs-300);font:700 13px 'Plus Jakarta Sans',system-ui,sans-serif}
.sb-vb-rij.ik span{border:2px solid var(--kobalt,#2B4EFF)}
.sb-vb-leg{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--grijs)}.sb-vb-leg span{width:18px;height:14px;border-radius:4px;display:inline-block}.sb-vb-leg .a{background:#FAF5E9;border:1.5px solid #E3D3AE}.sb-vb-leg .z{background:#fff;border:1.5px solid var(--grijs-300);margin-left:10px}
/* Feedback 11-11-2026: partners (gescheiden, van-tot), lege plekken uit, wat jij weet van een voorouder */
.pp-rel{display:flex;flex-direction:column;gap:12px;margin:0 0 12px}
.pp-rel-r{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--grijs-200);background:#fff}
.pp-rel-n{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700}
.pp-rel-k{display:flex;gap:6px;flex-wrap:wrap}
.pp-rel .mj-twee{align-self:flex-start}
.pp-gk{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--grijs-200)}
.pp-gk-k{flex-wrap:wrap}
.ppv-vrij{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:10px}

/* ===== Plusjes aan het kaartje, schakelaar en miniatuur (Ortwin 12-11-2026; claude/analyse-plusknoppen-kintree.md) ===== */
.sb-hg{position:absolute;width:156px;height:78px;pointer-events:none;z-index:3}
.sb-hg.klein{transform:scale(.9);transform-origin:center bottom}
.sb-h{position:absolute;pointer-events:auto;width:28px;height:28px;transform:scale(var(--sbinv,1));padding:0;border-radius:50%;border:1.5px solid var(--kobalt);background:#fff;color:var(--kobalt);font:700 18px/1 inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(16,24,40,.12);opacity:0;visibility:hidden;transition:opacity .12s,visibility 0s .12s,transform .12s}
.sb-h:hover,.sb-h:focus-visible{background:var(--kobalt);color:#fff;transform:scale(calc(var(--sbinv,1) * 1.12))}
.sb-h:focus-visible{outline:3px solid var(--kobalt-200);outline-offset:2px}
.sb-h-o{left:calc(50% - 14px);top:-15px}
.sb-h-z{right:-15px;top:calc(50% - 14px)}
.sb-h-k{left:calc(50% - 14px);bottom:-15px}
.sb-h-x{right:-11px;top:-11px;width:24px;height:24px;font-size:15px;border-color:var(--grijs-300);color:var(--grijs-600)}
.sb-h-x:hover,.sb-h-x:focus-visible{background:var(--rood);border-color:var(--rood);color:#fff}
.sb-k:hover+.sb-hg .sb-h,.sb-k:focus-visible+.sb-hg .sb-h,.sb-hg:hover .sb-h,.sb-hg:focus-within .sb-h,.sb-hg.mob .sb-h{opacity:1;visibility:visible;transition-delay:0s}
/* telefoon: bij de persoon in het midden, altijd zichtbaar en groot genoeg om te raken */
.sb-lpw{position:relative;margin:24px 0}
.sb-lpw>.sb-lp{width:100%}
.sb-hg.mob{position:absolute;inset:0;width:auto;height:auto}
.sb-hg.mob .sb-h{width:40px;height:40px;font-size:22px;transform:none}
.sb-hg.mob .sb-h-o{left:calc(50% - 20px);top:-20px}
.sb-hg.mob .sb-h-z{right:10px;top:calc(50% - 20px)}
.sb-hg.mob .sb-h-k{left:calc(50% - 20px);bottom:-20px}
.sb-hg.mob .sb-h-x{right:-6px;top:-14px;width:32px;height:32px;font-size:18px}
.sb-lpw .sb-lp{padding-right:60px}
/* het menuutje aan het plusje */
.sb-hmenu{position:fixed;z-index:9500;background:#fff;border:1px solid var(--grijs-200);border-radius:14px;box-shadow:0 12px 32px rgba(16,24,40,.18);padding:12px;min-width:200px;max-width:min(320px,calc(100vw - 16px))}
.sb-hm-t{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--grijs-600)}
.sb-hm-k{display:flex;flex-wrap:wrap;gap:6px}
.sb-hm-k .mj-twee{min-height:40px}
.sb-hm-f{display:flex;flex-direction:column;gap:8px}
.sb-hm-f label{font-size:14px;font-weight:700}
.sb-hm-r{display:flex;gap:6px}
.sb-hm-r input{flex:1;min-width:0;border:2px solid var(--kobalt);border-radius:8px;padding:9px 10px;font:inherit}
/* schakelaar Plusjes */
.sb-knuit{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--grijs-300);border-radius:999px;background:#fff;padding:5px 12px 5px 6px;font:inherit;font-size:13px;font-weight:600;color:var(--inkt);cursor:pointer;flex:none}
.sb-sw{position:relative;width:30px;height:18px;border-radius:999px;background:var(--grijs-300);transition:background .15s}
.sb-sw::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}
.sb-knuit[aria-checked="true"] .sb-sw{background:var(--kobalt)}
.sb-knuit[aria-checked="true"] .sb-sw::after{transform:translateX(12px)}
.sb-knuit:focus-visible{outline:3px solid var(--kobalt-200);outline-offset:2px}
.sb-lijst-voet{display:flex;justify-content:center;padding:18px 0 6px}
/* miniatuur rechtsonder */
.sb-mm{position:absolute;right:14px;bottom:14px;z-index:6;width:196px;padding:8px 10px 10px;border:1px solid var(--grijs-200);border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(16,24,40,.1);cursor:pointer;text-align:left;font:inherit;color:var(--inkt)}
.sb-mm:hover{border-color:var(--kobalt);box-shadow:0 6px 18px rgba(43,78,255,.16)}
.sb-mm:focus-visible{outline:3px solid var(--kobalt-200);outline-offset:2px}
.sb-mm-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:700;margin-bottom:6px}
.sb-mm-t small{font-weight:500;color:var(--grijs-600);font-size:11px}
.sb-mm-v{position:relative;display:block;width:176px;height:92px;border-radius:8px;background:var(--grijs-50);overflow:hidden}
.sb-mm-v i{position:absolute;background:var(--grijs-300);border-radius:2px}
.sb-mm-v i.a{background:var(--perk-d)}
.sb-mm-v i.ik{background:var(--inkt)}
.sb-mm-v i.f{background:var(--kobalt)}
.sb-mm-k{position:absolute;border:2px solid var(--kobalt);border-radius:4px;background:rgba(43,78,255,.08)}
.sb.vol.sb2 .sb-onder.sb2-leg{right:226px}
.sb2-leg .sb-knuit{margin-right:4px}
/* de tijdbalk beweegt mee met de stamboom (12-11-2026): posities zet sbTijdZet() */
.sb-tijd.mee{overflow:hidden}
.sb-tijd.mee .sb-tijd-t{left:44px}
.sb-tijd.mee .sb-tijd-nu{left:42px;z-index:2}
.sb-tijd.mee .sb-tijd-nu.pin{opacity:.9}
.sb-tijd.mee .sb-tijd-lbl{left:64px;margin-top:-8px}
.sb-tijd.mee .sb-tijd-vol{bottom:auto}
.sb-in.verweg .sb-hg{display:none}
/* ===== Eerste gegevens van een nieuw familielid (Ortwin 12-11-2026) ===== */
.pp-eerst{display:flex;flex-direction:column;gap:14px;padding:18px 18px 12px}
.pp-e-kop{position:relative;padding-right:36px}
.pp-e-kop h2{margin:2px 0 4px;font-size:22px;line-height:1.2}
.pp-e-kop .fv-x{position:absolute;right:0;top:0}
.pp-e{display:flex;flex-direction:column;gap:10px;padding:0}
.pp-e-stap{border:1px solid var(--grijs-200);border-radius:12px;padding:10px 12px 12px;margin:0;display:flex;flex-direction:column;gap:8px;background:#fff}
.pp-e-stap:focus-within{border-color:var(--kobalt);box-shadow:0 0 0 3px var(--kobalt-100)}
.pp-e-stap legend{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:0 4px}
.pp-e-stap legend b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--kobalt);color:#fff;font-size:12px}
.pp-e-seg{display:flex}
.pp-e-arch{border-radius:12px;background:var(--grijs-50);padding:10px 12px;position:sticky;top:0;z-index:2;box-shadow:0 0 0 6px #fff}
.pp-e-arch .sb-areg{margin:0;background:transparent;padding:0;border:0}
.pp-e-arch h3{margin:0 0 8px;font-size:14px}
.pp-e-lijst{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}
.pp-e-lijst li{display:flex;gap:8px;align-items:baseline;color:var(--grijs-600)}
.pp-e-lijst li span{width:14px;color:var(--grijs-400)}
.pp-e-lijst li.ok{color:var(--inkt)}
.pp-e-lijst li.ok span{color:var(--groen)}
.pp-e-lijst small{color:var(--grijs-500)}
.pp-e-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;bottom:0;background:#fff;padding:10px 0 4px;border-top:1px solid var(--grijs-200)}
/* zwarte uitleg bij de miniatuur */
.sb-mm-tip{position:absolute;right:0;bottom:calc(100% + 8px);width:220px;background:var(--inkt);color:#fff;font-size:13px;font-weight:600;line-height:1.35;padding:8px 10px;border-radius:8px;box-shadow:0 6px 16px rgba(16,24,40,.25);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility 0s .15s;pointer-events:none;text-align:left}
.sb-mm-tip::after{content:"";position:absolute;right:28px;top:100%;border:6px solid transparent;border-top-color:var(--inkt)}
.sb-mm:hover .sb-mm-tip,.sb-mm:focus-visible .sb-mm-tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}
/* drie knoppen rechtsboven: inzoomen, uitzoomen, volledig scherm (12-11-2026) */
.sb-tkn{display:flex;gap:8px;flex:none}
.sb-tk{position:relative;border:0;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.12)}
.sb-tk:hover{background:var(--grijs-50)}
.sb-tk:focus-visible{outline:3px solid var(--kobalt-200);outline-offset:2px}
.sb-tk[aria-pressed="true"]{color:var(--kobalt)}
.sb-ttip{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:200px;padding:9px 11px;border-radius:10px;background:var(--inkt);color:#fff;text-align:left;font-size:13px;line-height:18px;font-weight:500;pointer-events:none;box-shadow:0 6px 16px rgba(16,24,40,.25)}
.sb-ttip b{display:block;font-size:14px;color:#fff}
.sb-tk:hover .sb-ttip,.sb-tk:focus-visible .sb-ttip{display:block}
/* ===== Gevonden in het archief: eerst de akte, dan het boek (Ortwin 12-11-2026) ===== */
.pp-oz-boek{display:flex;flex-direction:column;gap:12px;padding:14px 18px 6px}
.pp-ozb-kop{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--perk-d)}
.pp-ozb-akte{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--perk-r);border-radius:12px;background:var(--perk-l);box-shadow:inset 0 0 0 4px #fff}
.pp-ozb-ico{color:var(--perk-d)}
.pp-ozb-soort{margin:0;font-family:var(--font-oud);font-size:20px;font-weight:600;color:var(--inkt)}
.pp-ozb-d{margin:2px 0 0;font-size:14px;color:var(--grijs-700)}
.pp-ozb-arch{margin:2px 0 0;font-size:12px;color:var(--grijs-500)}
.pp-ozb-meer{align-self:flex-start;font-size:14px}
.pp-ozb-feit{border-top:1px solid var(--grijs-200);padding-top:6px}
.pp-ozb-boek{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--kobalt-50);border:1px solid var(--kobalt-100)}
.pp-ozb-boek h3{margin:0;font-size:16px}
.pp-ozb-k{display:flex;gap:8px;flex-wrap:wrap}
.pp-ozb-foto{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pp-ozb-akte>button{grid-column:1/-1;justify-self:start}
/* ===== Levend familielid: eerst het boek (Ortwin 12-11-2026) ===== */
.pp-lvb{display:flex;flex-direction:column;gap:10px;margin:12px 18px 4px;padding:14px;border-radius:12px;background:var(--kobalt-50);border:1px solid var(--kobalt-100)}

.pp-lvb-foto{display:flex;align-items:center;gap:12px;padding:12px;border:2px dashed var(--kobalt-200);border-radius:12px;background:#fff;cursor:pointer;color:var(--kobalt)}
.pp-lvb-foto:hover,.pp-lvb-foto:focus-within{border-style:solid;border-color:var(--kobalt)}
.pp-lvb-foto span{display:flex;flex-direction:column;color:var(--inkt)}
.pp-lvb-foto small{color:var(--grijs-600);font-size:13px}

.pp-lvb-f{display:flex;flex-direction:column;gap:6px}
/* hele breedte: formulieren in de pagina niet eindeloos breed */
.mj-main .mj-veld{max-width:960px}
/* overleden, nog niets in het archief: voorouders, foto of verhaal, of iemand vragen (12-11-2026) */
.pp-ovb{gap:12px}
.pp-ovb .sb-areg{margin:0;background:#fff}
.pp-ovb-deel{display:flex;flex-direction:column;gap:8px}
.pp-ovb-deel h3{margin:0;font-size:15px}
.pp-ovb-ou{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pp-ovb-ou li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--grijs-200)}
.pp-ovb-ou li span{display:flex;flex-direction:column}
.pp-ovb-ou small{color:var(--grijs-600);font-size:13px}
.pp-ovb-ok{color:var(--groen);font-weight:700}
.pp-ovb-vraag .hk-fam{align-self:flex-start}
.pp-ovb~.pp-taak-vraag .ppv-open{display:none}
.pp-ovb-vul{font-size:14px;padding:6px 10px;min-height:0;flex:none}
.pp-lvb-h{margin:0;font-size:16px}
.pp-lvb-ok{margin:0;font-size:14px;color:var(--groen);font-weight:600}
.pp-lvb .hk-fam{align-self:flex-start}

/* ---------- Het menu achter één knop (Ortwin 12-11-2026, claude/voorstel-menu-achter-een-knop.md) ----------
   De vijf icoontjes met tellers staan niet meer in de kop: één ronde knop naast de avatar opent 'Je familieboek'.
   Logo = schijf in de eigen tint + rand in lakrood (het rood van het logo); blauw = er is iets te doen. */
.kb-waar{font-size:17px;color:var(--grijs)}
.kb-waar span{display:block;padding-left:16px;border-left:1px solid var(--grijs-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-apps{position:relative;flex:none}
.mj-wie .kb-appsknop{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:0;padding:0;border:0;border-radius:999px;background:#ECE9E2;color:var(--inkt);text-decoration:none;cursor:pointer}
.mj-wie .kb-appsknop:hover{background:#DAD5CA}
.mj-wie .kb-appsknop[aria-expanded="true"]{background:var(--inkt);color:#F3E9D2}
.kb-appsknop:focus-visible{outline:3px solid var(--kobalt);outline-offset:3px}
.kb-appsknop:hover .kb-i5-tip,.kb-appsknop:focus-visible .kb-i5-tip{display:block}
.kb-appsknop[aria-expanded="true"] .kb-i5-tip{display:none!important}
.ka-stip{position:absolute;top:1px;right:1px;width:12px;height:12px;box-sizing:border-box;border-radius:999px;background:var(--kobalt);border:2px solid #fff}
body.ka-open .kb-kop{z-index:9001}
.ka-menu{position:absolute;right:-8px;top:calc(100% + 12px);z-index:85;width:404px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px;border-radius:28px;background:#ECE9E2;box-shadow:0 14px 40px rgba(16,24,40,.2);text-align:left}
.ka-menu[hidden],.ka-scrim[hidden]{display:none}
.ka-scrim{display:none}
.ka-in{background:#fff;border-radius:20px;padding:18px 12px 12px}
.ka-kop{display:block;padding:0 10px 12px;font-size:18px;color:var(--inkt)}
.ka-menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ka-menu li{display:flex}
.ka-t{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:14px 4px 12px;border:2px solid transparent;border-radius:16px;background:var(--ka-l);color:var(--inkt);text-decoration:none;text-align:center}
.ka-t:hover{background:color-mix(in srgb,var(--ka) 24%,#fff)}
.ka-t:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}
.ka-t.hier{border-color:var(--inkt)}
.ka-logo{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 4px 6px 0;border-radius:999px;background:var(--ka);color:#fff;box-shadow:4px 4px 0 var(--lak);font-style:normal}
.ka-logo svg [fill="#9E2B25"]{fill:#fff}
.ka-t b{font-size:15px;font-weight:700;line-height:20px}
.ka-n{font-style:normal;font-size:12.5px;line-height:16px;color:var(--grijs)}
.ka-t.doen .ka-n{color:#1F3BD6;font-weight:700}
.ka-bol{position:absolute;top:-6px;right:-8px;min-width:22px;height:22px;box-sizing:border-box;padding:0 5px;border-radius:999px;background:var(--kobalt);border:2px solid #fff;color:#fff;font:800 12px/18px 'Plus Jakarta Sans',system-ui,sans-serif;text-align:center}
.ka-bol:empty{min-width:16px;height:16px;top:-3px;right:-4px}
/* Deel met je familie: een brede tegel onder de zes onderdelen */
.ka-menu .ka-li-breed{grid-column:1/-1}
.mj-wie .ka-breed{background:var(--ka-l);border:2px solid transparent;border-radius:16px;flex-direction:row;justify-content:flex-start;gap:14px;width:100%;min-height:0;padding:10px 14px;font:inherit;color:var(--inkt);text-decoration:none;text-align:left;cursor:pointer}
.mj-wie .ka-breed:hover{background:color-mix(in srgb,var(--ka) 24%,#fff)}
.ka-breed .ka-logo{flex:none;width:44px;height:44px;margin:0 3px 3px 0;box-shadow:3px 3px 0 var(--lak)}
.ka-tx{display:flex;flex-direction:column;gap:1px;min-width:0;font-style:normal}
@media (prefers-reduced-motion:no-preference){.ka-menu{animation:kaIn .14s ease-out}}
@keyframes kaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:820px){
  .kb-waar{display:none}
  .mj-wie .kb-appsknop{width:44px;height:44px}
  /* zes ronde knoppen naast het zegel passen op één rij (390 px) */
  .kb-kop .mj-wie{gap:6px}.kb-kop .mj-wie .vb-env,.kb-kop .mj-wie .k-bud-rond,.kb-kop .mj-wie .kb-hulpkop{width:44px;height:44px;min-height:44px}
  .ka-scrim{display:block;position:fixed;inset:0;z-index:84;background:rgba(16,24,40,.42)}
  .ka-menu{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;padding:8px 10px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -8px 32px rgba(16,24,40,.2)}
  .ka-menu::before{content:"";display:block;width:44px;height:5px;margin:2px auto 6px;border-radius:999px;background:#D5D0C5}
  .ka-in{padding:8px 2px 2px}
  .ka-logo{width:60px;height:60px}.ka-breed .ka-logo{width:44px;height:44px}
  @keyframes kaIn{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
}

/* ---------- MB: de telefoon (claude/voorstel-vaste-knoppen-mobiel.md, Ortwin 12-11-2026) ----------
   Tot 760 px: onderaan de regel van Takje en de onderbalk; de kop houdt alleen het logo en je account. */
.mb-onder{display:none}
.ka-menu .ka-mb{display:none}
@media (max-width:760px){
  /* Bestellen: wat eerst nodig is (de reden dat Toch doorgaan grijs is) staat boven het boek, niet eronder */
  .bs-twee:has(.bs-blok) .bs-links,.bs-twee:has(.bs-blok) .bs-rechts,.bs-twee:has(.bs-let) .bs-links,.bs-twee:has(.bs-let) .bs-rechts{display:contents}
  .bs-twee .bs-blok,.bs-twee .bs-let{order:-1}
  /* Je boek wordt dikker: past op een scherm, de knoppen blijven in beeld */
  .ub-dlg{border:0;border-radius:18px}
  .ub-dlg .fv-dlg-in{gap:12px;padding:18px 16px 0}
  .ub-titel{font-size:21px}.ub-lead{font-size:15px}
  .ub-kz{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:12px 46px 12px 14px;border-radius:14px}
  .ub-plus,.ub-pr{font-size:16px;white-space:nowrap}.ub-pr{margin:0;grid-column:2;grid-row:1;align-self:center}
  .ub-tot{grid-column:1/-1}.ub-vs,.ub-strook,.ub-uitleg{display:none}
  .ub-rd{top:12px;right:12px}
  .ub-dlg .fv-dlg-voet{position:sticky;bottom:0;background:#fff;padding:10px 0 12px;margin:0;border-top:1px solid var(--grijs-200);flex-direction:column;align-items:stretch;gap:6px}
  .ub-dlg .fv-dlg-voet .mj-knop,.ub-dlg .fv-dlg-voet .mj-twee{width:100%;justify-content:center;text-align:center;min-height:48px}
  .ub-dlg .fv-dlg-voet+p{padding-bottom:14px}
}
@media (max-width:760px){
  body.mb-aan .mj-main{padding-bottom:calc(160px + env(safe-area-inset-bottom))}
  .mb-onder{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;font-family:var(--font-sans)}
  body.mb-typ .mb-onder,body.pp-open .mb-onder,body.tr-aan .mb-onder,body.sb-vol-open .mb-onder{display:none}
  .mb-takje{display:flex;align-items:center;gap:10px;min-height:64px;box-sizing:border-box;padding:8px 12px;background:var(--perk-l);border-top:1px solid var(--perk-r)}
  .mb-takje.stil{justify-content:space-between}
  /* wegklikken: het kruisje rechts; daarna staat Takje als klein rondje boven het menu */
  .mb-x{flex:none;width:44px;height:44px;margin-right:-8px;padding:0;border:0;background:transparent;color:var(--grijs-600,#475467);font-size:26px;line-height:1;cursor:pointer;border-radius:999px}
  .mb-x:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px}
  .mb-doe{max-width:44%}
  .mb-takje.klein{position:absolute;right:8px;bottom:100%;min-height:0;padding:0 0 8px;background:transparent;border:0}
  .mb-takje.klein .mb-zin,.mb-takje.klein [data-mb-doe],.mb-takje.klein .mb-x{display:none}
  .mb-takje.klein .mb-tk{background:var(--perk-l);border:1px solid var(--perk-r);border-radius:50%;box-shadow:0 2px 10px rgba(16,24,40,.18)}
  .mb-tk{flex:none;position:relative;width:44px;height:48px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
  .mb-tk.gd-licht{background:var(--perk)}
  .mb-tk:focus-visible,.mb-doe:focus-visible,.mb-nav a:focus-visible,.mb-nav button:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px}
  .mb-zin{flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--inkt)}
  .mb-doe{flex:none;max-width:48%;min-height:48px;padding:6px 16px;border:0;border-radius:24px;background:var(--lak);color:#fff;font:700 15px/1.2 var(--font-sans);cursor:pointer;text-align:center}
  .mb-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid var(--grijs-200)}
  .mb-nav a,.mb-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:0;border:0;border-top:3px solid transparent;background:transparent;color:var(--grijs-600);font:700 12px/1 var(--font-sans);text-decoration:none;cursor:pointer}
  .mb-nav a.hier{color:var(--inkt);border-top-color:var(--inkt);font-weight:800}
  .mb-stip{position:absolute;top:7px;left:calc(50% + 6px);width:10px;height:10px;border-radius:50%;background:var(--kobalt);border:2px solid #fff}
  /* de kop: het logo, de archiefdoos en je account; Takje staat onderaan en de onderdelen zitten achter Meer */
  .kb-kop .mj-wie .kb-gids,.kb-kop .mj-wie .kb-appsknop{display:none} /* de archiefdoos blijft: die meldt nieuwe bevindingen */
  body.mb-aan .kb-kop>.mj-wrap{padding-top:6px;padding-bottom:6px}
  #kb-tour{display:none}
  .ka-menu .ka-mb{display:flex;flex-direction:column;margin-top:4px}
  .ka-menu .ka-quiz{display:none} /* op de telefoon staat de Familiequiz als regel onder Meer */
  .ka-rij{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 10px;border-top:1px solid var(--grijs-200);color:var(--inkt);font-weight:600;font-size:17px;text-decoration:none}
  .ka-rij span{color:var(--grijs-600)}
  .ka-menu a.ka-rij,.ka-menu a.ka-rij:visited{color:var(--inkt)}
  /* bestellen: de stappen op één regel (alleen de stap waar je bent heeft tekst) en de knoppen vast boven de onderbalk */
  body.mb-aan .bs-stappen{flex-wrap:nowrap;gap:8px}
  body.mb-aan .bs-stappen li:not(.nu) .bs-n+span{display:none}
  body.mb-aan .bs-stappen .bs-lijn{min-width:12px}
  body.mb-aan .bs-voet{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:69;margin:0;padding:10px 16px;background:#fff;border-top:1px solid var(--grijs-200);display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}
  body.mb-aan .bs{padding-bottom:84px}
  body.mb-aan .bs-voet .mj-knop{flex:1;min-height:52px;justify-content:center}
  body.mb-aan .bs-voet .mj-twee{min-height:52px;flex:none;padding:0 14px;font-size:15px}
  body.mb-aan .bs-voet .mj-knop{font-size:16px;padding:0 12px;white-space:nowrap}
  /* bestellen stap 2 en 3: de knop waarmee je verder gaat staat vast onderaan; wat nog leeg is, tonen we niet */
  body.mb-aan .bs-vast{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:69;margin:0;padding:10px 16px;background:#fff;border-top:1px solid var(--grijs-200)}
  body.mb-aan .bs-vast .mj-knop{width:100%;justify-content:center}
  body.mb-aan .bs-voortgang.leeg{display:none}
  body.mb-aan .bs-twee.gelijk .bs-voortgang{order:-1}
  body.mb-aan .bs-betaal{position:fixed;left:16px;right:16px;width:auto;bottom:calc(74px + env(safe-area-inset-bottom));z-index:69;justify-content:center;box-shadow:0 0 0 10px #fff,-16px 0 0 10px #fff,16px 0 0 10px #fff}
  body.mb-aan .bs-adres .mj-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  body.mb-aan .bs-adres .mj-grid2 label:nth-child(1),body.mb-aan .bs-adres .mj-grid2 label:nth-child(4),body.mb-aan .bs-adres .mj-grid2 label:nth-child(5){grid-column:1/-1}
  body.mb-aan .bs-dl{min-height:44px}
  /* de boekbalk: één regel met pagina's, prijs en Bestel */
  body.mb-aan .st-in{padding-top:2px;padding-bottom:2px;gap:2px}
  body.mb-aan .st-boek.met-stam{gap:8px}
  body.mb-aan .st-regel .st-stam:not(.st-best){display:none}
  body.mb-aan .st-regel .st-tekst{margin:0;font-size:14px}
  body.mb-aan .st-regel .st-excl,body.mb-aan .st-regel .st-balk,body.mb-aan .st-regel .st-okdeel{display:none}
  body.mb-aan .st-regel .st-best{width:auto;height:44px;padding:0 2px 0 8px;border:0;border-radius:0;background:transparent;color:var(--kobalt);font-weight:700;font-size:15px;white-space:nowrap;transform:none}
  body.mb-aan .st-regel .st-best svg{display:none}
  body.mb-aan .st-regel .st-best::after{content:"Bestel ›"}
  /* te vol: toch één regel, en de link is een knop van 44 px hoog */
  body.mb-aan .st-regel .st-rooddeel,body.mb-aan .st-regel .st-over-l{display:none}
  body.mb-aan .st-regel .st-tekst{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.mb-aan .st-regel .st-over{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;padding:0 6px 0 2px;text-decoration:underline}
  body.mb-aan .st-regel .st-over::before{content:"· ";text-decoration:none;display:inline-block;margin-right:4px}
  /* stamboom en personenscherm: alles wat je aantikt is minstens 44 px */
  body.mb-aan .sb-weerg button,body.mb-aan .sb-ptabs button,body.mb-aan .sb-knuit,body.mb-aan .pp-ovb-vul{min-height:44px}
  body.mb-aan .sb-hg.mob .sb-h{width:44px;height:44px}
  body.mb-aan #pp .mj-link{padding-top:10px;padding-bottom:10px}
  body.mb-aan #pp input[type=radio],body.mb-aan #pp input[type=checkbox]{width:22px;height:22px}
  /* feedback geven staat op de telefoon in Meer, niet als zwevende knop over de inhoud */
  body.mb-aan:not(.pp-open) #fc-fb-btn{display:none}
  /* wat Takje al zegt, hoeft niet nog eens boven de stamboom */
  body.mb-aan .wt-welkom{display:none}
  body.mb-aan .wt-toast{display:none}
  body.mb-aan .sb-focus{display:none}
  /* meldingen en de feedbackknop boven de vaste balken */
  body.mb-aan .fv-toast,body.mb-aan .wt-toast,body.mb-aan #mk-toast{bottom:calc(144px + env(safe-area-inset-bottom))}
  body.mb-aan #fc-fb-btn{bottom:calc(142px + env(safe-area-inset-bottom))}
  body.mb-aan.pp-open #fc-fb-btn{bottom:calc(64px + env(safe-area-inset-bottom))}
  body.mb-aan .mj-hulpvast{bottom:calc(142px + env(safe-area-inset-bottom))}
  /* de naamvraag */
  .mb-naam-kop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
  .mb-naam-kop h2{margin:0;font-size:26px;line-height:1.15}
}
.mb-naam-kop h2{margin:0}
.mb-naam-tk{display:block;line-height:0}
.mj-knop.mb-wa,.mj-knop.mb-wa:hover{background:#075E54;color:#fff;gap:10px;min-height:52px;justify-content:center;text-decoration:none}
/* ---------- einde MB ---------- */
.ka-menu .ka-rij[data-mb-fb]{font-size:17px;font-weight:600;min-height:50px;color:var(--inkt);background:none;border:0;border-top:1px solid var(--grijs-200);font-family:inherit;width:100%;text-align:left;cursor:pointer}
body:not(:has(#fc-fb-btn)) [data-mb-fb]{display:none}
/* Onderweg (hulplijnen) en de vragen om uit te kiezen in Wie weet hier meer van? */
.vf-vragen{display:flex;flex-direction:column;gap:8px}
.vf-chip{min-height:44px;padding:8px 14px;border:1.5px solid var(--grijs-200);border-radius:12px;background:#fff;font:inherit;font-size:15px;text-align:left;color:var(--inkt);cursor:pointer}
.vf-chip[aria-pressed=true]{border-color:var(--kobalt);background:#EEF2FF;font-weight:600}
.tg-som-noot{margin:0;font-size:14px;line-height:1.45;color:var(--grijs-600)}
/* Bestellen zonder akten mag, met een waarschuwing (besluit 12-11-2026) */
.bs-kaart.bs-let{border-color:#F0C674;background:#FFFAEB}
.bs-letop{margin:0;padding:10px 12px;border-radius:10px;background:#FFFAEB;border:1px solid #F0C674;font-size:15px;line-height:1.45}
/* regelset namen 12-11-2026: de klant kiest tussen twee namen uit eigen akten */
.pp-naamkeuze{display:grid;gap:8px;padding:12px;border:1px solid var(--blauw,#2B4EFF);border-radius:10px;background:#f3f5ff;margin-bottom:10px}

/* ---------- Hulplijnen als inbox (12-11-2026, claude/plan-hulplijnen-scherm.md): één lijst, één regel per melding,
   openklikken klapt de regel uit met de actie. De blauwe knop staat alleen in de open regel. ---------- */
.hi-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 24px}
.hi-top h1{margin:0}
.hi-datum{display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right;max-width:720px}
.hi-datumform{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.hi-datumform label{display:flex;flex-direction:column;gap:4px;text-align:left}
.hi-datumform input{min-height:48px;padding:0 12px;border:var(--veld-rand);border-radius:12px;font:inherit;font-weight:600;color:var(--inkt);background:var(--wit)}
.hi-datumform .mj-link{min-height:48px}
.hi-samen{margin:16px 0 0;padding:16px 20px;border-radius:16px;background:var(--kobalt-25);display:flex;flex-direction:column;gap:4px}
.hi-samen b{font-size:19px}
.hi-samen p{max-width:820px}
.hi-uitleg{margin:14px 0 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.hi{list-style:none;margin:0;padding:0;border:1px solid var(--lijn);border-radius:18px;overflow:hidden;background:var(--wit)}
.hi-sec{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--zacht-warm);border-bottom:1px solid var(--lijn)}
.hi-sec h2{margin:0;font-size:16px}
.hi-sec small{font-size:14px;color:var(--grijs)}
.hi-tel{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--kobalt);color:var(--wit);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.hi-leeg{padding:14px 16px 14px 76px;border-bottom:1px solid var(--lijn);color:var(--grijs);font-size:15px}
.hi-r{border-bottom:1px solid var(--lijn)}
.hi>li:last-child{border-bottom:0}
.hi-r.open{background:var(--grijs-50)}
.hi-kop{display:flex;align-items:center}
.hi-b{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 12px;border:0;background:none;font:inherit;font-size:15px;color:var(--inkt);text-align:left;cursor:pointer}
.hi-b:hover,.hi-x:hover{background:var(--zacht)}
.hi-dot{flex:0 0 8px;width:8px;height:8px;border-radius:999px}
.hi-r.nieuw .hi-dot{background:var(--kobalt)}
.hi-av{flex:0 0 32px;display:flex}
.hi-ico{width:32px;height:32px;border-radius:999px;background:var(--grijs-100);color:var(--inkt);display:flex;align-items:center;justify-content:center}
.hi-route-r .hi-ico{background:var(--inkt);color:var(--wit)}
.hi-naam{flex:0 0 150px;width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.hi-chip{flex:0 0 auto;padding:2px 10px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--grijs-100)}
.hi-chip.g1{background:var(--mint)}.hi-chip.g3{background:var(--kobalt-50)}.hi-chip.g4{background:var(--geel)}
.hi-tekst{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hi-tekst b{font-weight:500}.hi-tekst span{color:var(--grijs)}
.hi-rechts{flex:0 0 auto;font-size:14px;color:var(--grijs);white-space:nowrap}
.hi-r.nieuw .hi-naam,.hi-r.nieuw .hi-tekst b,.hi-r.nieuw .hi-rechts{font-weight:800;color:var(--inkt)}
.hi-r.open .hi-naam,.hi-r.open .hi-tekst b{font-weight:700}
.hi-x{flex:0 0 44px;width:44px;height:44px;margin-right:6px;border:0;border-radius:999px;background:none;color:var(--grijs);display:flex;align-items:center;justify-content:center;cursor:pointer}
.hi-paneel{padding:4px 20px 22px 76px;display:flex;flex-direction:column;gap:12px;font-size:16px}
.hi-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.hi-knop{min-height:52px;font-size:17px;padding:0 22px}
.hi-knoppen .mj-link{min-height:44px}
.hi-bericht{margin:0;padding:10px 14px;border:1px solid var(--kobalt-200);border-radius:12px;background:var(--wit);font-size:15px;max-width:640px;overflow-wrap:anywhere}
.hi-blok{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:var(--kobalt-25)}
.hi-antwoorden,.hi-route,.hi-klaar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hi-antw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;border:1px solid var(--lijn);border-radius:14px;background:var(--wit)}
.hi-antw-t{flex:1 1 320px;min-width:0;display:flex;flex-direction:column}
.hi-antw-t small{font-size:14px;color:var(--grijs)}
.hi-antw-t b{font-size:19px;overflow-wrap:anywhere}
.hi-antw.leeg .hi-antw-t b{font-weight:500;color:var(--grijs);font-size:16px}
.hi-neem{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer}
.hi-neem input{width:22px;height:22px;accent-color:var(--kobalt)}
.hi-vragen{margin:0;padding-left:20px}
.hi-stand{font-weight:600}
.hi-route li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 14px;border:1px solid var(--lijn);border-radius:14px;background:var(--wit)}
.hi-klaar{margin:14px 0 0}
.hi-klaar summary{cursor:pointer;font-weight:600;padding:10px 0}
.hi-klaar li{display:flex;align-items:center;gap:10px;font-size:15px}
.hi-weg{margin:8px 0 0}
.hi-weg .mj-link,.hi-datum p .mj-link{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:760px){
  .hi-datum{align-items:flex-start;text-align:left}
  .hi-b{display:grid;grid-template-columns:8px 32px minmax(0,1fr) auto;column-gap:10px;row-gap:0;min-height:68px;padding:8px 8px 8px 10px}
  .hi-dot,.hi-av{grid-row:1/span 3;align-self:center}
  .hi-naam{grid-column:3;grid-row:1;width:auto}
  .hi-rechts{grid-column:4;grid-row:1}
  .hi-tekst{grid-column:3/span 2;grid-row:2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .hi-chip{grid-column:3/span 2;grid-row:3;justify-self:start;margin-top:2px}
  .hi-paneel{padding:0 14px 18px}
  .hi-leeg{padding-left:16px}
  .hi-knoppen .mj-knop,.hi-knoppen .mj-twee{width:100%}
}

/* Voorbeeld van een onderdeel dat niet in je boek staat, telefoon: sluitknop in de bladerbalk (13-11-2026) */
.pv-nav .pv-uitweg{margin-left:6px;white-space:nowrap;font-weight:600}

/* Voorbeeld onder een keuze in de instellingen, open- en dichtklikbaar (13-11-2026) */
.pv-rvb-k{display:block;width:fit-content;margin:2px auto 8px 0;font-size:15px;text-align:left} /* altijd links (Ortwin 13-11-2026) */
.pv-rvb-w{contain:inline-size;min-width:0;max-width:100%;display:flex;gap:10px;overflow-x:auto;margin:0 0 12px;padding:2px 2px 6px}
.pv-rvb{flex:0 0 auto;width:280px;height:396px;overflow:hidden;border:1px solid var(--grijs-200,#E3E6EC);border-radius:6px;background:#fff}
.pv-rvb .pv-mini-in{transform:scale(.56)}.pv-rvb .pv-mini-in.breed{transform:scale(.28)}

/* De familie in feitjes: 'Genoeg gegevens' achter de titel, voorbeeld onder elke grafiek (13-11-2026) */
.cf-tk .cf-st{margin-left:6px;font-size:13px;white-space:nowrap}
.cf-rij{flex-wrap:wrap}.cf-rij > .pv-rvb-k{flex-basis:100%}.cf-rij > .pv-rvb-w{flex-basis:100%}

/* Slotwoord (Ortwin 13-11-2026): de drie voorbeelden onder elkaar als keuzekaarten met een rondje, zoals bij de andere onderdelen */
.sl-kop{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}
.sl-kop .pv-vk .vk-in.sl-in{width:100%;max-width:360px}
.sl-vbs{grid-template-columns:minmax(0,1fr);gap:8px}
.sl-vb.vk-vorm{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border-radius:14px}
.sl-vb.vk-vorm.aan{border:2px solid var(--kobalt);background:var(--kobalt-25,#EEF2FF);padding:11px 13px}
.sl-vb.vk-vorm b{display:block;font-size:16px}.sl-vb.vk-vorm small{display:block;font-size:14px;color:var(--grijs-600);line-height:1.4;margin-top:2px}
.sl-rd{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--grijs-300,#D0D5DD);background:#fff;box-sizing:border-box}
.sl-vb.aan .sl-rd{border:6px solid var(--kobalt)}
.sl-eigen>summary.sl-pas{display:inline-block;margin:4px 0 8px;font-size:15px;font-weight:600}
.al-opt{display:flex;flex-direction:column;min-width:0}.al-opt > .vk-vorm{width:100%}
.sl-kop .vk-in.sl-in button{white-space:nowrap;font-size:14px;padding:0 8px}

/* De tijdreis: Vorm in- en uitklapbaar (13-11-2026) */
.tr-vorm{border:1px solid var(--grijs-200);border-radius:14px;padding:0 14px;background:#fff}
.tr-vorm-k{display:flex;align-items:center;gap:10px;min-height:52px;cursor:pointer;list-style:none;margin:0}
.tr-vorm-k::-webkit-details-marker{display:none}
.tr-vorm-k span:first-child{font-weight:700}.tr-vorm-k .mj-stil{flex:1;text-align:right;font-weight:400}
.tr-pijl{display:inline-block;transition:transform .15s;font-size:20px;color:var(--grijs-600)}
.tr-vorm[open] .tr-pijl{transform:rotate(90deg)}
.tr-vorm[open]{padding-bottom:14px}

/* Bijlagen: Bekijk een voorbeeld (n pagina's) binnen het kader, op één regel (13-11-2026) */
.sl-bij .sl-vb-in{grid-column:1/-1;min-width:0;padding-left:34px}
.sl-bij.vast .sl-vb-in{padding-left:30px}
.pv-rvb-rij{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pv-rvb-rij .pv-rvb-k{margin:0}
.pv-rvb-p{font-size:14px;color:var(--grijs-600)}
.sl-vb-in .pv-rvb-w{margin-top:10px}
.sl-bij{grid-template-columns:minmax(0,1fr) auto auto}.sl-bij.vast{grid-template-columns:minmax(0,1fr) auto}
@media (max-width:640px){.sl-bij,.sl-bij.vast{grid-template-columns:minmax(0,1fr)}}
.sl-vb-in .pv-rvb-w{max-width:100%}.pv-rvb-rij{flex-wrap:nowrap}.pv-rvb-p{white-space:nowrap}
.sl-bij.vast .sl-vb-in{padding-left:22px}
.pv-rvb-rij .pv-rvb-k{white-space:nowrap;flex:none;width:auto}.pv-rvb-rij{justify-content:flex-start}

/* Verhalen en aktes: twee subonderdelen, in- en uitklapbaar, één tegelijk open (13-11-2026) */
.av-sub{border:1px solid var(--grijs-200);border-radius:14px;background:#fff;margin:0 0 10px}
.av-sub.open{border-color:#C9D3FF;box-shadow:0 0 0 1px #C9D3FF}
.av-sub-k{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 14px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--inkt)}
.av-sub-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.av-sub-t b{font-size:17px}.av-sub-t small{font-size:14px;color:var(--grijs-600);line-height:1.4}
.av-sub-p{font-size:20px;color:var(--grijs-600);transition:transform .15s}.av-sub.open .av-sub-p{transform:rotate(90deg)}
.av-sub-in{padding:0 14px 14px;display:grid;gap:10px;min-width:0}
.av-sub-k:focus{outline:none}.av-sub-k:focus-visible{outline:3px solid var(--kobalt);outline-offset:-3px;border-radius:14px}

/* Uitlichten met een sterretje, met een zwart uitlegvenster (13-11-2026) */
.uit-ster-w{position:relative;display:inline-flex}
.uit-ster{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--grijs-500,#667085);cursor:pointer;padding:0}
.uit-ster:hover{background:var(--grijs-50,#F9FAFB)}.uit-ster[disabled]{opacity:.35;cursor:not-allowed}
.uit-ster:focus-visible{outline:3px solid var(--kobalt);outline-offset:1px}
.uit-tip{display:none;position:absolute;z-index:20;right:0;bottom:calc(100% + 6px);width:230px;padding:10px 12px;border-radius:10px;background:#101828;color:#fff;font-size:13px;line-height:1.35;text-align:left;box-shadow:0 6px 16px rgba(16,24,40,.25);pointer-events:none}
.uit-tip b{display:block;margin-bottom:6px;font-size:14px}
.uit-vb{display:flex;align-items:center;gap:8px;margin-top:4px;font-weight:400}
.uit-vb i{flex:none;width:22px;height:30px;border:1px solid rgba(255,255,255,.6);border-radius:2px;display:flex;flex-direction:column;gap:2px;padding:3px;box-sizing:border-box}
.uit-vb i em{display:block;height:5px;background:rgba(255,255,255,.55);border-radius:1px}
.uit-vb i.eig em{flex:1;background:#F5B301}
.uit-ster:hover .uit-tip,.uit-ster:focus-visible .uit-tip,.uit-ster.tip .uit-tip{display:block}
/* het sterretje rechts naast de titel, ook op de telefoon */
.av-r{grid-template-columns:auto minmax(0,1fr) auto}
.av-r > .uit-ster-w{grid-column:3;grid-row:1;align-self:start}
@media (max-width:640px){.av-r{grid-template-columns:auto minmax(0,1fr) auto}.av-r > .av-akte,.av-r > .av-open,.av-r > .av-tekst{grid-column:2/-1}}
.ak-acties .uit-ster-w{order:-1}
.uit-tip{bottom:auto;top:calc(100% + 4px);z-index:30}
/* Wie is wie (13-11-2026): rondjes op de gezichten */
.ft-wie{display:flex;flex-direction:column;gap:6px}.ft-wie-k{align-self:flex-start;min-height:40px}.ft-wie-k span{font-size:18px;line-height:1}
.ft-chip-g{width:22px;height:22px;border-radius:999px;margin:-2px 6px -2px -6px;flex:none}
.ft-wd .fv-dlg-in{max-width:720px}
.ft-wd-b{position:relative;margin:4px auto 0;border-radius:10px;overflow:hidden;background:var(--grijs-100);touch-action:pan-y;cursor:crosshair;user-select:none;-webkit-user-select:none}
.ft-wd-b>img{pointer-events:none}.ft-wd-rs{position:absolute;inset:0}
.ft-wd-r{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 2px rgba(20,24,40,.55),inset 0 0 0 1px rgba(20,24,40,.35);background:transparent;padding:0;cursor:grab;touch-action:none;min-width:24px;min-height:24px}
.ft-wd-r.sel{border-color:#FFD23F;box-shadow:0 0 0 2px rgba(20,24,40,.7)}.ft-wd-r.nw{border-style:dashed}
.ft-wd-r span{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);white-space:nowrap;background:rgba(20,24,40,.82);color:#fff;font-size:12px;line-height:16px;font-weight:700;padding:2px 7px;border-radius:999px;pointer-events:none}
.ft-wd-p{display:flex;flex-direction:column;gap:10px;min-height:44px}
.ft-wd-kies{display:flex;gap:12px;align-items:flex-end}.ft-wd-kies .mj-veld{flex:1;margin:0}.ft-wd-vb .fv-av{border-radius:999px}
.ft-wd-los{border:0;cursor:pointer;padding:4px 10px}
.sb-k.met-av{padding-left:56px}.sb-av{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;overflow:hidden;background:var(--grijs-100);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--grijs-200)}.sb-av>img{width:100%;height:100%;object-fit:cover;display:block}
.sb-lp.met-av{position:relative;padding-left:62px}.sb-lp .sb-av{left:12px}
/* Automatisch verbeteren en Verbeteren met AI (13-11-2026) */
.ft-uit-auto,.ft-uit-ai{display:flex;flex-direction:column;gap:10px}
.ft-slot{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;line-height:18px;padding:1px 8px;border-radius:999px;background:#F3E9D2;color:#7A4A12;vertical-align:2px}
.ft-uit-ai .mj-knop[disabled]{opacity:1;background:var(--grijs-100);color:var(--grijs-600);border-color:var(--grijs-200);cursor:not-allowed}
.ft-vn .fv-dlg-in{max-width:760px}.ft-vn-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ft-vn-b figure{margin:0}.ft-vn-b img{width:100%;max-height:46vh;object-fit:contain;border-radius:8px;background:var(--grijs-100);display:block}.ft-vn-b figcaption{font-size:13px;font-weight:700;margin-top:4px;color:var(--grijs-600)}
@media (max-width:560px){.ft-vn-b{grid-template-columns:1fr}.ft-vn-b img{max-height:30vh}}
.ft .sb-ik{position:relative}.ft-slotje{position:absolute;right:-6px;bottom:-6px;font-size:11px;line-height:1;font-style:normal;background:#fff;border-radius:999px;padding:1px}
.ft-verb{margin:0;font-size:13px;line-height:18px;color:#7A4A12;background:#F8F0DF;border-radius:8px;padding:6px 10px}.ft-verb .mj-link{font-size:13px}
/* De fotodoos in drie stappen (13-11-2026) */
.fd-st{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fd-st>li{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;border:1.5px solid var(--grijs-200);border-radius:14px;background:#fff}
.fd-st>li.nu{border-color:var(--kobalt,#2B4EFF);box-shadow:0 0 0 3px rgba(43,78,255,.12)}.fd-st>li.ok{background:#F6FAF6;border-color:#CFE5D3}
.fd-nr{flex:none;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:var(--grijs-100);color:var(--inkt)}
.fd-st>li.nu .fd-nr{background:var(--kobalt,#2B4EFF);color:#fff}.fd-st>li.ok .fd-nr{background:#079455;color:#fff}
.fd-tx{flex:1;min-width:120px;display:flex;flex-direction:column;gap:1px}.fd-tx b{font-size:15px}.fd-tx small{font-size:13px;color:var(--grijs-600)}
.fd-st .mj-knop,.fd-st .mj-twee{min-height:40px;padding:0 14px;font-size:14px;white-space:nowrap}.fd-kies{cursor:pointer;position:relative}.fd-kies input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fd-of{width:100%;font-size:12px;color:var(--grijs-500)}.fd-hervat{width:100%;margin:0;font-size:13px;line-height:18px;background:#FFF6E0;border-radius:8px;padding:6px 8px}
.ft:not(.vol) .fd-st{grid-template-columns:1fr;gap:8px}.ft:not(.vol) .fd-st>li{padding:10px 12px}
.fd-q{border:1.5px solid var(--grijs-200);border-radius:14px;padding:12px 14px;margin:0 0 14px;display:flex;flex-direction:column;gap:8px;background:#fff}.fd-q.klaar{background:#F6FAF6;border-color:#CFE5D3}
.fd-q-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}.fd-q-balk{height:6px;border-radius:99px;background:var(--grijs-100);overflow:hidden}.fd-q-balk i{display:block;height:100%;background:var(--kobalt,#2B4EFF);transition:width .3s}
.fd-q.klaar .fd-q-balk{display:none}
.fd-q-l{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow:auto}
.fd-q-f{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--grijs-100);flex:none}.fd-q-f img{width:100%;height:100%;object-fit:cover;display:block}
.fd-q-f.wacht img{opacity:.45}.fd-q-f.bezig img{opacity:.7}.fd-q-f.bezig::after{content:"";position:absolute;inset:0;border:3px solid var(--kobalt,#2B4EFF);border-radius:8px;animation:fd-puls 1s ease-in-out infinite}
@keyframes fd-puls{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.fd-q-f.bezig::after{animation:none}}
.fd-q-f i{position:absolute;right:3px;bottom:3px;min-width:18px;height:18px;border-radius:99px;font-style:normal;font-size:11px;font-weight:800;line-height:18px;text-align:center;color:#fff}
.fd-q-f.klaar i{background:#079455}.fd-q-f.dubbel i{background:#667085}.fd-q-f.fout i{background:#D92D20}.fd-q-f.dubbel img{opacity:.4}
#fd-sleep{position:fixed;inset:0;z-index:99999;pointer-events:none;border:4px dashed var(--kobalt,#2B4EFF);background:rgba(43,78,255,.06);display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px}
#fd-sleep span{background:#1D2B6B;color:#fff;font-weight:700;font-size:15px;padding:10px 16px;border-radius:999px;box-shadow:0 4px 16px rgba(16,24,40,.25)}
.fd-drop{outline:3px solid var(--kobalt,#2B4EFF)!important;outline-offset:3px;background:#EEF2FF!important}
.ft-jv{margin:4px 0 0;font-size:13px;line-height:18px;background:#FFF6E0;border-radius:8px;padding:6px 8px}
.pp-fd{margin-top:8px;min-height:40px;font-size:14px}
.fd-pp .fv-dlg-in{max-width:760px}.fd-pp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:58vh;overflow:auto;padding:2px}
.fd-pp-f{position:relative;padding:0;border:2px solid transparent;border-radius:10px;background:var(--grijs-100);cursor:pointer;aspect-ratio:3/2;overflow:hidden}.fd-pp-f .ft-vk{position:absolute;inset:0;display:block}
.fd-pp-f i{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:99px;background:rgba(255,255,255,.9);color:transparent;font-style:normal;font-weight:800;line-height:24px;text-align:center;border:1.5px solid var(--grijs-300)}
.fd-pp-f[aria-pressed="true"]{border-color:var(--kobalt,#2B4EFF)}.fd-pp-f[aria-pressed="true"] i{background:var(--kobalt,#2B4EFF);color:#fff;border-color:#fff}
/* Je bestellingen (13-11-2026) */
.jbl{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.jbl-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;border:1.5px solid var(--grijs-200);border-radius:14px;background:#fff}.jbl-r.weg{opacity:.6}
.jbl-tx{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.jbl-tx b{font-size:16px}.jbl-tx .mj-stil{font-size:14px}
.jbl-st{font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ECFDF3;color:#067647}.jbl-r.weg .jbl-st{background:var(--grijs-100);color:var(--grijs-600)}
.jbl-kn{display:flex;flex-wrap:wrap;gap:8px}.jbl-kn .mj-knop,.jbl-kn .mj-twee{min-height:40px;font-size:14px}
.jbl-nog{border-top:1px solid var(--grijs-200);padding-top:18px}
.bs-online{margin:0;font-size:14px;line-height:20px;background:#EEF4FF;border-radius:10px;padding:10px 12px}
.jbl-dlg .fv-dlg-in{max-width:620px}.jbl-pp{display:flex;flex-direction:column;gap:14px;max-height:64vh;overflow:auto;padding:4px;background:var(--grijs-50,#F9FAFB);border-radius:10px}
.jbl-vak{position:relative;overflow:hidden;box-shadow:0 1px 4px rgba(16,24,40,.12);background:#fff;flex:none}