/* Mercury and Venus explainers. Panels, controls and readouts come from learn-retrograde.css. */
.inr-small { fill: #b5c5da; font-size: 15px; letter-spacing: .02em; }
.inr-tick { fill: #b5c5da; font-size: 15px; }
.inr-orbit-earth { fill: none; stroke: #70d6c055; stroke-width: 1.5; }
.inr-orbit-planet { fill: none; stroke: #e2b96788; stroke-width: 1.5; }
.inr-sun { fill: #f4bf54; stroke: #bd7b11; stroke-width: 1.5; }
.inr-sun-text { fill: #ffd08b; }
.inr-sunline { stroke: #f4bf5455; stroke-width: 1.5; stroke-dasharray: 3 5; }
.inr-sight { stroke: #a9c4ff; stroke-width: 2; stroke-dasharray: 6 5; }
.inr-earth { fill: #3a8da4; stroke: #a3d2c2; stroke-width: 1.5; }
.inr-earth-text { fill: #89e5d2; }
.inr-planet { fill: #f5ead1; stroke: #83765d; stroke-width: 1.5; }
.inr-planet-text { fill: #f5ead1; }
.inr-axis { fill: none; stroke: #8eabc3; stroke-width: 1.5; }
.inr-path { fill: none; stroke: #e8dcc1; stroke-width: 3; }
.inr-retro { fill: #e0715a; fill-opacity: .14; }
.inr-retro-bar { fill: #e0715a; fill-opacity: .45; }
.inr-zero { stroke: #f4bf54; stroke-width: 1.5; stroke-dasharray: 5 5; }
.inr-cursor { stroke: #70d6c0; stroke-width: 1.5; stroke-dasharray: 3 4; }
.inr-conj { stroke: #f4bf54; stroke-width: 2; }
.inr-conj-text { fill: #ffd08b; }
.inr-evening { fill: #e2b967; fill-opacity: .06; }
.inr-morning { fill: #a9c4ff; fill-opacity: .06; }
.inr-evening-text { fill: #ffd08b; }
.inr-morning-text { fill: #a9c4ff; }
.inr-story .retro-observation > span:first-child, .inr-story .retro-observation strong { font-variant-numeric: tabular-nums; }
.inr-story .node-story-note a { color: var(--accent-text); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 40rem) {
  .inr-small, .inr-tick { font-size: 19px; }
}