.site-header{position:sticky}.nav-hoofd,.nav-kop-cta{display:none}.site-menu{display:flex;align-items:center;gap:8px}.nav-group{position:relative}.nav-group-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.92rem;font-weight:800;cursor:pointer}.nav-group-btn:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.nav-group-btn:hover,.nav-group-btn[aria-expanded=true],.nav-group-btn.is-current{background:#10223812}.nav-group-btn[aria-expanded=true]:after{transform:translateY(2px) rotate(-135deg)}.nav-link{padding:10px 14px;border-radius:999px;font-size:.92rem;font-weight:800;white-space:nowrap}.nav-link:hover,.nav-link.is-current{background:#10223812}.site-menu .nav-cta{margin-left:8px;white-space:nowrap}.nav-panel{display:none;position:absolute;top:calc(100% + 10px);right:0;width:340px;padding:8px;border-radius:20px;background:var(--white, #fff);border:1px solid rgba(16,34,56,.09);box-shadow:0 18px 60px #1c273124}.nav-group.is-open .nav-panel{display:block}.nav-tool{display:grid;gap:2px;padding:12px 14px;border-radius:14px}.nav-tool:hover,.nav-tool[aria-current=page]{background:var(--paper, #fbf8f2)}.nav-tool-label{font-size:.72rem;font-weight:900;letter-spacing:.12em}.nav-tool-label--noten{color:var(--blue, #123f64)}.nav-tool-label--impro{color:#9a6a1c}.nav-tool-label--kompas{color:#58736c}.nav-tool-title{font-weight:850;font-size:1.02rem}.nav-tool-text{color:var(--muted, #66717c);font-size:.9rem;line-height:1.4}.nav-all{display:block;margin-top:4px;padding:11px 14px 8px;border-top:1px solid rgba(16,34,56,.08);font-weight:850;font-size:.9rem;color:var(--blue, #123f64)}.nav-all:hover,.nav-all[aria-current=page]{text-decoration:underline}.nav-menu-btn{display:none;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(16,34,56,.14);border-radius:999px;background:#ffffffc7;color:var(--ink);font:inherit;font-size:.9rem;font-weight:850;cursor:pointer}.nav-menu-icon{display:grid;gap:3px;width:16px}.nav-menu-icon span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .16s ease,opacity .16s ease}.site-header.menu-open .nav-menu-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}.site-header.menu-open .nav-menu-icon span:nth-child(2){opacity:0}.site-header.menu-open .nav-menu-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media (max-width: 980px){.nav-menu-btn{display:inline-flex}.nav-kop-cta{display:inline-flex;align-items:center;margin-left:auto;margin-right:-8px;padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:.82rem;font-weight:800;line-height:1.2;white-space:nowrap}.nav-kop-cta:hover{background:var(--blue, #123f64)}.nav-kop-kort,.site-header.menu-open .nav-kop-cta{display:none}.nav-kop-cta,.nav-menu-btn{flex-shrink:0}.brand{min-width:0}.site-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 62px);overflow-y:auto;padding:16px 12px 22px;background:var(--paper, #fbf8f2);border-bottom:1px solid rgba(16,34,56,.1);box-shadow:0 24px 40px #1c27311f}.site-header.menu-open .site-menu{display:block}.site-menu .nav-link--desktop{display:none}.nav-hoofd{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:5px;padding:10px 4px 18px;border-bottom:1px solid rgba(16,34,56,.1)}.nav-hoofd-titel{grid-column:1}.nav-hoofd-tekst{grid-column:1 / -1}.nav-hoofd-pijl{grid-column:2;grid-row:1;align-self:center;margin-right:2px;color:var(--blue, #123f64);font-size:1.3rem;font-weight:700;line-height:1;transition:transform .16s ease}.nav-hoofd:hover .nav-hoofd-pijl{transform:translate(3px)}.nav-hoofd-titel{font-size:1rem;font-weight:850;color:var(--ink)}.nav-hoofd-tekst{color:var(--muted, #66717c);font-size:.95rem;line-height:1.4}.nav-hoofd:hover .nav-hoofd-titel{color:var(--blue, #123f64)}.nav-hoofd.is-current{box-shadow:inset 3px 0 0 var(--gold, #d6952b);padding-left:14px}.nav-hoofd.is-current .nav-hoofd-titel{color:var(--blue, #123f64)}.nav-group{border-bottom:1px solid rgba(16,34,56,.1)}.nav-group-btn{display:flex;justify-content:space-between;width:100%;padding:14px 4px;border-radius:0;font-size:1rem;font-weight:850;text-align:left}.nav-group-btn:after{margin-right:6px;color:var(--gold, #d6952b)}.nav-group-btn:hover,.nav-group-btn[aria-expanded=true],.nav-group-btn.is-current{background:transparent}.nav-group-btn.is-current{color:var(--blue, #123f64);box-shadow:inset 3px 0 0 var(--gold, #d6952b);padding-left:14px}.nav-panel{position:static;width:auto;margin:0 0 14px 6px;padding:0 0 0 14px;border:0;border-left:2px solid var(--line, #ddd6ca);border-radius:0;background:transparent;box-shadow:none}.nav-group.is-open .nav-panel{display:grid;gap:2px}.nav-tool{position:relative;gap:1px;padding:8px 4px;border-radius:0}.nav-tool:hover,.nav-tool[aria-current=page]{background:transparent}.nav-tool:hover .nav-tool-title{color:var(--blue, #123f64)}.nav-tool[aria-current=page]:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:2px;background:var(--gold, #d6952b)}.nav-tool[aria-current=page] .nav-tool-title{color:var(--blue, #123f64)}.nav-tool-label{font-size:.68rem}.nav-tool-title{font-size:.98rem;font-weight:800}.nav-tool-text{display:none}.nav-all{margin:2px 0 0;padding:8px 4px 4px;border-top:0}.nav-link{display:block;padding:14px 4px;border-radius:0;border-bottom:1px solid rgba(16,34,56,.1);font-size:1rem;font-weight:850}.nav-link:hover{background:transparent;color:var(--blue, #123f64)}.nav-link.is-current{background:transparent;color:var(--blue, #123f64);box-shadow:inset 3px 0 0 var(--gold, #d6952b);padding-left:14px}.site-menu .nav-cta{margin-left:0}.site-header .site-menu .nav-cta{display:flex;justify-content:center;align-items:center;min-height:50px;margin-top:22px;padding:0 18px;font-size:.95rem}}@media (max-width: 560px){.nav-kop-lang{display:none}.nav-kop-kort{display:inline-flex}.site-header .nav{gap:12px}.nav-kop-cta{margin-right:-4px;padding:8px 13px}.nav-menu-btn{justify-content:center;width:40px;height:40px;padding:0}.nav-menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width: 389px){.site-header .brand{letter-spacing:.11em}.site-header .nav{gap:10px}.nav-kop-cta{padding:8px 10px;font-size:.79rem}}