﻿/* Match the landing navigation without importing unrelated landing styles. */
body[data-page=constellations] .site-nav--pill{width:calc(100% - 32px);max-width:1680px;min-height:72px;margin:12px auto;top:calc(env(safe-area-inset-top,0px) + 12px);background:#101011;border:0;border-radius:999px;box-shadow:0 12px 32px -24px #0009;transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .28s ease}
body[data-page=constellations] .site-nav__in{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 28px;min-width:0}
body[data-page=constellations] .site-nav__brand{font-size:clamp(26px,2.2vw,34px);gap:9px}
body[data-page=constellations] .site-nav__links{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;gap:0;width:auto;white-space:nowrap}
body[data-page=constellations] .site-nav__cta{grid-column:3;grid-row:1}
body[data-page=constellations] .site-nav__links>a,body[data-page=constellations] .site-nav__tos>summary{font-size:clamp(13px,1vw,17px);padding-inline:9px;min-height:44px}
body[data-page=constellations] .site-nav.hide{transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 40px));opacity:0;pointer-events:none}
body[data-page=constellations] .site-nav:focus-within,body[data-page=constellations] .site-nav.mobile-menu-open,body[data-page=constellations] .site-nav:has(details[open]){transform:none;opacity:1;pointer-events:auto}
.mobile-menu-toggle{display:none}
@media(max-width:1050px){
 body[data-page=constellations] .site-nav--pill{min-height:64px;width:calc(100% - 24px)}
 body[data-page=constellations] .site-nav__in{display:flex;padding:10px 20px;justify-content:space-between}
 body[data-page=constellations] .site-nav__brand{font-size:26px}
 body[data-page=constellations] .site-nav__cta{display:none}
 body[data-page=constellations] .site-nav__links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;grid-column:auto;grid-row:auto;padding:12px;background:#101011;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 18px 40px #0008;white-space:normal}
 body[data-page=constellations] .mobile-menu-open .site-nav__links{display:grid;grid-template-columns:1fr 1fr}
 body[data-page=constellations] .site-nav__tos{grid-column:auto;justify-self:stretch}
 body[data-page=constellations] .site-nav__links>a,body[data-page=constellations] .site-nav__tos>summary{font-size:14px;min-height:44px}
 .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;flex-shrink:0;width:44px;height:44px;margin-right:16px;padding:10px;background:none;border:0;color:#f00646;cursor:pointer}
 .mobile-menu-toggle span{width:24px;height:3px;background:currentColor;border-radius:3px;transition:transform .25s,opacity .2s}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(-45deg)}
 .mobile-menu-toggle:focus-visible{outline:2px solid #f00646;outline-offset:2px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){body[data-page=constellations] .site-nav--pill,.mobile-menu-toggle span{transition:none}}
