/* De omlijsting hoort alleen bij het overzicht; het werkvlak blijft wit. */
html{background:var(--wp-desktop-base,#171717)!important}
body{background:var(--wp-desktop-base,#171717)!important;isolation:isolate;padding:clamp(20px,3vw,48px) clamp(20px,calc((100vw - 1200px)/4),7vw);min-height:100vh}
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none}
body::before{inset:0;background:radial-gradient(circle at 101% 1%,var(--wp-accent,#e32720) 0 220px,transparent 221px),radial-gradient(ellipse at -7% 26%,#eeeae0 0 235px,transparent 236px),radial-gradient(circle at 5% 82%,var(--wp-accent,#e32720) 0 65px,transparent 66px),linear-gradient(90deg,var(--wp-accent,#e32720) 0 22px,transparent 22px),linear-gradient(135deg,transparent 70%,#242424 70%);}
body::after{left:38px;bottom:0;width:110px;height:31vh;border-top:1px solid #b8b5ab;background:repeating-linear-gradient(90deg,transparent 0 14px,#b8b5ab 14px 15px,transparent 15px 19px);opacity:.65}
html[data-desktop="calm"]{--wp-desktop-base:#e8e2d7}
html[data-desktop="calm"] body::before{background:linear-gradient(110deg,#eee9df 0 52%,#ded5c6 52% 100%)}
html[data-desktop="calm"] body::after{display:none}
html[data-desktop="paper"]{--wp-desktop-base:#d8c8aa}
html[data-desktop="paper"] body::before{background:radial-gradient(circle at 16% 18%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 78% 68%,#5d493c20 0 1px,transparent 2px),repeating-linear-gradient(2deg,#eadfc9 0 5px,#e3d6bd 6px 7px)}
html[data-desktop="paper"] body::after{left:42px;top:0;bottom:auto;width:2px;height:100vh;border:0;background:var(--wp-accent,#c51d17);opacity:.7}
html[data-desktop="grid"]{--wp-desktop-base:#d9edf0}
html[data-desktop="grid"] body::before{background:linear-gradient(#306b7830 1px,transparent 1px),linear-gradient(90deg,#306b7830 1px,transparent 1px),linear-gradient(#306b781c 1px,transparent 1px),linear-gradient(90deg,#306b781c 1px,transparent 1px),#d9edf0;background-size:80px 80px,80px 80px,16px 16px,16px 16px,auto}
html[data-desktop="grid"] body::after{left:auto;right:42px;bottom:42px;width:74px;height:74px;border:2px solid var(--wp-accent,#c51d17);border-radius:50%;background:linear-gradient(90deg,transparent 35px,var(--wp-accent,#c51d17) 35px 39px,transparent 39px),linear-gradient(transparent 35px,var(--wp-accent,#c51d17) 35px 39px,transparent 39px);opacity:1}
html[data-desktop="night"]{--wp-desktop-base:#08090b}
html[data-desktop="night"] body::before{background:radial-gradient(circle at 77% 16%,#fff 0 2px,transparent 3px),radial-gradient(circle at 11% 72%,#fff8 0 1px,transparent 2px),radial-gradient(ellipse at 50% 35%,#303742 0,transparent 55%),linear-gradient(118deg,transparent 0 68%,#121820 68% 100%)}
html[data-desktop="night"] body::after{left:0;bottom:12%;width:34vw;height:8px;border:0;background:var(--wp-accent,#c51d17);opacity:1}
html[data-desktop="outside"]{--wp-desktop-base:#b7d8df}
html[data-desktop="outside"] body::before{background:radial-gradient(circle at 82% 16%,#fff5c5 0 72px,transparent 73px),linear-gradient(165deg,transparent 0 56%,#6d8273 56% 67%,transparent 67%),linear-gradient(195deg,transparent 0 61%,#344d43 61% 74%,transparent 74%),linear-gradient(#b7d8df 0 64%,#d7cab1 64% 100%)}
html[data-desktop="outside"] body::after{left:5%;bottom:7%;width:90%;height:2px;border:0;background:#111;opacity:.55}
html[data-desktop="custom"]{--wp-desktop-base:#171717}
html[data-desktop="custom"] body::before{background-color:#171717;background-image:var(--wp-desktop-image);background-size:var(--wp-desktop-size,cover);background-position:center;background-repeat:no-repeat}
html[data-desktop="custom"] body::after{display:none}
.shell{max-width:1800px;margin:0 auto;padding:0 24px;border-radius:32px;background:#fff!important;box-shadow:0 16px 60px #0004;overflow:hidden}
header{padding:18px 0 14px;border-bottom-width:4px}
.wordmark-copy{display:grid;gap:2px;line-height:1.05}
.wordmark-product{font-size:11px;letter-spacing:1.35px;text-transform:uppercase}
.wordmark-personal{font-size:20px;letter-spacing:0;text-transform:none}
.wordmark-personal[hidden]{display:none}
.edition{font-size:13px;padding:11px 14px;letter-spacing:.5px}
.titlebar{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:20px 0 16px}
.titlebar h1{font-size:clamp(32px,3.5vw,50px)}
.guide{font-size:15px;line-height:1.5;margin:0;max-width:560px}
.shell .werkmap{margin:0 0 12px;padding:9px 12px;font-size:13px}
.shell .werkmap summary{min-height:24px}
.distribution{font-size:12px;gap:10px 20px;padding-bottom:10px}
.index{padding:9px 0;font-size:10px}
.grid{gap:14px}
.card.active a{min-height:190px;padding:17px 20px;gap:12px}
.card-plan.active{border-color:var(--wp-accent,#e32720);border-top:6px solid var(--wp-accent,#e32720);background:#fff7f5}
.card-plan.active a{padding-top:15px}
.card-plan .tool-symbol{color:var(--wp-accent,#c51d17)}
.card-plan .plan-label{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#b51f19;text-transform:uppercase}
.card h2{font-size:clamp(22px,2.25vw,32px)}
.card .description{font-size:15px}
.help{margin-top:20px;padding:12px 0}
footer{padding:16px 0 20px}
/* De online waarschuwing blijft zichtbaar, maar neemt minder hoogte in. */
.shell .work-notice{margin:12px 0 0;padding:8px 12px;font-size:13px}
.shell .work-notice strong{display:inline;font-size:13px;margin-right:8px}
@media(min-width:1600px){body{padding-top:60px}}
@media(max-width:1000px){body{padding:24px 20px}.shell{border-radius:24px;padding:0 20px}.titlebar{grid-template-columns:1fr;gap:12px}.guide{max-width:720px}.card h2{font-size:24px}}
@media(min-width:761px) and (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html,body{background:#fff!important}body{padding:0}body::before,body::after{display:none}.shell{border-radius:0;padding:0 16px;box-shadow:none}header{gap:12px}.edition{font-size:11px;padding:9px 10px}.titlebar h1{font-size:36px}.card.active a{min-height:185px}.distribution{gap:10px 16px}.shell .werkmap{margin-bottom:12px}}
@media print{body{padding:0;background:#fff!important}body::before,body::after{display:none}.shell{box-shadow:none;border-radius:0}}