/* Shared navigation feedback on portfolio, project detail and both worlds. */
#site{--nav-hover-bg:#ebe6f7;--nav-hover-ink:#6d519d;--nav-focus:#8b70b6}
#site.dark{--nav-hover-bg:#d6ff71;--nav-hover-ink:#11180b;--nav-focus:#d6ff71}
#site .topbar .nav-right>a,#site .topbar .logo{position:relative;border-radius:4px;transition:background-color .22s,color .22s,box-shadow .22s}
#site .topbar .nav-right>a{padding:10px 12px;margin:-10px -5px}
#site .topbar .logo{padding:9px 10px;margin:-9px -10px}
#site .topbar .nav-right>a:hover,#site .topbar .nav-right>a:focus-visible,#site .topbar .logo:hover,#site .topbar .logo:focus-visible{background:var(--nav-hover-bg);color:var(--nav-hover-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-focus) 22%,transparent)}
#site .topbar a:focus-visible,#site .switch button:focus-visible{outline:2px solid var(--nav-focus);outline-offset:4px}
#site .switch button{transition:background-color .22s,color .22s,box-shadow .22s}
#site .switch button:not(.active):hover,#site .switch button:not(.active):focus-visible{background:var(--nav-hover-bg);color:var(--nav-hover-ink);box-shadow:inset 0 0 0 1px var(--nav-focus)}
#site .footerend a{border-radius:3px;padding:7px 9px;margin:-7px -9px;transition:background-color .22s,color .22s}
#site .footerend a:hover,#site .footerend a:focus-visible{background:var(--nav-hover-bg);color:var(--nav-hover-ink)}
#site.dark .footerend a:hover,#site.dark .footerend a:focus-visible{background:#17200d;color:#d6ff71}
#site .footerend a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#site .topbar a,#site .switch button,#site .footerend a{transition:none}}
/* Text-only hover highlights; retain a keyboard-only focus indicator. */
#site .topbar .nav-right>a:hover,#site .topbar .nav-right>a:focus-visible,#site .topbar .logo:hover,#site .topbar .logo:focus-visible,#site .footerend a:hover,#site .footerend a:focus-visible{background:transparent;box-shadow:none;color:var(--nav-focus)}
#site .switch button:not(.active):hover,#site .switch button:not(.active):focus-visible{background:transparent;box-shadow:none;color:var(--nav-focus)}
#site.dark .footerend a:hover,#site.dark .footerend a:focus-visible{background:transparent;color:#37520e}