/* Quiet, persistent light for the current page in both navigation styles. */
:root{--ember-nav-blue:91,126,255;--ember-nav-violet:139,103,255;--ember-nav-glow:.14}
.hina-page{--ember-nav-blue:196,115,174;--ember-nav-violet:190,112,209}
.nav-items a,.nav .links a{border-radius:5px;transition:background-color 320ms ease,box-shadow 320ms ease,filter 320ms ease,color 320ms ease}
@media(min-width:681px){.nav-items a{padding-inline:10px;margin-inline:-10px}}
.nav-items a:is([aria-current="page"],[aria-current="location"]),
.nav .links a[aria-current="page"]{
  background:linear-gradient(105deg,rgba(var(--ember-nav-blue),.11),rgba(var(--ember-nav-violet),.14));
  box-shadow:inset 0 0 0 1px rgba(var(--ember-nav-violet),.09),0 0 10px rgba(var(--ember-nav-blue),.08);
  animation:ember-nav-surface 7.4s ease-in-out infinite alternate;
}
@media(hover:hover) and (pointer:fine){
  .nav-items a:not([aria-current]):hover,.nav .links a:not([aria-current]):hover{background-color:rgba(var(--ember-nav-violet),.065);box-shadow:inset 0 0 0 1px rgba(var(--ember-nav-violet),.075)}
  .nav-items a:is([aria-current="page"],[aria-current="location"]):is(:hover,:focus-visible),
  .nav .links a[aria-current="page"]:is(:hover,:focus-visible){filter:brightness(1.09)}
}
.nav-items a:is([aria-current="page"],[aria-current="location"])::after,
.nav .links a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:2px;
  background:
    linear-gradient(90deg,transparent,rgba(226,219,255,.28),transparent),
    linear-gradient(90deg,rgba(var(--ember-nav-blue),.78),rgba(var(--ember-nav-violet),.85));
  background-size:36% 100%,100% 100%;
  background-repeat:no-repeat;
  background-position:-50% 50%,0 0;
  box-shadow:0 0 4px rgba(var(--ember-nav-violet),.1);
  transform:scaleX(1);
  transform-origin:left;
  opacity:.9;
  animation:ember-nav-breathe 7.4s ease-in-out infinite alternate,ember-nav-drift 11.5s linear infinite;
  transition:filter 300ms ease;
  pointer-events:none;
}
.nav-items a:is([aria-current="page"],[aria-current="location"]):is(:hover,:focus-visible)::after,
.nav .links a[aria-current="page"]:is(:hover,:focus-visible)::after{
  filter:brightness(1.16);
}
.nav .links a[aria-current="page"]{position:relative}
.nav .links a[aria-current="page"]::after{bottom:-4px}
@keyframes ember-nav-surface{
  from{box-shadow:inset 0 0 0 1px rgba(var(--ember-nav-violet),.07),0 0 8px rgba(var(--ember-nav-blue),.055)}
  to{box-shadow:inset 0 0 0 1px rgba(var(--ember-nav-violet),.11),0 0 17px rgba(var(--ember-nav-blue),.15)}
}
@keyframes ember-nav-breathe{
  from{box-shadow:0 0 3px rgba(var(--ember-nav-violet),calc(var(--ember-nav-glow)*.55));opacity:.82}
  to{box-shadow:0 0 6px rgba(var(--ember-nav-violet),var(--ember-nav-glow)),0 1px 4px rgba(var(--ember-nav-blue),calc(var(--ember-nav-glow)*.35));opacity:1}
}
@keyframes ember-nav-drift{from{background-position:-50% 50%,0 0}to{background-position:150% 50%,0 0}}
@media(prefers-reduced-motion:reduce){
  .nav-items a:is([aria-current="page"],[aria-current="location"]),
  .nav .links a[aria-current="page"]{animation:none;box-shadow:inset 0 0 0 1px rgba(var(--ember-nav-violet),.09),0 0 10px rgba(var(--ember-nav-blue),.08)}
  .nav-items a:is([aria-current="page"],[aria-current="location"])::after,
  .nav .links a[aria-current="page"]::after{
    animation:none;
    background-position:50% 50%,0 0;
    filter:none;
    box-shadow:0 0 4px rgba(var(--ember-nav-violet),.1);
    opacity:.9;
  }
}