/* Prime Creation // single bottom page-slider instrument v7
   One navigation pill. Every channel stays on one continuous inline row.
   Browser Safari reserves a toolbar clearance zone; installed/PWA shells do not. */

:root {
  --prime-pill-gap: clamp(1px, .24vw, 4px);
  --prime-pill-edge: clamp(.22rem, .8vw, .42rem);
  --prime-pill-height: clamp(3rem, 7.4vw, 3.7rem);
  --prime-pill-ease: cubic-bezier(.2,.78,.18,1);
  --prime-tab-count: 11;
  --prime-pill-side-gap: max(.38rem, env(safe-area-inset-left));
  --prime-pill-side-gap-right: max(.38rem, env(safe-area-inset-right));
  --prime-pill-bottom-gap: max(.38rem, env(safe-area-inset-bottom));
  --prime-browser-toolbar-clearance: 0px;
}
body.prime-v2 .topbar .focus-nav,body.prime-v2 .topbar>.nav,body.prime-v2 .topbar [data-menu],body.prime-v2 .topbar .menu-toggle{display:none!important}
body.prime-v2 .app-dock.prime-pill-slider{position:fixed!important;z-index:9990!important;left:var(--prime-pill-side-gap)!important;right:var(--prime-pill-side-gap-right)!important;top:auto!important;bottom:calc(var(--prime-pill-bottom-gap) + var(--prime-browser-toolbar-clearance) + var(--prime-org-keyboard-inset,0px))!important;display:block!important;width:auto!important;min-width:0!important;max-width:76rem!important;height:var(--prime-pill-height)!important;min-height:var(--prime-pill-height)!important;max-height:var(--prime-pill-height)!important;margin:0 auto!important;padding:var(--prime-pill-edge)!important;overflow:visible!important;transform:none!important;border-radius:clamp(1rem,3vw,1.35rem)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-label,body.prime-v2 .app-dock.prime-pill-slider [data-focus10-home],body.prime-v2 .app-dock.prime-pill-slider .app-mode-toggle{display:none!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links{position:relative!important;z-index:2!important;display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;justify-content:stretch!important;gap:var(--prime-pill-gap)!important;width:100%!important;min-width:0!important;max-width:none!important;height:calc(var(--prime-pill-height) - (var(--prime-pill-edge)*2))!important;margin:0!important;padding:.08rem!important;overflow:hidden!important;overscroll-behavior:none!important;scroll-snap-type:none!important;scroll-behavior:auto!important;scrollbar-width:none!important;touch-action:pan-y pinch-zoom!important;cursor:default!important;-webkit-overflow-scrolling:auto!important;-webkit-mask-image:none!important;mask-image:none!important;contain:layout paint style}
body.prime-v2 .app-dock.prime-pill-slider .prime-pill-edge-spacer{display:none!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target]{position:relative!important;z-index:1!important;display:flex!important;flex:1 1 0!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(.04rem,.18vw,.16rem)!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;height:100%!important;margin:0!important;padding:clamp(.2rem,.55vw,.4rem) clamp(.02rem,.22vw,.3rem)!important;overflow:hidden!important;border-radius:clamp(.5rem,1.5vw,.78rem)!important;white-space:nowrap!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target] b{display:block!important;flex:0 0 auto!important;min-width:0!important;overflow:hidden!important;color:rgba(130,235,255,.78);font-size:clamp(.5rem,1.05vw,.66rem)!important;line-height:1!important;letter-spacing:clamp(.01em,.08vw,.08em)!important;text-align:center!important;white-space:nowrap!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target] span{display:block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;font-size:clamp(.36rem,.62vw,.52rem)!important;line-height:1!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.prime-v2 .app-dock.prime-pill-slider .prime-pill-slider-indicator{top:.08rem!important;bottom:.08rem!important;left:0!important;width:calc(100%/var(--prime-tab-count))!important;min-width:0!important;border-radius:clamp(.5rem,1.5vw,.78rem)!important;transform-origin:center!important;transition:transform 190ms var(--prime-pill-ease),width 190ms var(--prime-pill-ease),border-color 160ms ease,box-shadow 180ms ease!important}
body.prime-v2 .app-dock.prime-pill-slider .app-dock-links.is-pill-live .prime-pill-slider-indicator,body.prime-v2 .app-dock.prime-pill-slider .app-dock-links[data-fixed-pill-dragging=true] .prime-pill-slider-indicator{transition:none!important;will-change:transform}
body.prime-v2 .app-dock.prime-pill-slider .prime-pill-sfx{position:absolute!important;z-index:6!important;top:-1.38rem!important;right:.22rem!important;display:grid!important;place-items:center!important;width:1.25rem!important;min-width:1.25rem!important;height:1.25rem!important;min-height:1.25rem!important;padding:0!important;border-radius:50%!important}body.prime-v2 .prime-pill-sfx span{display:none!important}body.prime-v2 .prime-pill-sfx b{font-size:.62rem!important}
@media(max-width:680px){:root{--prime-pill-gap:1px;--prime-pill-edge:.2rem;--prime-pill-height:3.08rem;--prime-pill-side-gap:max(.21rem,env(safe-area-inset-left));--prime-pill-side-gap-right:max(.21rem,env(safe-area-inset-right));--prime-pill-bottom-gap:max(.28rem,env(safe-area-inset-bottom))}body.prime-v2 .app-dock.prime-pill-slider{max-width:none!important}body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target]{padding:0!important;gap:0!important}body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target] span{display:none!important}body.prime-v2 .app-dock.prime-pill-slider .app-dock-links>button[data-focus10-target] b{font-size:clamp(.47rem,1.9vw,.61rem)!important;letter-spacing:0!important}}
@media(max-width:360px){:root{--prime-pill-height:2.96rem;--prime-pill-side-gap:max(.12rem,env(safe-area-inset-left));--prime-pill-side-gap-right:max(.12rem,env(safe-area-inset-right))}}
/* iPhone/iPad Safari browser chrome is outside CSS safe-area-inset-bottom. Keep the
   site dock above the browser controls. Installed PWAs/native shells bypass this. */
@supports(-webkit-touch-callout:none){@media(display-mode:browser){:root{--prime-browser-toolbar-clearance:clamp(4.35rem,10.5dvh,6.25rem)}}}
@media(display-mode:standalone),(display-mode:fullscreen){:root{--prime-browser-toolbar-clearance:0px}}
html.pc-reader-open body .app-dock.prime-pill-slider,body.pc-reader-open .app-dock.prime-pill-slider,html.pc-reader-teleporting body .app-dock.prime-pill-slider,body.pc-reader-teleporting .app-dock.prime-pill-slider{opacity:1!important;visibility:visible!important;transform:none!important}
body.prime-v2 .help{bottom:calc(var(--prime-pill-bottom-gap) + var(--prime-browser-toolbar-clearance) + var(--prime-org-keyboard-inset,0px) + var(--prime-pill-height) + .72rem)!important}
@media(prefers-reduced-motion:reduce){body.prime-v2 .app-dock.prime-pill-slider,body.prime-v2 .app-dock.prime-pill-slider *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
