/* Sign ingress explainers. Panels, controls and readouts come from learn-retrograde.css. */
.ing-small { fill: #b5c5da; font-size: 15px; letter-spacing: .02em; }
.ing-label { fill: #e4edf8; font-size: 17px; font-weight: 550; }
.ing-sign { fill: #e4edf8; font-size: 17px; }
.ing-tick, .ing-tick text { fill: #b5c5da; font-size: 15px; }
.ing-box { stroke: #8eabc366; stroke-width: 1.5; }
.ing-box-trop { fill: #e2b96714; }
.ing-box-sid { fill: #a9c4ff14; }
.ing-ecliptic { stroke: #f4bf5466; stroke-width: 2; }
.ing-trail { stroke: #f4bf54; stroke-width: 4; stroke-linecap: round; }
.ing-sun-dot { fill: #f4bf54; stroke: #bd7b11; stroke-width: 1.5; }
.ing-sun-glow { fill: #f4bf54; opacity: .18; }
.ing-entry { stroke: #f4bf54; stroke-width: 2.5; }
.ing-entry-text { fill: #ffd08b; }
.ing-bar { fill: #e2b967; fill-opacity: .7; }
.ing-bar-text { fill: #0d1729; font-size: 15px; font-weight: 600; }
.ing-grid { stroke: #8eabc333; }
.ing-leo { fill: #e2b967; fill-opacity: .07; }
.ing-boundary { stroke: #f4bf54; stroke-width: 2; stroke-dasharray: 6 5; }
.ing-path { fill: none; stroke: #e8dcc1; stroke-width: 3; }
.ing-cross { fill: #0d1729; stroke: #f4bf54; stroke-width: 3; }
.ing-station { fill: #a9c4ff; }
.ing-cursor { stroke: #70d6c0; stroke-width: 1.5; stroke-dasharray: 3 4; }
.ing-planet { fill: #70d6c0; stroke: #0d1729; stroke-width: 2; }
.ing-story .retro-observation > span:first-child, .ing-story .retro-observation strong { font-variant-numeric: tabular-nums; }
.ing-story .node-story-note a { color: var(--accent-text); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 40rem) {
  .ing-small { font-size: 19px; }
  .ing-label, .ing-sign { font-size: 20px; }
  .ing-tick, .ing-tick text, .ing-bar-text { font-size: 19px; }
}