#solar-voyage { width:100%; color:var(--foreground); }
  #solar-voyage .solar-heading { justify-content:space-between; padding-right:90px; }
  #solar-voyage .solar-heading h2 { margin:0; }
  #solar-voyage .solar-stage { position:relative; width:100%; height:clamp(350px,65vw,540px); overflow:hidden; touch-action:none; }
  #solar-voyage canvas { display:block; width:100%; height:100%; }
  #solar-voyage .solar-labels { position:absolute; inset:0; pointer-events:none; }
  #solar-voyage .solar-label { position:absolute; left:0; top:0; color:var(--foreground); white-space:nowrap; text-shadow:0 1px 4px var(--background),0 0 8px var(--background); }
  #solar-voyage .solar-loading,#solar-voyage .solar-error { position:absolute; left:0; right:0; top:48%; text-align:center; color:var(--foreground); }
  #solar-voyage .solar-speed { min-width:160px; flex:1; max-width:260px; }
  #solar-voyage .solar-detail { margin-top:12px; min-height:2em; }
  #solar-voyage .solar-notes { display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:8px; }
  @media(max-width:480px) {
    #solar-voyage .solar-heading { padding-right:90px; align-items:flex-start; }
    #solar-voyage .solar-heading > span { display:none; }
    #solar-voyage .solar-speed { min-width:100%; max-width:none; }
  }