@page{size:A4;margin:0}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.doc{font-family:"Google Sans Flex","Google Sans",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;color:#141317;
  background:#E9E3D7;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.blad{width:210mm;height:297mm;margin:10mm auto;padding:15mm 16mm 12mm;background:#fff;display:flex;flex-direction:column;
  box-shadow:0 2px 4px rgba(20,19,23,.06),0 30px 60px -20px rgba(20,19,23,.35);overflow:hidden}
@media print{body.doc{background:#fff}.blad{margin:0;box-shadow:none}}

.blad>header{display:flex;flex-direction:column;gap:5mm;padding-bottom:5mm;border-bottom:.5mm solid #141317}
.merk{font-size:9.5pt;font-weight:700;letter-spacing:-.03em}
.kop-r{display:flex;justify-content:space-between;align-items:baseline;gap:6mm}
.blad-n{font-size:8pt;color:#6F6B75;text-align:right}
.blad h1{font-size:21pt;line-height:1.05;letter-spacing:-.035em;font-weight:620}
.blad>header p{margin-top:1.6mm;font-size:9.5pt;color:#4B4852}
.blad h2{margin-top:7mm;font-size:10.5pt;font-weight:650;letter-spacing:-.01em}

.velden{display:grid;grid-template-columns:1fr 1fr;column-gap:8mm;row-gap:1mm;margin-top:2.5mm}
.v{display:flex;flex-direction:column}
.v span{font-size:7.5pt;color:#6F6B75;letter-spacing:.01em}
.v i{display:block;height:7.5mm;border-bottom:.3mm solid #B9B3A8}
.v.breed{grid-column:1/-1}
.velden.vier{grid-template-columns:repeat(4,1fr);column-gap:5mm;margin-top:4mm}
.v.breed i{height:21mm;background:repeating-linear-gradient(transparent 0 6.7mm,#B9B3A8 6.7mm 7mm)}
body.doc:not(.vrij) .velden+.velden{margin-top:5mm;padding-top:3mm;border-top:.3mm dashed #CFC9BE}
.vrij .velden+.velden{margin-top:.6mm}

.noot{margin-top:6mm;padding:3mm 4mm;border-radius:2.5mm;background:#F3EFE7;font-size:8.5pt;line-height:1.45;color:#4B4852}
.noot.let{margin-top:4mm}

table{width:100%;margin-top:5mm;border-collapse:collapse;table-layout:fixed}
th{padding:0 1.6mm 2mm;font-size:7pt;line-height:1.25;font-weight:620;color:#4B4852;text-align:left;vertical-align:bottom;border-bottom:.4mm solid #141317}
body.doc:not(.vrij) th:nth-child(1),body.doc:not(.vrij) th:nth-child(3),body.doc:not(.vrij) th:nth-child(6){width:13%}
body.doc:not(.vrij) th:nth-child(2){width:15%}
body.doc:not(.vrij) th:nth-child(4),body.doc:not(.vrij) th:nth-child(5),body.doc:not(.vrij) th:nth-child(7){width:11.5%}
td{height:14.5mm;padding:1.4mm 1.6mm;border-bottom:.3mm solid #B9B3A8;border-right:.3mm solid #E2DDD3;vertical-align:top}
td:last-child{border-right:0}
.vk{display:flex;align-items:center;gap:1.4mm;font-size:6.6pt;line-height:1.5;color:#4B4852}
.vk i{flex:none;width:2.4mm;height:2.4mm;border:.3mm solid #6F6B75;border-radius:.5mm}

.vragen{margin-top:2.5mm}
.vragen span{font-size:7.5pt;color:#6F6B75}
.vragen i{display:block;height:8mm;border-bottom:.3mm solid #B9B3A8}

.blad>footer{margin-top:auto;padding-top:3mm;border-top:.3mm solid #CFC9BE;display:flex;justify-content:space-between;gap:6mm;font-size:7pt;color:#6F6B75}


.vrij .blad{height:auto;min-height:297mm}
.vrij.a5 .blad{width:148mm;min-height:210mm;padding:11mm 12mm 10mm}
.vrij.a4l .blad{width:297mm;min-height:210mm}
.vrij .blad>footer{margin-top:8mm}
@media print{.vrij .blad{width:auto;min-height:0;padding:0}}
.vk-regel{display:flex;align-items:flex-start;gap:3mm;padding:2.2mm 0;border-bottom:.3mm solid #E2DDD3;font-size:9pt;line-height:1.4;break-inside:avoid}
.vk-regel i{flex:none;width:3.6mm;height:3.6mm;margin-top:.3mm;border:.35mm solid #6F6B75;border-radius:.6mm}
.keuzes{display:flex;flex-wrap:wrap;gap:2mm 6mm;margin-top:2.5mm}
.keuzes .vk{font-size:8.5pt}
.keuzes .vk i{width:3mm;height:3mm}
.blad h2{break-after:avoid}
table{break-inside:auto}
tr{break-inside:avoid}
.vrij td{height:11mm}


.vrij .blad>header{gap:3mm;padding-bottom:3.5mm}
.vrij .blad h1{font-size:18pt}
.vrij .blad>header p{margin-top:1mm;font-size:9pt}
.vrij .blad h2{margin-top:5mm;font-size:10pt}
.vrij .velden{row-gap:.6mm;margin-top:1mm}
.vrij .v span{font-size:7pt}
.vrij .v i{height:6.4mm}
.vrij .v.breed1{grid-column:1/-1}
.vrij .v.breed i{height:12.8mm;background:repeating-linear-gradient(transparent 0 6.1mm,#B9B3A8 6.1mm 6.4mm)}
.vrij .noot{margin-top:2.5mm;padding:2mm 3mm;font-size:7.8pt;line-height:1.4}
.vrij table{margin-top:2.5mm}
.vrij th{padding-bottom:1.5mm}
.vrij td{height:8.5mm}
.vrij .blad>footer{margin-top:5mm}
.item-kop{display:flex;align-items:baseline;justify-content:space-between;gap:6mm;margin-top:5mm;break-after:avoid}
.item-kop h2{margin-top:0!important}
.item-kop .keuzes{flex:none;margin-top:0}
.vrij.a4l .velden{grid-template-columns:repeat(3,1fr)}
.vrij.a4l .blad h2{margin-top:4mm}
.vrij.a4l .blad>header{gap:2mm;padding-bottom:3mm}
.vrij.a4l td{height:8mm}
.vrij.a4l .noot{margin-top:2mm;padding:1.6mm 3mm}
.vrij.a4l .blad>footer{margin-top:4mm}


.doc-balk{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc(50% - 105mm));
  background:rgba(233,227,215,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.vrij.a4l .doc-balk{padding-inline:max(16px,calc(50% - 148.5mm))}
.doc-balk a{min-width:0;line-height:1.25;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:550;color:#141317;text-decoration:none}
.doc-balk a svg{width:16px;height:16px}
.doc-balk button{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:#141317;color:#fff;
  font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.doc-balk button svg{width:18px;height:18px}

.blad-w{--bw:210mm;--bh:297mm;width:calc(var(--bw)*var(--z,1));height:calc(var(--bh)*var(--z,1));margin:10mm auto}
.vrij.a4l .blad-w{--bw:297mm;--bh:210mm}
.vrij.a5 .blad-w{--bw:148mm;--bh:210mm}
@media screen{.blad{margin:0;transform:scale(var(--z,1));transform-origin:0 0}}
@media screen and (max-width:840px){.blad-w{margin:12px auto}}
@media print{.blad-w{width:auto;height:auto;margin:0;break-after:page}.blad-w:last-child{break-after:auto}.vrij .blad-w+.blad-w{break-before:page}}
@media print{.doc-balk{display:none}}
@media print{.vrij.a4l .blad,.vrij.a5 .blad{width:auto;min-height:0}}
.vrij.a4l .blad>header{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}
.vrij.a4l .blad h2{margin-top:3.5mm}
.vrij.a4l td{height:7.6mm}


.vrij{--hoog:252mm}  

.vrij.a4l{--hoog:188mm}
.vrij.a4l .blad{padding:12mm 14mm 10mm}
.peil{position:absolute;display:block;width:1px;height:var(--hoog);visibility:hidden}
.vrij .v i{height:calc(6.4mm*var(--rm,1))}
.vrij .v.breed i{height:calc(12.8mm*var(--r,1));background:repeating-linear-gradient(transparent 0 calc(6.1mm*var(--r,1)),#B9B3A8 calc(6.1mm*var(--r,1)) calc(6.4mm*var(--r,1)))}

.vrij td{height:calc(8.8mm*var(--r,1))}
.vrij.a4l td{height:calc(7.6mm*var(--r,1))}
.vrij .blad h2,.item-kop{margin-top:calc(5mm*var(--rm,1))}
.vrij.a4l .blad h2{margin-top:calc(3.5mm*var(--rm,1))}
@media print{.vrij.a4l .blad,.vrij.a5 .blad{padding:0}}


.keuzes .k-label{font-size:7.5pt;font-weight:620;color:#4B4852;margin-right:-2mm}
.item-kop .keuzes{gap:1.5mm 4.5mm;align-items:center}
.vrij .controles td,.vrij.a4l .controles td{height:calc(9mm*var(--r,1))}
.controles .c-tekst{font-size:7.6pt;line-height:1.35;color:#141317}
.controles .c-keuze{padding-top:1.2mm}

.controles .c-keuze>div{display:flex;flex-wrap:wrap;gap:.6mm 3.2mm;align-content:flex-start}
.controles .c-keuze .vk{font-size:7pt;line-height:1.35}
.controles .c-keuze .vk i{width:2.8mm;height:2.8mm}
.fk-matrix th{vertical-align:top}
.fk-matrix th span{display:block}
.fk-matrix .kd{display:block;height:4.6mm;margin-top:.6mm;border-bottom:.3mm solid #B9B3A8}
.vrij .fk-matrix td{height:calc(11mm*var(--r,1))}
.fk-matrix .fk-dag{position:relative}
.fk-matrix .vkb{display:block;width:4mm;height:4mm;margin:1mm 0 0;border:.35mm solid #141317;border-radius:.6mm}
.fk-matrix .ini{position:absolute;left:1.6mm;right:1.6mm;bottom:1.4mm;display:block;height:4.6mm;border-bottom:.3mm solid #B9B3A8}
.blad-nr{display:inline-block;width:12mm;height:3.4mm;margin-left:1mm;vertical-align:-.6mm;border-bottom:.25mm solid #8C8893}
.vragen>div{display:block}


.v.breed i[data-ft="vlak"],.vrij .v.breed i[data-ft="vlak"]{background:none;border:.3mm solid #CFC9BF;border-radius:1.2mm;margin-bottom:2mm}
.vragen>div[data-ft="vlak"]{border:.3mm solid #CFC9BF;border-radius:1.2mm}
.vragen>div[data-ft="vlak"] i{border-bottom:0}

.med .velden.blad2{align-items:end;row-gap:1.5mm}

.med .velden.groei{flex:1;grid-template-rows:repeat(4,auto) 1fr}
.med .velden.groei>.v.breed i{flex:1;height:auto;min-height:21mm}
.med .groei~footer{margin-top:6mm}

.med td{height:12.2mm}

.fk-matrix .ini{left:6.4mm}