/*
 * The line `ChartsHelper#trend_line_tag` draws: an index card's year on the
 * homepage, a company's year on a screener snapshot. The caller sizes the
 * box.
 *
 * The path is drawn in a fixed box and stretched to fit; the stroke keeps
 * its width however far it is stretched. In ink, like a line in a printed
 * chart, whichever way the year has gone.
 */
@layer components {
  .trend-line {
    display: block;
    overflow: visible;
  }

  .trend-line__line {
    fill: none;
    stroke: var(--color-ink);
    stroke-width: 1.25;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
}