/* Sunrise and city explainers. Panels, controls and readouts come from learn-retrograde.css. */
.sun-small { fill: #b5c5da; font-size: 14px; letter-spacing: .02em; }
.sun-label { fill: #e4edf8; font-size: 16px; font-weight: 550; }
.sun-tick { fill: #b5c5da; font-size: 14px; }
.sun-bar-text { fill: #0d1729; font-size: 14px; font-weight: 650; }
.sun-civil.sun-alt-0 { fill: #a9c4ff; } .sun-civil.sun-alt-1 { fill: #8eabc3; }
.sun-pday.sun-alt-0 { fill: #f4bf54; } .sun-pday.sun-alt-1 { fill: #e2b967; fill-opacity: .75; }
.sun-tithi.sun-alt-0 { fill: #e8dcc1; } .sun-tithi.sun-alt-1 { fill: #c8bba0; }
.sun-rise { stroke: #70d6c0; stroke-width: 2; stroke-dasharray: 4 4; }
.sun-rise-dot { fill: #70d6c0; }
.sun-rise-text { fill: #89e5d2; }
.sun-cursor { stroke: #e0715a; stroke-width: 2.5; }
.sun-grid { stroke: #8eabc322; }
.sun-curve { fill: none; stroke: #f4bf54; stroke-width: 3; }
.sun-change { stroke: #f4bf54; stroke-width: 2.5; }
.sun-change-text { fill: #ffd08b; }
.sun-picked .sun-label { fill: #ffd08b; }
.sun-story .retro-events button[aria-pressed="true"] { border-color: var(--accent-text); }
@media (max-width: 40rem) {
  .sun-small, .sun-tick, .sun-bar-text { font-size: 17px; }
  .sun-label { font-size: 19px; }
}