/* Shared responsive navigation on every page. */
.site-header .menu-toggle{display:none}
@media(max-width:1100px){
 /* Studio and Home headers are otherwise static: establish a layer above content. */
 body .site-header,body.home-page .site-header,body:has(main) .site-header{position:relative;z-index:90;overflow:visible;isolation:isolate}

 .site-header .nav-wrap{position:relative;min-height:72px;height:auto;flex-wrap:nowrap;justify-content:space-between;padding:12px 16px;gap:16px}
 .site-header .logo{height:48px;max-width:calc(100vw - 150px);object-fit:contain;order:initial}
 .site-header .menu-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ead4ed;border-radius:14px;background:#fff;color:#65109c;font:700 15px inherit;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:none;transform:none;transition:none}
 .site-header .menu-toggle:hover,.site-header .menu-toggle[aria-expanded="true"]{background:#ffe2f4;color:#ee1693;transform:none}
 .site-header .menu-toggle:focus-visible{outline:3px solid #ee1693;outline-offset:3px}
 .menu-bars{display:flex;flex-direction:column;gap:4px;width:20px}
 .menu-bars span{height:2px;width:20px;background:currentColor;border-radius:2px}
 .site-header .format-switch{display:flex;flex-direction:column;align-items:stretch;width:auto;order:initial;overflow-x:hidden;gap:4px;padding:12px;background:#fff8fd;border:1px solid #ead4ed;border-radius:18px;box-shadow:0 12px 28px #32113e20}
 .site-header.navigation-ready .format-switch{display:none;position:absolute;top:calc(100% + 6px);left:16px;right:16px;max-height:calc(100dvh - 150px);overflow-y:auto;z-index:60}
 .site-header.navigation-ready.menu-open .format-switch{display:flex}
 .site-header .format-switch .format-link,.site-header .format-switch .format-link-disabled{display:block;padding:12px 16px;text-align:left;font-size:16px;border-radius:12px}
 .site-header .format-switch .icon-btn{display:block;width:auto;height:auto;min-height:0;margin:0;padding:12px 16px;border-radius:12px;border:0;background:transparent;color:#7a5f85;text-align:left;text-decoration:none;font-family:inherit;font-size:16px;font-weight:700;line-height:inherit;box-shadow:none;transform:none;transition:none}
 .site-header .format-switch .icon-btn .icon{display:none}
 .site-header .format-switch .icon-btn:hover{color:var(--purple-dark);background:var(--pink-light)}
 .site-header .format-switch .icon-btn.active{color:var(--pink);background:var(--pink-light)}
 .site-header .format-switch .icon-btn::after{content:"Over deze site"}
 .site-header:not(.navigation-ready) .nav-wrap{flex-wrap:wrap}
 .site-header:not(.navigation-ready) .format-switch{width:100%}
 .site-header:not(.navigation-ready) .menu-toggle{display:none}
}