/* Menu-hover van de subpagina's (pages.css, "geen balken of lijnen bij hover") ook op de homepage:
   geen schuivend vlak, de andere items worden rustiger, submenu-links kleuren alleen. */
.hl { display: none !important; }
.dd:hover > .dd__toggle, .dd:focus-within > .dd__toggle { background: transparent; }
.dd__toggle { transition: opacity 200ms var(--ease-io); }
@media (hover: hover) { .navbar__menu:hover .dd__toggle { opacity: .5; } .navbar__menu .dd:hover .dd__toggle, .navbar__menu .dd:focus-within .dd__toggle { opacity: 1; } }
.dd__toggle[aria-current="page"] { background: transparent; color: var(--ink); box-shadow: none; }
.dd__toggle[aria-current="page"]::after { content: ""; width: 6px; height: 6px; margin-left: 6px; background: var(--accent); }
.dd__list a:hover { background: transparent; color: var(--tint); }
.dd__list a[aria-current="page"] { background: transparent; color: var(--tint); }