/* hallmark: existing-brand; product-first; signature: bruikbaar eigen werkblad; geen themaloterij */
/* critique: verschillende pagina-opbouwen, geen decoratieve cards of verzonnen resultaten */
.fbp{--ink:#223342;--paper:#fff;--cool:#edf3f6;--muted:#465a68;--accent:#14624c;--line:#becbd3;--night:#173c35;--on:#fff;--font:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:18px;line-height:1.6;color-scheme:light;isolation:isolate}
.fbp *{box-sizing:border-box;min-width:0}.fbp [hidden]{display:none!important}.fbp h2,.fbp h3{font-family:var(--font)!important;color:var(--ink)!important;line-height:1.13;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word}.fbp h2{font-size:clamp(27px,3vw,40px);margin:0 0 20px}.fbp h3{font-size:23px;margin:0 0 12px}.fbp p{margin:0 0 18px;max-width:68ch}.fbp a{color:var(--accent);text-underline-offset:.15em}.fbp figure{margin:0}.fbp img{display:block;max-width:100%;height:auto}.fbp figcaption,.fbp .note{font-size:15px;color:var(--muted)}
.fbp .inside{max-width:1120px;margin:auto;padding:48px 28px}.fbp .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.fbp .cool{background:var(--cool)}.fbp .band{background:var(--night);color:var(--on)}.fbp .band h2,.fbp .band h3,.fbp .band p,.fbp .band label,.fbp .band legend,.fbp .band .note{color:var(--on)!important}.fbp .band a{color:var(--on)}.fbp .band .result{background:var(--paper);color:var(--ink);padding:24px;margin:24px 0}.fbp .band .result p,.fbp .band .result h3{color:var(--ink)!important}.fbp .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fbp label{display:block;font-size:17px;font-weight:700;margin-bottom:12px}.fbp input,.fbp textarea,.fbp select{font:inherit;font-size:17px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:12px;min-height:48px;width:100%;margin-top:6px}.fbp textarea{min-height:85px;resize:vertical}.fbp .checks label{font-weight:400;display:flex;align-items:flex-start;gap:12px}.fbp input[type=checkbox]{width:22px;min-height:22px;flex-shrink:0;margin-top:4px;accent-color:var(--accent)}.fbp button,.fbp .button{display:inline-block;background:var(--accent);color:var(--on)!important;border:0;border-radius:4px;padding:13px 22px;font:700 17px var(--font);cursor:pointer;min-height:48px;text-decoration:none;margin:8px 12px 8px 0}.fbp .band button{background:var(--paper);color:var(--night)!important}.fbp :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid currentColor;outline-offset:4px}.fbp button:hover,.fbp .button:hover{text-decoration:underline}.fbp .status{font-size:16px;margin:14px 0;min-height:26px}.fbp .table-scroll{overflow-x:auto;max-width:100%}.fbp table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}.fbp th,.fbp td{text-align:left;padding:16px 12px;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink);background:var(--paper)}.fbp th{font-weight:700}.fbp th:first-child,.fbp td:first-child{padding-left:0}.fbp details{border-bottom:1px solid var(--line);padding:18px 0}.fbp summary{font-weight:700;cursor:pointer}.fbp details p{margin-top:16px}.fbp fieldset{border:0;margin:0;padding:0}.fbp legend{font-weight:700;font-size:20px;margin-bottom:16px}.fbp .sheet{max-height:530px;width:auto;margin:auto;box-shadow:0 12px 28px rgb(0 0 0/.12)}.fbp .study-n{font-size:36px;font-weight:700;line-height:1.1}.fbp .bars{display:flex;gap:18px;align-items:end;height:160px;margin:24px 0}.fbp .bar{background:var(--accent);color:var(--on);padding:12px;min-width:68px;font-weight:700}.fbp .saved-row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.fbp .saved-row button{padding:8px 12px;font-size:14px;min-height:40px}.fbp .saved-row p{white-space:pre-wrap}.fbp .timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;counter-reset:step}.fbp .timeline li{counter-increment:step}.fbp .timeline li:before{content:counter(step,decimal-leading-zero);display:block;font-size:40px;font-weight:700;color:var(--accent)}.fbp .wide-title{max-width:20ch}
.tp-pagina:has(.fbp){--tp-inhoud:1120px;--tp-ink:#223342;--tp-papier:#fff;--tp-licht:#edf3f6}.tp-pagina:has(.fbp) .tp-hero{background:#edf3f6;color:#223342}.tp-pagina:has(.fbp) .tp-hero h1,.tp-pagina:has(.fbp) .tp-hero p,.tp-pagina:has(.fbp) .tp-hero a{color:#223342!important}.tp-pagina:has(.fbp) .tp-hero .tp-knop{background:#14624c;color:#fff!important}.tp-pagina:has(.fbp) .tp-hero__beeld img{max-height:430px;object-fit:contain;box-shadow:none}.tp-pagina:has(.fbp) .tp-hero__meta{font-size:14px}.tp-pagina:has(.fbp) .tp-hero__grid{gap:42px}.tp-pagina:has(.fbp) .tp-hero h1{font-size:clamp(32px,4vw,52px);max-width:20ch}
@media(max-width:760px){.fbp .inside{padding:36px 20px}.fbp .split,.fbp .fields,.fbp .timeline{grid-template-columns:minmax(0,1fr);gap:24px}.fbp .sheet{max-height:420px}.fbp table{font-size:15px}.fbp th,.fbp td{padding:12px 8px}.fbp .table-scroll table{min-width:620px}.fbp .band button{max-width:100%}}
@media(prefers-reduced-motion:reduce){.fbp *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body *{visibility:hidden} .fbp,.fbp *{visibility:visible}.fbp{position:absolute;inset:0;background:white!important;color:black!important;font-size:11pt}.fbp .band,.fbp .cool{background:white!important;color:black!important}.fbp h2,.fbp h3,.fbp .band p,.fbp .band label{color:black!important}.fbp button,.fbp .button,.fbp .no-print{display:none!important}.fbp .inside{padding:8mm}.fbp .split{display:block}.fbp .saved-row{break-inside:avoid}.fbp .table-scroll{overflow:visible}.fbp table{font-size:10pt}.fbp img{max-height:120mm}.fbp .status:empty{display:none}}
/* Alleen deze nieuwe toolpagina's: de handgemaakte inhoud heeft dezelfde volle breedte als de hero. */
html:not(#tp-nooit) body.tp-pagina:has(.fbp){background:#fff!important;background-image:none!important}
html:not(#tp-nooit) body.tp-pagina .fbp{width:var(--tp-vw,100%)!important;max-width:none!important;margin:0 calc((100% - var(--tp-vw,100%))/2)!important}
html:not(#tp-nooit) body.tp-pagina:has(.fbp) .tp-hero h1{font-family:Arial,Helvetica,sans-serif!important;font-weight:750!important;font-size:clamp(32px,4vw,52px)!important;max-width:22ch!important}
html:not(#tp-nooit) body.tp-pagina:has(.fbp) .tp-kruimels{letter-spacing:normal;text-transform:none}
body:has(.fbp[data-practice=tray]) main :is(h1,h2,h3){font-family:'Public Sans',Arial,sans-serif!important}
.fbp[data-practice=tray]{--font:'Public Sans',Arial,sans-serif}

@media print{.fbp .band .note,.fbp .band legend,.fbp .band .status,.fbp .band li{color:#000!important}.fbp .table-scroll table{min-width:0!important}}

.fbp .band .timeline li::before{color:var(--on)}