:root{--ink:#1a1a1a;--ink-soft:#433f39;--muted:#5c574f;--line:#e5e2dd;--line-strong:#6d685f;--line-card:#d1cdc6;--bg:#fff;--bg-subtle:#faf9f7;--bg-muted:#f2f0ed;--orange:#ee7203;--orange-light:#fcd5a8;--orange-tint:#fef3e6;--focus:#c45e00;--green:#1f7a3d;--green-tint:#e3f3e8;--red:#b42318;--red-tint:#fdecea;--font-body:var(--font-nunito), system-ui, sans-serif;--font-display:var(--font-bricolage), var(--font-nunito), system-ui, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 8px 28px #1a1a1a1f;color-scheme:light}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}h1{letter-spacing:-.01em;font-size:30px;font-weight:800}h2{font-size:20px;font-weight:700}h3{font-size:17px;font-weight:700}p{margin:0}a{color:var(--ink);text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}::placeholder{color:var(--line-strong)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:14px}.app{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.app--full{grid-template-columns:1fr}.main{min-width:0}.page{gap:28px;max-width:1120px;padding:40px 40px 96px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.page-head p{color:var(--muted);margin-top:6px}@media (width<=860px){.app{grid-template-columns:1fr}.page{padding:24px 16px 96px}}.sidebar{background:var(--bg-subtle);border-right:1px solid var(--line);flex-direction:column;gap:20px;height:100vh;padding:24px 16px 28px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:4px 8px;text-decoration:none;display:flex}.brand__mark{background:var(--orange);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1;display:block}.brand__club{color:var(--muted);font-size:13px;font-weight:600;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav__link{border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.nav__link:hover{background:var(--bg-muted)}.nav__link[aria-current=page]{background:var(--orange-light);font-weight:800}.nav__count{background:var(--ink);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 7px;font-size:13px;font-weight:800;display:inline-grid}.nav hr{border:0;border-top:1px solid var(--line);margin:10px 12px}.me{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding:16px 12px 0;display:flex}.avatar{background:var(--orange-light);border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.me__text{flex-direction:column;flex:1;align-items:flex-start;min-width:0;line-height:1.3;display:flex}.me__logout{cursor:pointer;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px;background:0 0;border:0;padding:4px 0 0;font-size:14px;font-weight:700;text-decoration-thickness:2px}.env-badge{background:var(--ink);color:#fff;border-radius:999px;align-self:start;padding:4px 10px;font-size:13px;font-weight:800}.sidebar .menu-toggle{display:none}@media (width<=860px){.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;height:auto;padding:12px 16px;position:static}.sidebar .nav,.sidebar .me{flex-basis:100%;display:none}.sidebar--open .nav,.sidebar--open .me{display:flex}.sidebar .menu-toggle{margin-left:auto;display:inline-flex}}.btn{border-radius:var(--radius);min-height:46px;font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.btn--primary:hover:not(:disabled){background:#f58a2a}.btn--secondary{border-color:var(--orange);background:#fff}.btn--secondary:hover:not(:disabled){background:var(--orange-tint)}.btn--quiet{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px;font-family:var(--font-body);background:0 0;border-color:#0000;padding:0 10px;text-decoration-thickness:2px}.btn--danger{border-color:var(--red);color:var(--red);background:#fff}.btn--sm{border-radius:10px;min-height:40px;padding:0 14px;font-size:15px}.btn--plain{border:1px solid var(--line-strong);min-height:40px;font-size:15px;font-family:var(--font-body);background:#fff;border-radius:10px;padding:0 14px}.btn--plain:hover:not(:disabled){background:var(--bg-subtle)}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--ink-soft);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg-muted)}.icon-btn:disabled{color:#a9a49b;cursor:default}.split{border-radius:var(--radius);background:var(--orange);display:inline-flex;position:relative}.split>.btn{border:0}.split>.btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.split__more{width:46px;border-radius:0 var(--radius) var(--radius) 0!important;border-left:1px solid #1a1a1a4d!important;padding:0!important}.pill{white-space:nowrap;background:var(--bg-muted);border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-flex}.pill:before{content:"";border:2px solid var(--line-strong);border-radius:999px;width:9px;height:9px}.pill--op-de-site{background:var(--green-tint)}.pill--op-de-site:before{background:var(--green);border-color:var(--green)}.pill--gewijzigd{background:var(--orange-tint)}.pill--gewijzigd:before{background:var(--orange);border-color:var(--focus)}.pill--gepland:before{border-style:dashed}.card{border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:16px;padding:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.actions{flex-wrap:wrap;gap:12px;display:flex}.big-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.big-action{border:2px solid var(--orange);background:var(--orange-tint);font-family:var(--font-display);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:20px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.big-action:hover{background:var(--orange-light)}.big-action__icon{background:var(--orange);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.list{margin:0;padding:0;list-style:none;display:grid}.list>li+li{border-top:1px solid var(--line)}.list a,.list .row{align-items:center;gap:14px;padding:12px 4px;text-decoration:none;display:flex}.list a:hover{background:var(--bg-subtle)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line-card);border-radius:16px;padding:32px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{border:1px solid var(--line-strong);border-radius:var(--radius);min-width:260px;height:46px;padding:0 14px}.tabs{background:var(--bg-muted);border-radius:var(--radius);gap:4px;padding:4px;display:inline-flex}.tabs button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-weight:700}.tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0000001f}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);background:var(--bg-subtle);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:14px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--bg-subtle)}.table a.row-link{font-weight:700;text-decoration:none}.table a.row-link:hover{text-decoration:underline;text-decoration-color:var(--orange)}.thumb{object-fit:cover;background:var(--bg-muted);border-radius:6px;width:56px;height:40px;display:block}.field{gap:8px;display:grid}.field__label{align-items:baseline;gap:8px;font-weight:800;display:flex}.field__hint{color:var(--muted);font-size:14px;font-weight:600}.field__help{color:var(--muted);font-size:14px}.field__error{color:var(--red);font-size:14px;font-weight:700}.input,.textarea,.select{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;width:100%;min-height:48px;padding:10px 14px;font-size:17px}.textarea{resize:vertical;line-height:1.5}.input--title{font-family:var(--font-display);min-height:56px;font-size:22px;font-weight:700}.input[readonly]{background:var(--bg-muted)}.input:focus,.textarea:focus,.select:focus{outline:3px solid var(--focus);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink);flex-shrink:0;margin-top:1px}.check__text{gap:2px;display:grid}.more{border-top:1px solid var(--line);padding-top:12px}.more>summary{cursor:pointer;align-items:center;min-height:40px;font-weight:800;display:flex}.more[open]>summary{margin-bottom:20px}.form-stack{gap:28px;display:grid}.editor-bar{z-index:20;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 32px;display:flex;position:sticky;top:0}.editor-bar__status{flex-wrap:wrap;flex:320px;align-items:center;gap:14px;min-width:0;display:flex}.back{border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 6px;font-weight:700;text-decoration:none;display:inline-flex}.back:hover{background:var(--bg-muted)}.editor{grid-template-columns:minmax(0,700px) minmax(0,1fr);min-height:calc(100vh - 71px);display:grid}.editor--single{grid-template-columns:minmax(0,760px)}.editor__form{align-content:start;gap:28px;padding:36px 40px 120px;display:grid}.editor__preview{border-left:1px solid var(--line);background:var(--bg-muted);grid-template-rows:auto auto 1fr;height:calc(100vh - 71px);display:grid;position:sticky;top:71px}.preview-slow{margin:12px 16px 0}.editor__preview-bar{border-bottom:1px solid var(--line);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-frame{background:#fff;border:0;width:100%;height:100%}.preview-frame--phone{border-left:1px solid var(--line);border-right:1px solid var(--line);justify-self:center;width:390px}.mode-toggle{display:none}@media (width<=1100px){.editor{grid-template-columns:1fr}.editor__preview{border-left:0;height:80vh;display:none;position:static}.editor--show-preview .editor__preview{display:grid}.editor--show-preview .editor__form{display:none}.mode-toggle{display:inline-flex}.preview-width{display:none}.preview-frame--phone{border:0;width:100%}.editor__form{padding:24px 16px 120px}.editor-bar{padding:10px 16px}}.problems{border:2px solid var(--red);background:var(--red-tint);border-radius:var(--radius);gap:6px;padding:14px 18px;display:grid}.problems ul{margin:0;padding-left:20px}.notice{border-radius:var(--radius);background:var(--orange-tint);border:1px solid var(--orange-light);padding:14px 18px}.notice--ok{background:var(--green-tint);border-color:#b9e0c6}.blocks{gap:14px;display:grid}.block{border:1px solid var(--line-card);background:#fff;border-radius:14px;overflow:hidden}.block--dragging{box-shadow:var(--shadow);opacity:.95}.block__head{background:var(--bg-subtle);border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:6px 8px 6px 4px;display:flex}.block__title{flex:1;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.block__body{gap:16px;padding:16px;display:grid}.drag{cursor:grab;touch-action:none}.add-block{border:2px dashed var(--line-card);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:56px;font-weight:800;display:flex}.add-block:hover{border-color:var(--orange);background:var(--orange-tint)}.block-picker{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.block-option{text-align:left;border:1px solid var(--line-card);cursor:pointer;background:#fff;border-radius:12px;gap:4px;padding:14px 16px;display:grid}.block-option:hover{border-color:var(--orange);background:var(--orange-tint)}.block-option strong{font-family:var(--font-display);font-size:17px}.rt{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.rt:focus-within{outline:3px solid var(--focus);outline-offset:2px}.rt__toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:6px 8px;display:flex}.rt__toolbar button{cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:38px;height:38px;padding:0 9px;font-weight:700}.rt__toolbar button:hover{background:var(--bg-muted)}.rt__toolbar button[aria-pressed=true]{background:var(--orange-light)}.rt__sep{background:var(--line);width:1px;margin:6px 4px}.rt__content .ProseMirror{outline:none;min-height:140px;padding:14px 16px;font-size:17px;line-height:1.6}.rt__content .ProseMirror>*+*{margin-top:.75em}.rt__content h2{font-size:22px}.rt__content h3{font-size:19px}.rt__content ul,.rt__content ol{padding-left:24px}.rt__content table{border-collapse:collapse;width:100%}.rt__content td,.rt__content th{border:1px solid var(--line-card);vertical-align:top;min-width:60px;padding:6px 8px}.rt__content th{background:var(--bg-subtle)}.rt__content img{max-width:100%;height:auto}.rt__content .selectedCell{background:var(--orange-tint)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.media-tile{cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:12px;gap:6px;padding:0;display:grid}.media-tile[aria-pressed=true]{border-color:var(--ink)}.media-tile__img{aspect-ratio:4/3;object-fit:cover;background:var(--bg-muted);width:100%;color:var(--muted);border-radius:10px;place-items:center;font-weight:800;display:grid}.media-tile__name{text-overflow:ellipsis;white-space:nowrap;padding:0 4px 4px;font-size:13px;overflow:hidden}.media-tile__badge{justify-self:start;margin:0 4px}.badge{background:var(--red-tint);color:var(--red);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.dropzone{border:2px dashed var(--line-card);text-align:center;border-radius:16px;justify-items:center;gap:8px;padding:24px;display:grid}.dropzone--over{border-color:var(--orange);background:var(--orange-tint)}.dropzone__touch{display:none}@media (pointer:coarse){.dropzone__drag{display:none}.dropzone__touch{display:block}}.media-picked{border:1px solid var(--line);border-radius:14px;align-items:center;gap:18px;padding:14px;display:flex}.media-picked img,.media-picked .media-tile__img{object-fit:cover;border-radius:10px;flex-shrink:0;width:150px;height:100px}.media-picked__text{gap:8px;min-width:0;display:grid}.media-strip{flex-wrap:wrap;gap:10px;display:flex}.media-strip figure{margin:0;position:relative}.media-strip img{object-fit:cover;border-radius:8px;width:110px;height:80px;display:block}.media-strip .icon-btn{background:#fff;width:32px;height:32px;position:absolute;top:4px;right:4px;box-shadow:0 1px 4px #0003}dialog.dialog{width:min(920px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border:0;border-radius:20px;padding:0}dialog.dialog--small{width:min(520px,100vw - 32px)}dialog.dialog::backdrop{background:#1a1a1a73}.dialog__head{border-bottom:1px solid var(--line);z-index:1;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;position:sticky;top:0}.dialog__body{gap:20px;padding:24px;display:grid}.dialog__foot{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex;position:sticky;bottom:0}.dropdown{border:1px solid var(--line);min-width:300px;box-shadow:var(--shadow);z-index:30;background:#fff;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.dropdown button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:2px;padding:10px 12px;font-weight:700;display:grid}.dropdown button span{color:var(--muted);font-size:14px;font-weight:400}.dropdown button:hover{background:var(--bg-muted)}.dropdown hr{border:0;border-top:1px solid var(--line);margin:6px}.tree{gap:8px;display:grid}.tree-item{border:1px solid var(--line-card);background:#fff;border-radius:12px}.tree-item__row{align-items:center;gap:6px;padding:6px 8px 6px 4px;display:flex}.tree-item__label{flex:1;min-width:0;display:grid}.tree-item__label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-children{gap:8px;padding:0 12px 12px 44px;display:grid}.tag{background:var(--bg-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.toasts{z-index:100;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:12px 18px;font-weight:700}.toast--error{background:var(--red)}.list-item-card{border:1px solid var(--line-card);background:#fff;border-radius:12px}.list-item-card>summary{cursor:pointer;align-items:center;gap:6px;padding:6px 8px 6px 14px;font-weight:700;list-style:none;display:flex}.list-item-card>summary::-webkit-details-marker{display:none}.list-item-card__body{gap:16px;padding:4px 16px 16px;display:grid}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login__panel{background:var(--orange);align-content:end;gap:12px;padding:56px;display:grid}.login__panel h1{font-size:44px}.login__form{align-content:center;gap:20px;max-width:520px;padding:56px;display:grid}@media (width<=860px){.login{grid-template-columns:1fr}.login__panel,.login__form{padding:32px 16px}}