/* Two-zodiac and ayanamsa explainers. Panels, controls and readouts come from learn-retrograde.css. */
.zod-small { fill: #b5c5da; font-size: 15px; letter-spacing: .02em; }
.zod-label { fill: #e4edf8; font-size: 16px; font-weight: 550; }
.zod-tick, .zod-legend text { fill: #b5c5da; font-size: 14px; }
.zod-ring { fill: none; stroke: #8eabc366; stroke-width: 1.5; }
.zod-ring-trop { stroke: #e2b96799; }
.zod-ring-sid { stroke: #a9c4ff99; }
.zod-spoke { stroke: #8eabc355; stroke-width: 1; }
.zod-ring-label { font-size: 13px; }
.zod-trop-text { fill: #ffd08b; }
.zod-sid-text { fill: #a9c4ff; }
.zod-earth { fill: #3a8da4; stroke: #a3d2c2; stroke-width: 1.5; }
.zod-ray { stroke: #70d6c0; stroke-width: 1.5; stroke-dasharray: 4 4; }
.zod-planet { fill: #70d6c0; stroke: #0d1729; stroke-width: 2; }
.zod-planet-changed { fill: #f4bf54; }
.zod-zero, .zod-sid-zero { stroke: #a9c4ff; stroke-width: 2; }
.zod-zero { stroke: #f4bf54; }
.zod-star { fill: #a9c4ff; }
.zod-arc { fill: none; stroke: #f4bf54; stroke-width: 3; }
.zod-equinox { fill: #f4bf54; stroke: #0d1729; stroke-width: 2; }
.zod-axis { fill: none; stroke: #8eabc3; stroke-width: 1.5; }
.zod-zero-line { stroke: #8eabc355; stroke-dasharray: 4 4; }
.zod-graph { fill: none; stroke: #e8dcc1; stroke-width: 2.5; }
.zod-cone { fill: #a9c4ff14; stroke: #a9c4ff99; stroke-width: 1.5; stroke-dasharray: 5 4; }
.zod-cone-edge { stroke: #a9c4ff55; stroke-dasharray: 3 4; }
.zod-perp { stroke: #8eabc3; stroke-width: 1.5; stroke-dasharray: 2 5; }
.zod-spin { stroke: #f4bf54; stroke-width: 3; }
.zod-globe { fill: #3a8da4; fill-opacity: .7; stroke: #a3d2c2; stroke-width: 1.5; }
.zod-equator { fill: none; stroke: #e4edf8; stroke-width: 1.5; }
.zod-ecliptic-line { stroke: #f4bf5488; stroke-width: 1.5; }
.zod-sign-box { fill: #e2b96710; stroke: #8eabc355; }
.zod-edge { stroke: #f4bf5488; stroke-width: 1.5; stroke-dasharray: 4 4; }
.zod-close { fill: #ffd08b; font-weight: 650; }
.zod-choice-dot { fill: #f4bf54; stroke: #0d1729; stroke-width: 2; }
.zod-bar-lahiri { fill: #e8dcc1; }
.zod-bar-kp { fill: #a9c4ff; }
.zod-story .node-story-note a { color: var(--accent-text); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 40rem) {
  .zod-small { font-size: 19px; }
  .zod-label { font-size: 19px; }
  .zod-tick, .zod-legend text { font-size: 18px; }
  .zod-ring-label { font-size: 16px; }
}