/* Eclipse explainers. Panels, controls and readouts come from learn-retrograde.css. */
.eps-small { fill: #b5c5da; font-size: 15px; letter-spacing: .02em; }
.eps-label { fill: #e4edf8; font-size: 18px; font-weight: 550; paint-order: stroke; stroke: #0d1729; stroke-width: 5px; stroke-linejoin: round; }
.eps-tick, .eps-legend text { fill: #b5c5da; font-size: 15px; }
.eps-band { fill: #f4bf54; fill-opacity: .14; }
.eps-band-text { fill: #ffd08b; }
.eps-ecliptic { stroke: #f4bf54; stroke-width: 2; }
.eps-pt { stroke-width: 2; cursor: pointer; }
.eps-pt-new { fill: #3b4659; stroke: #e8dcc1; }
.eps-pt-full { fill: #e8dcc1; stroke: #83765d; }
.eps-pt-eclipse { stroke: #f4bf54; stroke-width: 3; }
.eps-pt-selected { stroke: #70d6c0; stroke-width: 3; }
.eps-ring { fill: none; stroke: #70d6c0; stroke-width: 2.5; }
.eps-sun { fill: #f4bf54; stroke: #bd7b11; stroke-width: 1.5; }
.eps-sun-text { fill: #ffd08b; }
.eps-earth { fill: #3a8da4; stroke: #a3d2c2; stroke-width: 1.5; }
.eps-earth-text { fill: #89e5d2; }
.eps-moon { fill: #e8dcc1; stroke: #83765d; stroke-width: 1.5; }
.eps-moon.eps-moon-new { fill: #3b4659; stroke: #e8dcc1; }
.eps-moon-text { fill: #e8dcc1; }
.eps-sight { stroke: #8eabc3; stroke-width: 1.5; stroke-dasharray: 4 4; }
.eps-window { fill: #f4bf54; fill-opacity: .08; }
.eps-cut { stroke: #f4bf54; stroke-width: 2; stroke-dasharray: 6 5; }
.eps-divider { stroke: #8eabc333; }
.eps-axis { fill: none; stroke: #8eabc3; stroke-width: 1.5; }
.eps-sc-none { fill: #8eabc3; opacity: .45; }
.eps-sc-solar { fill: #f4bf54; }
.eps-sc-lunar { fill: #e0715a; }
.eps-sc-pen { fill: #d7b8ad; }
.eps-row { stroke: #8eabc333; stroke-width: 1; }
.eps-story .retro-observation > span:first-child, .eps-story .retro-observation strong { font-variant-numeric: tabular-nums; }
.eps-story .node-story-heading a, .eps-story .node-story-note a { color: var(--accent-text); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 40rem) {
  .eps-small { font-size: 19px; }
  .eps-label { font-size: 22px; }
  .eps-tick, .eps-legend text { font-size: 19px; }
}