/* Tracks share one moving capsule for navigation and grouped actions. */
.aps-liquid-nav{position:relative;isolation:isolate;gap:10px!important;padding:5px;border-radius:999px;scrollbar-width:none}
.aps-liquid-nav::-webkit-scrollbar{display:none;width:0;height:0}
.aps-liquid-nav>a{position:relative;z-index:1;border-radius:999px;white-space:nowrap}
.aps-liquid-nav:before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.aps-liquid-nav--light:before{background:linear-gradient(130deg,#e3eeea,#f6f4ef 55%,#d9e9e3);border-color:rgba(18,78,73,.1);box-shadow:inset 0 1px 1px #fff,0 4px 14px rgba(12,43,40,.08)}
:is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions){position:relative;isolation:isolate}
:is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions)::after{
  content:"";position:absolute;pointer-events:none;left:0;top:0;
  width:var(--pill-w,0px);height:var(--pill-h,0px);
  transform:translate(var(--pill-x,0px),var(--pill-y,0px));
  border-radius:var(--pill-radius,999px);box-sizing:border-box;z-index:0;
  border:1px solid rgba(255,255,255,.9);
  background:radial-gradient(ellipse at var(--shine,38%) 0%,rgba(255,255,255,.55),rgba(255,255,255,.05) 68%),linear-gradient(130deg,rgba(255,255,255,.2),rgba(159,196,182,.12));
  box-shadow:inset 0 2px 2px rgba(255,255,255,.95),inset 0 -2px 3px rgba(18,78,73,.18),0 5px 14px rgba(12,43,40,.2);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  opacity:0;transition:transform .38s cubic-bezier(.2,.85,.2,1),width .38s cubic-bezier(.2,.85,.2,1),height .38s cubic-bezier(.2,.85,.2,1),opacity .18s;
}
:is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions)[data-glass-active]::after{opacity:1}
.aps-liquid-nav--light::after{background:radial-gradient(ellipse at var(--shine,38%) 0%,rgba(255,255,255,.92),rgba(255,255,255,.15) 72%),linear-gradient(125deg,rgba(255,255,255,.7),rgba(159,196,182,.5) 55%,rgba(255,255,255,.55))}
.aps-liquid-nav>a[aria-current="page"]{border-bottom:0!important;text-decoration:underline;text-decoration-color:#F6B51E;text-decoration-thickness:3px;text-underline-offset:6px}
@media(min-width:901px){
  .aps-liquid-nav>a{padding:12px 18px;touch-action:pan-y pinch-zoom}
  .aps-liquid-nav--light>a{padding:10px 12px!important}
}
/* Already-coloured buttons keep their yellow/teal fill. The travelling glass
   rim sits above them without blurring or covering their text. */
html.aps-responsive body :is(.aps-phone-dialog nav,.aps-content-actions)::after{
  z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;
  border:2px solid rgba(255,255,255,.98);
  background:radial-gradient(ellipse at var(--shine,38%) 0%,rgba(255,255,255,.24),transparent 50%);
  box-shadow:inset 0 3px 2px rgba(255,255,255,.8),inset 0 -2px 2px rgba(255,255,255,.48),0 0 0 3px rgba(255,255,255,.16),0 7px 18px -7px rgba(12,43,40,.4);
}
@media(prefers-reduced-motion:reduce){:is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions)::after{transition:none}}
@media(prefers-reduced-transparency:reduce){
  .aps-liquid-nav::before,:is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions)::after{-webkit-backdrop-filter:none;backdrop-filter:none;background:none!important}
  :is(.aps-liquid-nav,.aps-phone-dialog nav,.aps-content-actions)::after{border:2px solid #F6B51E;box-shadow:none!important}
  .aps-liquid-nav--light::after{border-color:#124E49}
}

/* Horizontal drags select links; vertical panning and pinch remain native. */
html.aps-responsive body .aps-liquid-nav,
html.aps-responsive body .aps-liquid-nav>a{touch-action:pan-y pinch-zoom!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.aps-liquid-nav[data-glass-sliding]::after{transition:none}
.aps-liquid-nav[data-glass-sliding],.aps-liquid-nav[data-glass-sliding]>a{cursor:grabbing}
/* The finger controller scrolls overflowing rails at their edges. Disabling
   native horizontal panning stops Safari's scroll view stealing the gesture;
   scrollLeft still works for edge movement and keyboard focus. */
@media(any-pointer:coarse){
  html.aps-responsive body .aps-liquid-nav{overflow-x:hidden!important;scrollbar-width:none}
}