/* Solstaria — fixed stars.
   Star dots in paper, sized by magnitude, set in and out by latitude. No new
   colours: the conjunction lines take the conjunction tone, gold is only the
   star being read. */

.fs__ecliptic { fill: none; stroke: var(--line-field); stroke-width: 1.5; stroke-dasharray: 8 8; }
.fs__latring { fill: none; stroke: var(--line); stroke-width: 1; }
.fs__latlabel {
  fill: var(--paper-mute);
  font-family: var(--font-body);
  font-size: 17px;
  pointer-events: none;
}

.fs__link { fill: none; stroke-width: 3; stroke-linecap: round; }

.fs__target { fill: transparent; }
.fs__dot { fill: var(--paper); }
.fs__ring { fill: none; stroke: var(--paper-dim); stroke-width: 2; }
.fs__star { outline: none; }
.fs__star.is-picked .fs__dot { fill: var(--sol-lift); }
.fs__star.is-picked .fs__target,
.fs__star:focus-visible .fs__target { stroke: var(--sol); stroke-width: 2.5; }

.fs__stem { fill: none; stroke: var(--line-field); stroke-width: 1.2; }
.fs__anglelabel {
  fill: var(--paper);
  font-family: var(--font-body);
  font-size: 15px;
}

.fs__name {
  fill: var(--paper);
  font-family: var(--font-display);
  font-size: 46px;
  pointer-events: none;
}
.fs__line {
  fill: var(--paper-dim);
  font-family: var(--font-body);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.fs__table { margin-top: 2rem; }
.fs__data td:nth-child(2) { white-space: nowrap; }