/* Zeeuwsebanen: zelfstandig huisstijlvoorstel, Arial/Helvetica en Zeeuwse kleuren. */
:root{--zee-licht:#4F5F7A;--zee-donker:#3D4853;--meekrap-licht:#C2004B;--meekrap-donker:#9D0318;--land-licht:#82755A;--land-donker:#6D6152;--ink:var(--zee-donker);--muted:var(--land-donker);--green:var(--meekrap-licht);--lime:#F6F4EF;--cream:#FFFFFF;--line:#DDD9D2;--white:#FFFFFF;--danger:var(--meekrap-donker);--shadow:0 12px 36px #3D485312}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:white;color:var(--ink)}button,input,select,textarea,h1,h2,h3{font-family:Arial,Helvetica,sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--meekrap-licht);outline-offset:4px}button,input,select{min-height:44px}button{transition:background .15s}.btn{border-radius:6px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;line-height:1.3}.btn:hover{transform:none}.btn-dark,.dark,body[data-page=admin] button{background:var(--meekrap-licht);color:white}.btn-dark:hover,.dark:hover,body[data-page=admin] button:hover{background:var(--meekrap-donker)}.btn-light,.light,body[data-page=admin] .secondary{background:#F6F4EF;color:var(--ink)}.topbar{max-width:1232px;height:auto;min-height:96px;padding:24px 26px;gap:30px}.brand{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px;gap:0;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-dot{color:var(--meekrap-licht)}.nav{gap:26px;flex-wrap:wrap;justify-content:flex-end}.nav a{color:var(--ink)}.nav a:hover{text-decoration:underline}.nav .btn{font-size:13px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--land-donker);font-weight:700}.dot,.eyebrow:before{display:none}.skip-link{position:absolute;left:24px;top:-100px;z-index:30;background:white;padding:12px}.skip-link:focus{top:12px}
body[data-page=index] .hero{max-width:none;margin:0;padding:64px 26px 38px;background:var(--zee-donker);border-radius:0;overflow:visible;min-height:0}body[data-page=index] .hero:after{display:none}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px 72px;align-items:center}body[data-page=index] .hero-copy{max-width:none}body[data-page=index] .hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.03;letter-spacing:-3px;max-width:none;color:white;margin:20px 0 24px}body[data-page=index] .hero p{color:white;font-size:18px;max-width:490px}body[data-page=index] .hero .eyebrow{color:white}.brand-poster{background:var(--zee-licht);color:white;padding:34px;min-height:295px;display:flex;flex-direction:column;justify-content:space-between}.brand-poster small{font-size:12px;letter-spacing:2px}.brand-poster strong{font-size:62px;line-height:1.02;letter-spacing:-2px;margin:24px 0}.brand-poster>div{border-top:1px solid #FFFFFF80;padding-top:16px;font-size:13px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand-poster>div span{width:32px;height:32px;flex:none;background:var(--land-licht)}body[data-page=index] .searchbox{grid-column:1/-1;width:100%;max-width:none;margin:0;border-radius:6px;padding:12px;box-shadow:none;border:1px solid var(--line)}.search-field span{color:var(--land-donker)}.search-field input{outline:revert!important;color:var(--ink);min-width:0}.search-field input::placeholder{color:var(--land-donker)}.search-field:focus-within{outline:2px solid var(--meekrap-licht);outline-offset:1px;border-radius:3px}.stats{max-width:1232px;margin:28px auto 0;padding:0 26px}.main{max-width:1232px;margin:60px auto 80px}.section-head h2{font-size:34px;line-height:1.15}.layout{grid-template-columns:215px minmax(0,1fr);gap:48px}.filter-option{min-height:32px;color:var(--land-donker)}.filter-option input{min-height:18px;accent-color:var(--meekrap-licht)}.filter-title{color:var(--ink)}.clear{color:var(--meekrap-licht);min-height:44px;text-decoration:underline;text-underline-offset:3px}.jobs{gap:0}.job{border:0;border-top:1px solid var(--line);border-radius:0;padding:26px 0;grid-template-columns:56px minmax(0,1fr) auto;gap:20px;background:white}.job:last-child{border-bottom:1px solid var(--line)}.job:hover{box-shadow:none;border-color:var(--line);transform:none}.logo,.logo.coral,.logo.blue,.logo.yellow{width:56px;height:56px;background:#F6F4EF;color:var(--land-donker);border-radius:0;font-family:Arial,Helvetica,sans-serif}.job h3{font-family:Arial,Helvetica,sans-serif;font-size:21px;margin:0 0 4px;line-height:1.25;overflow-wrap:anywhere}.job p{font-size:14px;line-height:1.6;margin:12px 0;max-width:65ch;white-space:pre-line;overflow-wrap:anywhere}.company{color:var(--land-donker);font-size:14px}.meta{color:var(--land-donker);font-size:13px;gap:12px;margin-top:12px}.tag{background:#F6F4EF;color:var(--land-donker);border-radius:4px;font-size:12px;white-space:normal;text-align:right}.apply{display:inline-flex;align-items:center;min-height:44px;color:var(--meekrap-licht);border-color:var(--line);border-radius:5px;white-space:normal;max-width:170px;font-size:13px;text-align:center}.apply:hover{background:#F6F4EF}.attachment-link{color:var(--meekrap-licht);min-height:32px}.empty{background:#F6F4EF;border-color:var(--line);border-radius:0;padding:40px 24px}.empty strong{font-family:Arial,Helvetica,sans-serif}.sort{min-height:44px;color:var(--ink);border-radius:5px}.employer{max-width:1180px;background:#F6F4EF;border:0;border-radius:0;margin:0 auto 72px;padding:48px}.employer h2{font-family:Arial,Helvetica,sans-serif;font-size:36px;line-height:1.15}.employer h2 em{color:var(--zee-licht)}.employer-copy p{font-size:16px;max-width:600px}.footer{max-width:none;padding:32px max(26px,calc((100% - 1180px)/2));background:var(--zee-donker);color:white;border:0;gap:32px;line-height:1.8}.footer a,.footer .clear{color:white}.modal-backdrop{background:#3D4853AA}.modal{background:white;border-radius:8px;padding:28px}.modal h2{font-family:Arial,Helvetica,sans-serif;font-size:28px}.modal-head p{color:var(--land-donker)}.close{background:#F6F4EF;border-radius:5px;width:44px;height:44px;flex-shrink:0}.field input,.field select,.field textarea{border-color:#A8ADB2;border-radius:5px;outline-color:var(--meekrap-licht)}.field label{font-size:13px}.field input[type=file]{max-width:100%;font-size:13px}.field{min-width:0}.confirm input{min-height:18px;flex-shrink:0}.confirm{font-size:13px}.form-note,.upload-help{color:var(--land-donker);font-size:12px}.toast{background:var(--zee-donker);border-radius:6px}.preview-pane .job{padding:24px 0}.preview-intro{color:var(--land-donker)}
/* Existing companion pages retain their content and routes. */
body[data-page=zeeland] .hero{max-width:none;margin:0;border-radius:0;background:var(--zee-donker);color:white;min-height:500px;padding:64px max(26px,calc((100% - 1180px)/2));align-items:center}body[data-page=zeeland] .hero-copy{max-width:760px}body[data-page=zeeland] .hero h1{max-width:760px}body[data-page=zeeland] .hero h1 em{color:white}body[data-page=zeeland] .hero p,body[data-page=zeeland] .hero .eyebrow,body[data-page=zeeland] .hero .textlink{color:white}body[data-page=zeeland] .landscape,body[data-page=zeeland] .stamp{display:none}.work,.care{background:#F6F4EF}.work .lead{color:var(--land-donker)}.pillar{border-radius:0}.icon,.care-icon{border-radius:4px;background:#F6F4EF;color:var(--land-donker)}.sector{background:white;border-color:var(--line);border-radius:4px;color:var(--ink)}.sector span{color:var(--land-donker)}.care-cards article{border-radius:4px;border-color:var(--line)}.care-cards strong{font-family:Arial,Helvetica,sans-serif}body[data-page=privacy],body[data-page=admin]{background:white;color:var(--ink)}body[data-page=privacy] h1,body[data-page=privacy] h2,body[data-page=admin] h1,body[data-page=admin] .edit-head h2{color:var(--ink)}body[data-page=privacy] a,body[data-page=admin] a{color:var(--meekrap-licht)}body[data-page=privacy] .notice{background:#F6F4EF;border-color:var(--line);border-radius:4px}body[data-page=admin] form,body[data-page=admin] article{border-color:var(--line);border-radius:6px}body[data-page=admin] input,body[data-page=admin] select,body[data-page=admin] textarea,body[data-page=admin] button{border-radius:5px}body[data-page=admin] .danger{background:var(--meekrap-donker)}body[data-page=admin] .close{background:#F6F4EF;color:var(--ink)}body[data-page=admin] .edit-panel,body[data-page=admin] dialog{border-radius:8px}body[data-page=admin] .edit-backdrop{background:#3D4853AA}body[data-page=payment-return]{background:#F6F4EF}body[data-page=payment-return] .card{border-radius:8px;box-shadow:var(--shadow)}body[data-page=payment-return] h1{color:var(--ink)}body[data-page=payment-return] .status{background:#F6F4EF;border-radius:4px}body[data-page=payment-return] a{border-radius:5px}
@media(max-width:1000px){.topbar{gap:20px;flex-wrap:wrap}.nav{gap:16px}.hero-inner{gap:32px}.brand-poster{padding:28px}.brand-poster strong{font-size:50px}.layout{gap:28px}.job{grid-template-columns:48px minmax(0,1fr);gap:16px}.logo{width:48px;height:48px}.job-side{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.tag{text-align:left}.apply{max-width:none}}
@media(max-width:760px){.topbar{padding:22px 24px;gap:16px}.brand{font-size:25px}.nav{width:100%;justify-content:space-between;gap:12px}.nav a,.nav a:first-child{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.nav .btn{width:100%}body[data-page=index] .hero{margin:0;padding:40px 24px 28px}.hero-inner{grid-template-columns:1fr;gap:28px}body[data-page=index] .hero h1{font-size:44px;letter-spacing:-1.8px}body[data-page=index] .hero p{font-size:17px}.brand-poster{min-height:220px;padding:24px}.brand-poster strong{font-size:42px;margin:18px 0}.searchbox{flex-direction:column}.search-field{min-width:0;padding:0 10px;flex-basis:auto;border-bottom:1px solid var(--line)}.searchbox .btn{width:100%}.stats{padding:0 24px;gap:12px;font-size:12px}.main{padding:0 24px;margin:48px auto}.layout{grid-template-columns:1fr;gap:28px}.filters{display:block;overflow:visible;padding:0}.filter-group,.filter-group:not(:first-child){display:block;min-width:0;padding:18px;background:#F6F4EF;border:0;margin:0}.filter-option{display:inline-flex;margin:4px 12px 4px 0;min-height:40px;white-space:normal}.filter-group .clear{display:block}.section-head h2{font-size:29px}.job{padding:24px 0;grid-template-columns:42px minmax(0,1fr);gap:14px}.logo{width:42px;height:42px}.job h3{font-size:19px}.job-side{align-items:start;gap:12px}.employer{margin:0 24px 48px;padding:28px}.employer h2{font-size:29px}.modal{padding:22px;max-height:90vh}.form-grid{grid-template-columns:1fr}.field input,.field select,.field textarea{font-size:16px}.preview-pane .job{grid-template-columns:42px minmax(0,1fr)}.footer{padding:28px 24px}body[data-page=zeeland] .hero{min-height:0;padding:44px 24px}body[data-page=zeeland] .hero-copy{margin:0}body[data-page=zeeland] .hero h1{font-size:44px;letter-spacing:-1.8px}.sectors{grid-template-columns:1fr}.form-actions{grid-template-columns:1fr}.form-actions .btn{width:100%}.preview-actions{flex-direction:column-reverse}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.nav a.btn.dark{color:white}[hidden]{display:none!important}body[data-page=admin] #login label{display:block}body[data-page=admin] #login input{display:block;width:100%;margin:8px 0 12px}body[data-page=admin] .grid .field{min-width:0}body[data-page=admin] .grid input,body[data-page=admin] .grid select,body[data-page=admin] .grid textarea{max-width:100%;width:100%}


.report-job{display:inline-block;margin-top:8px;color:var(--muted,#625d57);font-size:12px;text-decoration:underline;text-underline-offset:3px}.report-job:hover{color:var(--green,#b90050)}.report-job:focus-visible{outline:2px solid var(--green,#b90050);outline-offset:4px}article[id^="vacature-"]{scroll-margin-top:100px}