/* Rising sign and birth-time explainers. Panels, controls and readouts come from learn-retrograde.css. */
.lg-small { fill: #b5c5da; font-size: 14px; letter-spacing: .02em; }
.lg-label { fill: #e4edf8; font-size: 15px; font-weight: 550; }
.lg-tick { fill: #b5c5da; font-size: 13px; }
.lg-sign { fill: #e4edf8; font-size: 15px; }
.lg-sky { fill: #192b42; fill-opacity: .55; }
.lg-ground { fill: #05090f; fill-opacity: .45; }
.lg-ring { fill: none; stroke: #e2b96788; stroke-width: 1.5; }
.lg-spoke { stroke: #e2b96766; }
.lg-horizon { stroke: #a3d2c2; stroke-width: 2.5; }
.lg-asc { fill: #f4bf54; stroke: #0d1729; stroke-width: 2; }
.lg-asc-text { fill: #ffd08b; }
.lg-grid { stroke: #8eabc322; }
.lg-bar { fill: #e2b967; fill-opacity: .8; }
.lg-row.lg-alt-0 { fill: #e8dcc1; } .lg-row.lg-alt-1 { fill: #a9c4ff; fill-opacity: .8; }
.lg-bar-text { fill: #0d1729; font-size: 12px; font-weight: 650; }
.lg-band { fill: #f4bf54; fill-opacity: .14; }
.lg-cursor { stroke: #e0715a; stroke-width: 2.5; }
@media (max-width: 40rem) {
  .lg-small, .lg-tick { font-size: 17px; }
  .lg-label, .lg-sign { font-size: 18px; }
}