/* Active and pointer/keyboard states are visible independently of motion. */
.public-nav>a,.public-nav .custom-nav-children>a{position:relative;padding:9px 3px;border-radius:5px;text-decoration:none;transition:background-color .16s ease,color .16s ease}
.public-nav>a::after,.public-nav .custom-nav-children>a::after{content:"";position:absolute;right:3px;bottom:3px;left:3px;height:3px;border-radius:3px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s ease}
.public-nav>a:hover,.public-nav>a:focus-visible,.public-nav .custom-nav-children>a:hover,.public-nav .custom-nav-children>a:focus-visible{background:color-mix(in srgb,var(--link,#245782) 10%,transparent);text-decoration:none}
.public-nav>a:hover::after,.public-nav>a:focus-visible::after,.public-nav>a[aria-current=page]::after,.public-nav .custom-nav-children>a:hover::after,.public-nav .custom-nav-children>a[aria-current=page]::after{transform:scaleX(1)}
.public-nav a[aria-current=page]{font-weight:800;background:color-mix(in srgb,var(--link,#245782) 8%,transparent)}
.public-nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.public-nav{column-gap:18px}
@media(prefers-reduced-motion:reduce){.public-nav>a,.public-nav>a::after,.public-nav .custom-nav-children>a,.public-nav .custom-nav-children>a::after{transition:none}}