@property --cm{syntax:"<length>";inherits:true;initial-value:8px}.paneel{--porselein:#f5f4ef;--porselein-rgb:245 244 239;--inkt:#23281f;--inkt-rgb:35 40 31;--kruid:#2e7d4f;--kruid-diep:#1f5a38;--tomaat:#b8433a;--tomaat-rgb:184 67 58;--saffraan:#a87715;--staal:#29567e;--mos:#b9c4b0;--mos-diep:#8e9887;--munt:#9fd4b4;--leisteen:#6a7062;--lijn:#d8d6cc;--lijn-diep:#b9b6a8;--tekst:.95;--tekst-klein:.72;background:var(--porselein);color:var(--inkt);font-family:var(--font-body);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden;box-shadow:0 10px 40px #14191240}.paneel-rij{flex:1;min-height:0;display:flex}.pa-balk{background:var(--inkt);color:var(--porselein);padding:calc(var(--cm) * 1.2) 0;flex-direction:column;flex-shrink:0;display:flex}.pa-balk-titel{font-family:var(--font-display);text-align:center;font-weight:800;font-size:calc(var(--cm) * 1.15);letter-spacing:.02em;line-height:1.1}.pa-balk-titel small{font-family:var(--font-mono);font-weight:400;font-size:calc(var(--cm) * .55);margin-top:calc(var(--cm) * .3);color:var(--mos);display:block}.pa-balk svg{flex:1;width:100%;min-height:0}.balk-sectie{flex-direction:column;flex:1;min-height:0;display:flex}.pa-balk svg,.pa-schaal svg{font-family:var(--font-mono)}.pa-balk svg .sans,.pa-schaal svg .sans{font-family:var(--font-body)}.pa-balk svg .tekst{fill:var(--porselein)}.pa-balk svg .sub{fill:var(--mos-diep)}.pa-balk svg .accent{fill:var(--munt)}.pa-balk svg .as,.pa-balk svg .tekst-as{stroke:var(--porselein)}.pa-balk svg .accent-as{stroke:var(--munt)}.pa-balk svg .zone{fill:rgb(var(--tomaat-rgb) / 45%)}.pa-schaal svg .naam{fill:var(--inkt)}.pa-schaal svg .sub{fill:var(--leisteen)}.pa-schaal svg .as{stroke:var(--lijn)}.pa-schaal svg .tik{stroke:var(--leisteen)}.pa-schaal svg .leider{stroke:var(--lijn-diep)}.pa-balk-voet{font-family:var(--font-mono);font-size:calc(var(--cm) * .52);color:var(--mos);text-align:center;padding:calc(var(--cm) * .5) calc(var(--cm) * 1) 0;line-height:1.5}.pa-band{background:var(--inkt);color:var(--porselein);padding:calc(var(--cm) * .8) calc(var(--cm) * 1.8) calc(var(--cm) * 1);flex-shrink:0}.pa-midden-vak{--midden-cm:calc(var(--cm) * var(--midden-schaal,1));flex:1;min-width:0;min-height:0;overflow:hidden}.pa-midden{--cm:var(--midden-cm);grid-template-columns:repeat(var(--midden-kolommen,4), minmax(0, 1fr));grid-auto-rows:calc(var(--cm) * .1);align-content:start;align-items:start;column-gap:calc(var(--cm) * 1);height:100%;padding:calc(var(--cm) * 1.6) calc(var(--cm) * 1.8);grid-auto-flow:row;min-width:0;display:grid;overflow:hidden}.pa-header{border-bottom:calc(var(--cm) * .12) solid var(--inkt);padding-bottom:calc(var(--cm) * .9);justify-content:center;display:flex}.pa-header h2{font-family:var(--font-display);font-weight:800;font-size:calc(var(--cm) * 4.2);letter-spacing:-.015em;color:var(--inkt);margin:0;line-height:.95}.pa-header h2 span{color:var(--kruid)}.pa-formules{justify-content:center;align-items:center;gap:calc(var(--cm) * .45);width:100%;padding-top:calc(var(--cm) * .7);flex-direction:column;flex-shrink:0;display:flex}.chip{font-family:var(--font-mono);font-size:calc(var(--cm) * .72);color:var(--porselein);background:rgb(var(--porselein-rgb) / 10%);border:1px solid rgb(var(--porselein-rgb) / 22%);padding:calc(var(--cm) * .25) calc(var(--cm) * .7);border-radius:calc(var(--cm) * .9);white-space:nowrap}.card{min-height:0}.card h3,.pa-schaal h3,.pa-kalender h3{font-family:var(--font-display);font-weight:700;font-size:calc(var(--cm) * 1.1);letter-spacing:.06em;text-transform:uppercase}.card h3{margin:0 0 calc(var(--cm) * .3);color:var(--kruid-diep);align-items:center;gap:calc(var(--cm) * .5);display:flex}.card h3:after{content:"";height:calc(var(--cm) * .07);background:var(--lijn);flex:1}.card h3.heet{color:var(--tomaat)}.card h3.blauw{color:var(--staal)}.card h3 small,.pa-schaal h3 small,.pa-kalender h3 small{font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-size:.6em;font-weight:400}.card table{border-collapse:collapse;width:100%;font-size:calc(var(--cm) * var(--tekst))}.card td,.card th{padding:calc(var(--cm) * .15) calc(var(--cm) * .2);text-align:left;vertical-align:baseline}.card th{font-family:var(--font-mono);font-weight:500;font-size:calc(var(--cm) * var(--tekst-klein));text-transform:uppercase;letter-spacing:.08em;color:var(--leisteen);border-bottom:calc(var(--cm) * .05) solid var(--lijn)}.card tr:nth-child(2n) td{background:rgb(var(--inkt-rgb) / 3.5%)}.card.dicht td,.card.dicht th{padding-top:calc(var(--cm) * .09);padding-bottom:calc(var(--cm) * .09)}.card.paring td:last-child{color:var(--leisteen)}.card td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.card .voetnoot{font-family:var(--font-body);font-size:calc(var(--cm) * var(--tekst-klein));color:var(--leisteen);margin:calc(var(--cm) * .35) 0 0;white-space:normal}.dot{width:calc(var(--cm) * .5);height:calc(var(--cm) * .5);margin-right:calc(var(--cm) * .35);border-radius:50%;display:inline-block}.dot.rood{background:var(--tomaat)}.dot.rose{background:#d08070}.dot.bruin{background:#8a5a45}.dot.blauw{background:#5e7d8c}.dot.amber{background:var(--saffraan)}.eieren{gap:calc(var(--cm) * .9);align-items:flex-end;display:flex}.ei{text-align:center;font-size:calc(var(--cm) * var(--tekst-klein));color:var(--leisteen);flex:1}.ei .picto{display:block}.ei svg{width:100%;height:calc(var(--cm) * 3.4);display:block}.ei b{font-family:var(--font-mono);font-size:calc(var(--cm) * var(--tekst));color:var(--inkt);margin-top:calc(var(--cm) * .2);display:block}.pa-schaal{min-width:0}.pa-schaal h3{color:var(--tomaat);margin:0 0 calc(var(--cm) * .1)}.pa-schaal svg{width:100%;height:calc(var(--cm) * 5.65);display:block}.pa-kalender{flex-direction:column;flex-shrink:0;display:flex}.pa-kalender h3{color:var(--kruid-diep);margin:0 0 calc(var(--cm) * .1)}.pa-kalender .pbg-body{flex:1;min-height:0;padding:0}.pa-kalender .pbg-maand{padding-left:calc(var(--cm) * .15);padding-right:calc(var(--cm) * .15)}.pa-kalender .pbg-lanes{padding:calc(var(--cm) * .2) 0 0}.pa-weetjes{gap:calc(var(--cm) * .35) calc(var(--cm) * 1.5);font-size:calc(var(--cm) * var(--tekst));flex-wrap:wrap;display:flex}.pa-weetjes span{white-space:nowrap}.pa-weetjes b{color:var(--munt);font-weight:600}.pa-midden .pa-weetjes{background:var(--inkt);color:var(--porselein);padding:calc(var(--cm) * .7) calc(var(--cm) * 1)}.card.vrij .vrij-tekst{font-size:calc(var(--cm) * var(--tekst));margin:0 0 calc(var(--cm) * .4);line-height:1.45}.card.vrij ul,.card.vrij ol{font-size:calc(var(--cm) * var(--tekst));margin:0 0 calc(var(--cm) * .4);padding-left:calc(var(--cm) * 1.1)}.card.vrij li{margin-bottom:calc(var(--cm) * .12)}.card.vrij .vrij-ingredienten{padding-left:0;list-style:none}.card.vrij .vrij-ingredienten li:before{content:"·";color:var(--kruid);margin-right:calc(var(--cm) * .35);font-weight:700}.vrij-foto{margin:0}.vrij-foto img{border:calc(var(--cm) * .12) solid var(--inkt);width:100%;display:block}.vrij-foto-leeg{height:calc(var(--cm) * 8);border:calc(var(--cm) * .12) dashed var(--lijn-diep);color:var(--leisteen);font-family:var(--font-mono);font-size:calc(var(--cm) * var(--tekst-klein));justify-content:center;align-items:center;display:flex}.vrij-foto figcaption{font-size:calc(var(--cm) * var(--tekst-klein));color:var(--leisteen);margin-top:calc(var(--cm) * .25)}.pbg-body{--pbg-letter:1.5;--pbg-maand:2.6;min-height:0;padding:calc(var(--cm) * .8) calc(var(--cm) * 1.2) calc(var(--cm) * .5);flex-direction:column;flex:1;display:flex}.pbg-grid{grid-template-columns:repeat(12,1fr);min-width:0;display:grid}.pbg-maandkop{flex-shrink:0}.pbg-maand{text-align:center;padding:calc(var(--cm) * var(--pbg-kop-pad,.2)) calc(var(--cm) * .3);border-bottom:calc(var(--cm) * .1) solid var(--inkt);border-left:1px solid rgb(var(--inkt-rgb) / 10%)}.pbg-maand b{margin-top:calc(var(--cm) * var(--pbg-kop-schuif,0));font-family:var(--font-display);font-weight:800;font-size:calc(var(--cm) * var(--pbg-maand,2.6));letter-spacing:.01em;line-height:1.05;display:block}.pbg-maand.s-winter{background:#e9ece7}.pbg-maand.s-lente{background:#e6edd3}.pbg-maand.s-zomer{background:#f3e9cc}.pbg-maand.s-herfst{background:#efe2cf}.pbg-lanes{gap:calc(var(--cm) * .12);min-height:0;padding:calc(var(--cm) * .3) 0;flex-direction:column;flex:1;display:flex}.pbg-lane{flex:1;min-height:0;position:relative}.pbg-cel{border-left:1px solid rgb(var(--inkt-rgb) / 7%);height:100%}.pbg-cel.even{background:rgb(var(--inkt-rgb) / 2.8%)}.pbg-balk{top:calc(var(--cm) * .06);bottom:calc(var(--cm) * .06);z-index:1;border-radius:calc(var(--cm) * 1.1);border:1px solid rgb(var(--inkt-rgb) / 20%);font-size:calc(var(--cm) * var(--pbg-letter));justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.pbg-balk.s-rond{background:#e8e4d2}.pbg-balk.s-winter{background:#dfe5de}.pbg-balk.s-lente{background:#dfe8c8}.pbg-balk.s-zomer{background:#f0e2b8}.pbg-balk.s-herfst{background:#ebd9be}.pbg-label{white-space:nowrap;align-items:center;gap:.34em;line-height:1;display:flex}.pbg-label .item{align-items:center;gap:.2em;display:flex}.pbg-label .item svg{flex-shrink:0;width:.85em;height:.85em}.pbg-proef{visibility:hidden}.pbg-balk.doorL{-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--cm) * 2.4));-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--cm) * 2.4));mask-image:linear-gradient(90deg, transparent, #000 calc(var(--cm) * 2.4));border-top-left-radius:0;border-bottom-left-radius:0}.pbg-balk.doorR{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - var(--cm) * 2.4), transparent);-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - var(--cm) * 2.4), transparent);mask-image:linear-gradient(90deg, #000 calc(100% - var(--cm) * 2.4), transparent);border-top-right-radius:0;border-bottom-right-radius:0}@media (prefers-reduced-motion:no-preference){.pbg-balk:hover{filter:brightness(1.06)}}@media print{.paneel{box-shadow:none}}:root{--kruid:#2e7d4f;--kruid-licht:#7fbf99;--tomaat:#b8433a;--leisteen:#6a7062;--page-bg:#eceae2;--page-ink:#23281f;--page-card:#f5f4ef;--page-muted:#6a7062;--font-display:"Bricolage Grotesque", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "Menlo", monospace}@media (prefers-color-scheme:dark){:root{--page-bg:#191b16;--page-ink:#e8e6dc;--page-card:#23261f;--page-muted:#9ba091}}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--page-ink);font-family:var(--font-body);margin:0;line-height:1.5}.chrome{max-width:1340px;margin:0 auto;padding:2.5rem 2rem 5rem}.chrome-header h1,.chrome h1{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .3rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.chrome-header p{color:var(--page-muted);max-width:62ch;margin:0}.chrome .sectlead{color:var(--page-muted);max-width:70ch;margin:0 0 1.2rem}a:focus-visible{outline:2px solid var(--kruid);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer}.wizard-knoppen{gap:.6rem;margin-top:1.6rem;display:flex}.wizard-knoppen button,button.primair,button.rand{border:1px solid color-mix(in srgb, var(--page-ink) 25%, transparent);background:0 0;border-radius:999px;padding:.45rem 1.1rem;font-size:.9rem}button.primair,.wizard-knoppen .primair{background:var(--kruid);border-color:var(--kruid);color:#fff}button.primair:hover{background:var(--kruid);filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}input[type=number],input[type=text],select{font:inherit;color:inherit;background:var(--page-card);border:1px solid color-mix(in srgb, var(--page-ink) 22%, transparent);border-radius:6px;width:6.5rem;padding:.3rem .5rem}input:focus-visible,select:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid var(--kruid);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--kruid)}.fout{color:var(--tomaat);margin:.6rem 0 0}.wizard-stappen{gap:.4rem;margin:2rem 0 1.4rem;padding:0;list-style:none;display:flex}.wizard-stappen button{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--page-muted);background:0 0;border:0;border-radius:999px;padding:.35rem .8rem;font-size:.8rem}.wizard-stappen .actief button{background:color-mix(in srgb, var(--kruid) 14%, transparent);color:var(--kruid)}.wizard-stappen .af button{color:var(--page-ink)}.tegels{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin:.4rem 0;display:grid}.tegel{text-align:left;background:var(--page-card);border:2px solid color-mix(in srgb, var(--page-ink) 12%, transparent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem 1rem;display:flex}.tegel:hover{border-color:color-mix(in srgb, var(--kruid) 55%, transparent)}.tegel.gekozen{border-color:var(--kruid)}.tegel-naam{font-family:var(--font-display);font-size:1.02rem;font-weight:700}.tegel-sub{color:var(--page-muted);font-size:.8rem}.mini{aspect-ratio:10/7;border:1px solid color-mix(in srgb, var(--page-ink) 20%, transparent);background:#f5f4ef;border-radius:4px;flex-direction:column;width:100%;margin-bottom:.3rem;display:flex;overflow:hidden}.mini-rij{flex:1;display:flex}.mini-balk{background:#23281f;width:13%}.mini-vlak{flex:1}.mini-band{background:#23281f;height:14%}.wizard-regel{flex-wrap:wrap;align-items:center;gap:1.2rem;margin:1rem 0 0;display:flex}.wizard-regel label{align-items:center;gap:.4rem;display:flex}.panel-scroll{padding-bottom:.8rem;overflow-x:auto}.maatlabel{font-family:var(--font-mono);color:var(--page-muted);margin-top:.5rem;font-size:.75rem}.editor{flex-direction:column;height:100vh;display:flex}.editor-kop{border-bottom:1px solid color-mix(in srgb, var(--page-ink) 14%, transparent);background:var(--page-card);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1.2rem;display:flex}.editor-terug{color:var(--page-muted);white-space:nowrap;font-size:.85rem;text-decoration:none}.editor-terug:hover{color:var(--kruid)}.editor-titel{width:auto;max-width:26rem;font-family:var(--font-display);background:0 0;border-color:#0000;flex:1;font-size:1.05rem;font-weight:700}.editor-titel:hover,.editor-titel:focus{border-color:color-mix(in srgb, var(--page-ink) 22%, transparent);background:var(--page-bg)}.editor-maat{font-family:var(--font-mono);color:var(--page-muted);white-space:nowrap;font-size:.78rem}.editor-status{text-align:right;color:var(--page-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.mijn-ontwerpen{color:var(--page-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.4rem;font-size:.85rem;display:flex}.mijn-ontwerpen a{color:var(--kruid);border:1px solid color-mix(in srgb, var(--kruid) 40%, transparent);border-radius:999px;padding:.15rem .7rem;text-decoration:none}.mijn-ontwerpen a:hover{background:color-mix(in srgb, var(--kruid) 12%, transparent)}@media (prefers-color-scheme:dark){.mijn-ontwerpen a{color:var(--kruid-licht)}}.editor-romp{flex:1;min-height:0;display:flex;position:relative}.editor-zij{border-right:1px solid color-mix(in srgb, var(--page-ink) 14%, transparent);background:var(--page-card);flex-direction:column;flex-shrink:0;width:21rem;padding:1rem;display:flex;overflow-y:auto}.editor-zij>button{align-self:start}.editor-zij>.sectie-form{flex-direction:column;flex:1;min-height:0;display:flex}.editor-zij .sectie-form .form{flex:1;min-height:0}.editor-preview{flex:1;min-width:0;padding:1.5rem;display:flex;overflow:auto}.editor-preview>.paneel{margin:auto}.zoom-knoppen{background:var(--page-card);border:1px solid color-mix(in srgb, var(--page-ink) 18%, transparent);border-radius:999px;gap:.2rem;padding:.15rem;display:flex;position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 2px 10px #0000001f}.zoom-knoppen button{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;min-width:2rem;padding:.25rem .5rem;font-size:.85rem}.zoom-knoppen button:hover{background:color-mix(in srgb, var(--page-ink) 10%, transparent)}@media (width<=700px){.editor-romp{flex-direction:column}.editor-zij{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--page-ink) 14%, transparent);width:auto;max-height:50vh}}.plaat-blok{margin-bottom:1.2rem}.plaat-blok summary{cursor:pointer;font-family:var(--font-display);padding:.3rem 0;font-size:.95rem;font-weight:700}.regio-blok{margin-bottom:1.4rem}.regio-blok h3{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--page-muted);margin:0 0 .4rem;font-size:.72rem}.sectie-lijst{margin:0 0 .5rem;padding:0;list-style:none}.sectie-lijst li{align-items:center;gap:.4rem;padding:.15rem 0;display:flex}.sectie-lijst .leeg{color:var(--page-muted);font-size:.82rem}.sectie-naam{text-align:left;background:0 0;border:0;border-radius:6px;flex:1;padding:.25rem .4rem;font-size:.88rem}.sectie-naam:hover{background:color-mix(in srgb, var(--kruid) 12%, transparent)}.sectie-acties{gap:.1rem;display:flex}.sectie-acties button{color:var(--page-muted);background:0 0;border:0;border-radius:4px;padding:.15rem .3rem;font-size:.85rem}.sectie-acties button:hover:not(:disabled){background:color-mix(in srgb, var(--page-ink) 10%, transparent);color:var(--page-ink)}.sectie-toevoegen{gap:.4rem;display:flex}.sectie-toevoegen select{flex:1;width:auto}button.rand{border:1px solid color-mix(in srgb, var(--page-ink) 25%, transparent);background:0 0;border-radius:999px;padding:.3rem .8rem;font-size:.82rem}button.rand:hover:not(:disabled){border-color:var(--kruid);color:var(--kruid)}.sectie-form h3{font-family:var(--font-display);margin:.8rem 0 .6rem}.form{flex-direction:column;gap:.45rem;display:flex}.form-rij{justify-content:space-between;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.form-rij input[type=text],.form-rij select{width:11rem}.form-rij input[type=number]{width:5.5rem}.form-rij.form-vlak{flex-direction:column;align-items:stretch}.form textarea{font:inherit;color:inherit;background:var(--page-bg);border:1px solid color-mix(in srgb, var(--page-ink) 22%, transparent);resize:vertical;border-radius:6px;padding:.4rem .5rem}.form-hint{color:var(--page-muted);margin:.3rem 0 0;font-size:.78rem}.lijst-blok{border:1px solid color-mix(in srgb, var(--page-ink) 14%, transparent);border-radius:8px;min-width:0;margin:.4rem 0 0;padding:.6rem}.lijst-blok legend{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--page-muted);padding:0 .3rem;font-size:.7rem}.lijst-rij{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.45rem;display:flex}.lijst-rij input[type=text]{flex:7.5rem;width:3rem;min-width:0}.lijst-rij input.smal,.lijst-rij input[type=number]{flex:none;width:4.3rem}.lijst-rij input[type=color]{background:0 0;border:0;flex:none;width:2rem;height:1.6rem;padding:0}.lijst-rij select{flex:none;width:7rem}.lijst-rij .tussenkop{font-family:var(--font-mono);text-transform:uppercase}.lijst-blok:has(>.bib-lijst){flex-direction:column;flex:1;min-height:12rem;display:flex}.bib-lijst{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:.1rem .6rem;min-height:9rem;display:grid;overflow-y:auto}.bib-item{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;min-width:0;padding:.1rem 0;font-size:.82rem;display:flex;overflow:hidden}.bib-icoon{width:1em;height:1em;display:inline-flex}.bib-icoon svg{width:100%;height:100%}.maand-kiezer{flex-wrap:wrap;gap:.3rem .6rem;margin:.4rem 0;font-size:.8rem;display:flex}.maand-kiezer label{align-items:center;gap:.2rem;display:flex}.sectie-vak{position:relative}.editor-preview .sectie-vak:has(>.sectie-zweef):hover{outline:2px dashed color-mix(in srgb, var(--kruid) 70%, transparent);outline-offset:2px}.sectie-zweef{z-index:3;gap:.15rem;display:none;position:absolute;top:2px;right:2px}.sectie-vak:hover>.sectie-zweef{display:flex}.sectie-zweef button{border:1px solid color-mix(in srgb, var(--page-ink) 25%, transparent);background:var(--page-card);width:1.35rem;height:1.35rem;color:var(--page-ink);border-radius:50%;place-items:center;padding:0;font-size:.75rem;line-height:1;display:grid;box-shadow:0 1px 4px #00000040}.sectie-zweef button:hover{border-color:var(--kruid);color:var(--kruid)}.sectie-acties .info{font-size:.95rem}.voorbeeld-laag{z-index:20;background:#00000073;display:flex;position:fixed;inset:0}.voorbeeld-vak{background:var(--page-card);border-radius:12px;flex-direction:column;gap:.8rem;max-width:min(92vw,60rem);max-height:88vh;margin:auto;padding:1rem 1.2rem 1.2rem;display:flex;box-shadow:0 18px 60px #00000059}.voorbeeld-kop{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1rem;display:flex}.voorbeeld-paneel{--cm:10px;box-shadow:none;border-radius:6px;display:block;overflow:auto}.voorbeeld-paneel .voorbeeld-middenvak{height:auto;width:calc(var(--cm) * 46);max-width:100%;padding:calc(var(--cm) * 1.6);display:block;overflow:visible}.voorbeeld-paneel .voorbeeld-balkvak{width:calc(var(--cm) * 16);height:calc(var(--cm) * 62);margin:0 auto}.handvat{cursor:grab;color:var(--page-muted);-webkit-user-select:none;user-select:none;flex:none;padding:.1rem .15rem;font-size:.8rem;line-height:1}.handvat:active{cursor:grabbing}.sectie-lijst li[draggable=true],.editor-preview .paneel [draggable=true]{cursor:grab}.sleep-bron{opacity:.35}.sleep-voor{box-shadow:0 -3px 0 0 var(--kruid)}.sleep-na{box-shadow:0 3px 0 0 var(--kruid)}.druk-keuze{gap:.3rem;display:flex}.druk-keuze select{width:auto;max-width:15rem;font-size:.8rem}html[data-druk] .paneel{--cm:var(--druk-cm)!important}@media print{html[data-druk],html[data-druk] body{background:#fff;height:auto;margin:0}html[data-druk] .editor{height:auto;display:block}html[data-druk] .editor-kop,html[data-druk] .editor-zij,html[data-druk] .zoom-knoppen,html[data-druk] .voorbeeld-laag{display:none}html[data-druk] .editor-romp{display:block}html[data-druk] .editor-preview{padding:0;display:block;overflow:visible}html[data-druk=afloop] body{background:#f5f4ef}html[data-druk=afloop] .editor-preview{background:#f5f4ef;padding:.5cm}}
