/* Header badge shared by every layout. Header.astro renders it on all
   pages, but the template pages load only their own page stylesheet,
   so these rules have to travel separately from header.css. */
/* Orbital logo from the supplied component. */
.nav>.tp-orbital-logo{
  --logo-size:139px;
  position:absolute;left:clamp(18px,3.2vw,60px);top:16px;display:block;
  width:var(--logo-size);height:var(--logo-size);border-radius:50%;isolation:isolate;
  touch-action:pan-y;outline-offset:-12px;-webkit-tap-highlight-color:transparent;
}
.tp-orbital-logo canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.tp-orbital-logo:focus-visible{outline:1px solid #9eeaff}
.tp-orbital-logo .logo-fallback{position:absolute;inset:22%;width:56%;height:56%;color:#ffd84a;display:none}
.tp-orbital-logo.is-unavailable .logo-fallback{display:block}
@media(min-width:681px) and (max-width:1020px){.nav>.tp-orbital-logo{--logo-size:120px;left:8px;top:12px}}
@media(max-width:680px){.nav>.tp-orbital-logo{--logo-size:91px;left:4px;top:8px}}