/* Daily nakshatra explainer. Panels, controls and readouts come from learn-retrograde.css. */
.nak-small { fill: #b5c5da; font-size: 16px; letter-spacing: .02em; }
.nak-label { fill: #e4edf8; font-size: 18px; font-weight: 550; paint-order: stroke; stroke: #0d1729; stroke-width: 5px; stroke-linejoin: round; }
.nak-name { fill: #e4edf8; font-size: 22px; font-weight: 550; }
.nak-number { fill: #b5c5da; font-size: 11px; }
.nak-tick { fill: #b5c5da; font-size: 16px; }
.nak-cell { fill: #e2b96708; stroke: #8eabc366; stroke-width: 1; }
.nak-cell-window { fill: #e2b967; fill-opacity: .25; }
.nak-cell-named { fill: #a9c4ff; fill-opacity: .22; }
.nak-zoom-cell { fill: #e2b96708; stroke: #8eabc366; stroke-width: 1.5; }
.nak-connector { fill: none; stroke: #8eabc355; stroke-dasharray: 3 4; }
.nak-boundary { stroke: #f4bf54; stroke-width: 3; }
.nak-boundary-text { fill: #ffd08b; }
.nak-trail { stroke: #e8dcc1; stroke-width: 4; stroke-linecap: round; }
.nak-moon { fill: #e8dcc1; stroke: #83765d; stroke-width: 1.5; }
.nak-moon-glow { fill: #e8dcc1; opacity: .18; }
.nak-pointer { stroke: #e8dcc1; stroke-width: 2; }
.nak-sunrise-mark { stroke: #70d6c0; stroke-width: 2; }
.nak-sunrise-text { fill: #89e5d2; }
.nak-span-0 { fill: #8eabc355; }
.nak-span-1 { fill: #8eabc322; }
.nak-span-focus { fill: #f4bf54; fill-opacity: .3; stroke: #f4bf54; stroke-width: 2; }
.nak-span-text { fill: #e4edf8; font-size: 16px; }
.nak-star { fill: #a9c4ff; }
.nak-star-line { stroke: #a9c4ff88; stroke-width: 1.5; stroke-dasharray: 3 3; }
.nak-story .retro-observation > span:first-child, .nak-story .retro-observation strong { font-variant-numeric: tabular-nums; }
.nak-story .node-story-note a { color: var(--accent-text); text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 40rem) {
  .nak-small { font-size: 20px; }
  .nak-label { font-size: 22px; }
  .nak-tick { font-size: 20px; }
  .nak-span-text { font-size: 19px; }
}