/* USNL — gegenereerd tijdens de build. Hover-, focus- en actieve staten uit de ontwerpbron. */
html, body { margin: 0; padding: 0; background: var(--color-bg); }
body { color: var(--color-text); font-family: var(--font-body); font-size: clamp(15px, 1.15vw, 17px); line-height: 1.55; }
a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent); }
::placeholder { color: color-mix(in srgb, var(--color-text) 40%, transparent); }
[hidden] { display: none !important; }
@media (max-width: 1079px) { .nav-wide { display: none !important; } }
@media (min-width: 1080px) { .nav-narrow { display: none !important; } }

.x1:focus-visible { left: 0 !important }
.x2:hover { color: var(--color-accent-700) !important }
.x3:hover { color: var(--color-accent-400) !important }