/* Merkkompas — local contact exploration, using the existing site tokens. */
:root{--mk-wash:color-mix(in srgb,var(--blue) 7%,var(--paper));--mk-card:var(--paper)}
button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}.mk-small{font-size:12px;color:var(--muted)}.mk-inline{border:0;padding:7px 0;background:transparent;text-align:left;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--muted);min-height:40px}.mk-inline:hover{color:var(--blue)}
.mk-welcome{padding:68px 0 64px;display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center}.mk-intro h1{font-size:clamp(52px,5.7vw,80px);margin:26px 0 28px;line-height:1.06}.mk-intro>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.85}.mk-personal{margin-top:39px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mk-email{display:inline-flex;align-items:center;gap:24px;font-size:clamp(16px,1.6vw,22px);letter-spacing:-.6px;border-bottom:1px solid var(--muted);padding:6px 0}.mk-email span{color:var(--blue);font-size:21px}.mk-note{display:flex;gap:16px;align-items:center;margin-top:44px}.mk-note p{font-size:13px;line-height:1.7;color:var(--muted)}.mk-conversation-icon{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.mk-entry{border:1px solid var(--line);background:var(--soft);padding:32px;border-radius:22px}.mk-entry-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.mk-entry-label .eyebrow{font-size:11px;letter-spacing:1.4px}.mk-entry-label .mk-small{font-size:11px}.mk-entry h2{font-size:37px;letter-spacing:-1.6px}.mk-lead{font-size:14px;color:var(--muted);margin-top:12px}.mk-routes{display:grid;gap:12px;margin-top:28px}.mk-route{position:relative;display:grid;grid-template-columns:25px 1fr 30px;align-items:start;gap:12px;padding:24px 20px;border:1px solid var(--line);border-radius:13px;background:var(--mk-card);text-align:left;transition:border-color .22s,transform .22s,box-shadow .22s}.mk-route-no{font-size:11px;color:var(--blue);padding-top:4px;font-variant-numeric:tabular-nums}.mk-route strong{display:block;font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.55px;max-width:280px}.mk-route small{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:10px}.mk-route-arrow{border:1px solid var(--line);border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:18px;align-self:center;transition:color .22s,background .22s}.mk-route:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 7px 20px #15203906}.mk-route:hover .mk-route-arrow{color:var(--paper);background:var(--blue);border-color:var(--blue)}.mk-entry-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin-top:23px}.mk-tiny-dot{width:5px;height:5px;background:var(--blue);border-radius:50%}
.mk-how{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:24px 0;margin-bottom:25px}.mk-how>div{display:flex;align-items:center;gap:18px}.mk-how span{font-size:11px;color:var(--blue)}.mk-how p{font-size:13px;color:var(--muted)}.mk-concept-label{text-align:center;font-size:11px;color:var(--muted);padding:12px 20px 22px}.mk-concept-label span{margin-inline:7px}.mk-concept-label a{text-decoration:underline;text-underline-offset:3px}.mk-noscript{padding:40px 0}
.mk-journey{padding-block:34px 60px}.mk-flow-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:50px;padding-bottom:25px;border-bottom:1px solid var(--line)}.mk-back{min-height:44px;border:0;padding:5px 0;background:none;color:var(--muted);font-size:14px}.mk-progress{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0;color:var(--muted);font-size:12px;counter-reset:route}.mk-progress li{counter-increment:route;display:flex;align-items:center;gap:8px}.mk-progress li:before{content:counter(route);display:grid;place-items:center;border:1px solid var(--line);height:23px;width:23px;border-radius:50%;font-size:10px}.mk-progress li[aria-current=step]{color:var(--ink)}.mk-progress li[aria-current=step]:before{background:var(--blue);color:var(--paper);border-color:var(--blue)}.mk-progress li.done:before{content:'✓';color:var(--blue);border-color:var(--blue)}.mk-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.8fr);gap:9%;align-items:start}.mk-stage{min-width:0;animation:mk-arrive .25s ease-out}.mk-stage .eyebrow{color:var(--blue);font-size:11px;margin-bottom:18px}.mk-stage h1{font-size:clamp(35px,3.5vw,49px);line-height:1.1;max-width:650px;outline:none;scroll-margin-top:30px}.mk-stage .mk-description{font-size:15px;line-height:1.8;max-width:560px;color:var(--muted);margin-top:18px;margin-bottom:28px}.mk-context{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--blue);padding:8px 12px;border-radius:8px;background:var(--mk-wash);margin-bottom:22px}.mk-context:before{content:'↳';font-size:16px}.mk-choices{display:grid;gap:10px}.mk-choice{position:relative;border:1px solid var(--line);border-radius:11px;padding:18px 20px;display:flex;gap:17px;align-items:center;text-align:left;background:var(--paper);min-height:76px;transition:border-color .18s,background .18s}.mk-choice:hover{border-color:var(--blue)}.mk-choice[aria-pressed=true]{border-color:var(--blue);background:var(--mk-wash)}.mk-choice-check{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:22px;height:22px;flex-shrink:0;color:transparent;font-size:12px}.mk-choice[aria-pressed=true] .mk-choice-check{background:var(--blue);color:var(--paper);border-color:var(--blue)}.mk-choice strong{font-size:17px;line-height:1.4;font-weight:500;display:block;letter-spacing:-.3px}.mk-choice small{font-size:13px;color:var(--muted);display:block;line-height:1.6;margin-top:3px}.mk-choices.services{grid-template-columns:1fr 1fr}.services .mk-choice{padding:18px 16px;align-items:start;gap:12px}.services .mk-choice strong{font-size:15px}.services .mk-choice small{font-size:12px}.services .mk-choice-check{margin-top:2px;border-radius:6px}.mk-actions{display:flex;align-items:center;gap:22px;margin-top:27px;flex-wrap:wrap}.mk-actions .button{gap:30px;min-height:50px}.mk-actions .mk-small{font-size:12px}.mk-error{color:#a92059;font-size:14px;margin-top:12px}.mk-quiet-tip{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.75}
.mk-aside{position:sticky;top:30px}.mk-summary{background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden}.mk-summary>summary{padding:22px 25px;font-size:17px;letter-spacing:-.4px;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.mk-summary>summary::-webkit-details-marker{display:none}.mk-summary-toggle{font-size:17px;color:var(--muted)}.mk-summary[open] .mk-summary-toggle{transform:rotate(45deg)}.mk-summary-body{padding:0 25px 24px}
.mk-summary-item{border-top:1px solid var(--line);padding-block:14px}.mk-summary-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.mk-summary-item .mk-small{font-size:10px;letter-spacing:1px;text-transform:uppercase}.mk-edit{border:0;background:none;font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--muted);padding:4px 0;min-height:30px}.mk-summary-item p{font-size:14px;line-height:1.6;margin-top:3px}.mk-summary-empty{font-size:14px;line-height:1.8;color:var(--muted)}.mk-summary-note{font-size:12px;line-height:1.7;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);margin-top:8px}.mk-aside-contact{padding:20px 25px 0}.mk-aside-contact p{font-size:12px;color:var(--muted)}.mk-aside-contact>a{font-size:14px;display:inline-flex;gap:8px;align-items:center;min-height:40px;padding-top:6px}.mk-aside-contact>a:hover{color:var(--blue)}.mk-aside-contact .mk-inline{display:block;font-size:11px}
.mk-recommend{padding:25px;background:var(--mk-wash);border:1px solid var(--line);border-radius:14px;margin-bottom:25px}.mk-recommend .mk-small{color:var(--blue)}.mk-recommend h2{font-size:29px;letter-spacing:-1px;margin-top:12px}.mk-recommend p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:12px}.mk-example{display:grid;grid-template-columns:148px 1fr;gap:20px;align-items:center;border-block:1px solid var(--line);padding-block:20px;margin-top:25px}.mk-example img{width:100%;aspect-ratio:1.23;object-fit:cover;border-radius:8px}.mk-example .mk-small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.mk-example h3{font-size:21px;letter-spacing:-.6px;line-height:1.2;margin-top:6px}.mk-example p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}.mk-example a{font-size:12px;display:inline-flex;text-decoration:underline;text-underline-offset:4px;margin-top:6px}.mk-extras{margin-top:25px}.mk-extras>summary{cursor:pointer;font-size:13px;padding:10px 0}.mk-extras .mk-choices{margin-top:12px}.mk-extra-note{font-size:12px;color:var(--muted);margin-top:8px}.mk-form{display:grid;grid-template-columns:1fr 1fr;gap:19px}.mk-form label{font-size:13px;display:block}.mk-form label span{color:var(--muted);font-size:11px;margin-left:5px}.mk-form input,.mk-form textarea,.mk-form select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:12px;margin-top:6px;min-height:48px;font-size:16px}.mk-form textarea{resize:vertical;min-height:128px}.mk-form .full{grid-column:1/-1}.mk-form .button{width:fit-content}.mk-mail-preview{background:var(--soft);border-radius:12px;padding:24px;white-space:pre-wrap;font:14px/1.8 'Helvetica Neue',Arial,sans-serif;color:var(--ink);max-height:400px;overflow:auto;overflow-wrap:anywhere}.mk-mail-preview:focus-visible{outline:2px solid var(--blue)}.mk-mail-state{font-size:13px;color:var(--muted);margin-top:14px}.mk-step-title{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:23px 0 12px}.mk-choice:focus-visible,.mk-route:focus-visible{outline-offset:3px}button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@keyframes mk-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px){.mk-summary>summary{pointer-events:none}.mk-summary-toggle{display:none}}
@media(max-width:1100px){.mk-welcome{gap:5%;padding-top:50px}.mk-entry{padding:25px}.mk-route{padding:20px 16px;gap:9px;grid-template-columns:22px 1fr 28px}.mk-route strong{font-size:17px}.mk-workspace{gap:5%;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr)}.mk-summary-body{padding-inline:20px}.mk-summary>summary{padding-inline:20px}.mk-progress{gap:17px}.mk-entry-label{gap:8px}.mk-entry-label .mk-small{display:none}}
@media(max-width:800px){.mk-welcome{grid-template-columns:1fr;padding-top:38px;gap:34px}.mk-intro h1{font-size:clamp(48px,9.5vw,70px);margin:22px 0}.mk-intro>p:not(.eyebrow){font-size:15px}.mk-personal{margin-top:24px}.mk-email{font-size:21px}.mk-note{display:none}.mk-entry{padding:28px;max-width:650px}.mk-entry-label .mk-small{display:block}.mk-route{padding:23px 19px;gap:14px;grid-template-columns:25px 1fr 30px}.mk-route strong{font-size:20px}.mk-how{gap:15px;padding-block:20px}.mk-how>div{align-items:start;gap:10px}.mk-how p{font-size:11px;line-height:1.6}.mk-journey{padding-top:22px}.mk-flow-top{gap:16px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:19px}.mk-flow-top>.mk-inline{margin-left:auto}.mk-progress{order:3;width:100%;justify-content:space-between;gap:10px;font-size:11px}.mk-workspace{display:flex;flex-direction:column;gap:30px}.mk-aside{position:static;order:-1;width:100%}.mk-stage{width:100%}.mk-stage h1{font-size:37px}.mk-summary>summary{padding:15px 18px;font-size:14px}.mk-summary-body{padding:0 18px 20px}.mk-summary-note{font-size:11px}.mk-summary-item{padding-block:9px}.mk-summary-item p{font-size:13px}.mk-aside-contact{display:none}.mk-stage .mk-description{font-size:14px;margin-bottom:23px}.mk-stage .eyebrow{margin-bottom:14px}.mk-context{margin-bottom:18px}.mk-summary-empty{font-size:13px}.mk-choices.services{gap:9px}.mk-how{margin-bottom:0}.mk-concept-label{font-size:10px}}
@media(max-width:480px){.mk-welcome{padding-bottom:36px}.mk-entry{padding:23px 18px;border-radius:16px}.mk-entry-label{margin-bottom:20px}.mk-entry-label .mk-small{display:none}.mk-entry h2{font-size:31px;letter-spacing:-1.2px}.mk-route{padding:19px 14px;gap:10px;grid-template-columns:18px 1fr 27px}.mk-route strong{font-size:18px}.mk-route small{font-size:12px;line-height:1.7}.mk-route small br{display:none}.mk-route-arrow{width:27px;height:27px}.mk-entry-foot{font-size:10px;gap:6px}.mk-routes{margin-top:23px}.mk-how{grid-template-columns:1fr;gap:8px}.mk-how p{font-size:12px}.mk-how>div{gap:14px}.mk-choice{padding:17px 15px;gap:13px}.mk-choice strong{font-size:16px}.mk-choice small{font-size:12px}.mk-choices.services{grid-template-columns:1fr}.services .mk-choice{padding:15px;align-items:center}.mk-stage h1{font-size:34px}.mk-recommend{padding:21px}.mk-example{grid-template-columns:108px 1fr;gap:16px}.mk-example h3{font-size:19px}.mk-form{grid-template-columns:1fr}.mk-progress{font-size:10px;gap:5px}.mk-progress li{gap:5px}.mk-actions{gap:12px}.mk-actions .button{width:100%;justify-content:space-between}.mk-actions .mk-inline{font-size:12px}.mk-mail-preview{padding:18px;font-size:13px}.mk-summary{border-radius:10px}.mk-flow-top{margin-bottom:22px}.mk-workspace{gap:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Vectorpijlen: blijven lijniconen, ook op iOS. */
.mk-arrow-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex-shrink:0}.mk-route-arrow .mk-arrow-icon{width:17px;height:17px}

/* Mobiele leesbaarheid en bediening */
@media(max-width:800px){
.mk-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px;line-height:1.4}.mk-progress li{flex-direction:column;gap:6px;text-align:center}.mk-progress li:before{flex-shrink:0}
.mk-edit{min-height:44px;min-width:48px;font-size:13px}.mk-inline{min-height:44px}.mk-summary>summary{min-height:54px;font-size:15px}.mk-summary-item p{font-size:14px}.mk-summary-note{font-size:12px}
.mk-actions .button,.mk-form .button{width:100%;min-height:52px;justify-content:space-between;white-space:normal;text-align:left;gap:16px}.mk-actions .mk-inline{font-size:14px}.mk-quiet-tip{font-size:13px}.mk-form label{font-size:14px}.mk-form label span{font-size:12px}
.mk-choice small,.services .mk-choice small{font-size:13px}.mk-choice strong,.services .mk-choice strong{font-size:16px}.mk-workspace{gap:20px}
.mk-route{grid-template-columns:minmax(0,1fr) 27px;gap:12px}.mk-route-no{display:none}.mk-route strong{max-width:none}.mk-route small{font-size:14px;line-height:1.6}.mk-route small br:after{content:' '}.mk-entry-foot{font-size:12px}
.mk-example{grid-template-columns:88px minmax(0,1fr);gap:14px}.mk-example p,.mk-example a{font-size:13px}.mk-example a{min-height:44px;align-items:center;gap:6px}.mk-example picture{min-width:0}.mk-example img{height:auto}.mk-example .mk-small{letter-spacing:.5px}
.mk-mail-preview{font-size:14px;max-height:none;overflow:visible}.mk-extras>summary{font-size:14px;min-height:44px}.mk-email{font-size:clamp(17px,5.3vw,21px);gap:12px;max-width:100%}
}

/* Direct contact: keep the alternative explicit and retain input on errors. */
.mk-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.mk-send-alternative{border-top:1px solid var(--line);padding-top:14px;min-width:0}
.mk-send-alternative a{display:inline-flex;align-items:center;font-size:14px;color:var(--blue)}
.mk-send-alternative .mk-quiet-tip{margin-top:2px;max-width:48ch}
.mk-send-alternative button{display:block;margin-top:6px}
.mk-send-status{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.mk-send-status:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.mk-email-confirmation{font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.mk-form [aria-disabled=true]{opacity:.45;pointer-events:none}
.mk-form input:disabled,.mk-form textarea:disabled,.mk-form select:disabled{opacity:.7}
.mk-form[aria-busy=true] .button{cursor:wait;opacity:.7}
.mk-form [hidden],.mk-flow-top [hidden],.mk-aside-contact[hidden]{display:none!important}
@media(prefers-color-scheme:dark){.mk-send-status.mk-error{color:#ff94bc}}
html[data-theme=dark] .mk-send-status.mk-error{color:#ff94bc}

.mk-personal .mk-direct-button{display:flex;align-items:center;gap:24px;margin-top:14px;min-height:50px;white-space:normal;text-align:left}
.mk-direct-email{display:inline-flex;align-items:center;gap:7px;margin-top:12px;min-height:44px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;max-width:100%}
.mk-direct-email .mk-arrow-icon{width:15px;height:15px;flex-shrink:0}
.mk-aside-contact .mk-inline{font-size:14px;color:var(--blue);margin-top:5px}
.mk-aside-contact>a{font-size:12px;color:var(--muted)}
@media(max-width:480px){.mk-personal .mk-direct-button{width:100%;justify-content:space-between}.mk-direct-email{font-size:12px}}

html[data-theme=light] .mk-send-status.mk-error{color:#a92059}