/* V1 of the site (October 14): loaded by final-v1.html only, so the full version is unchanged.

   The cases: Just Vertical is the lead card, with the line chart from its case page where TruLog's bar chart sits on the
   full version. The chart's rules below are the ones the case pages carry inline, and its key's are from case-options.css,
   which the home page doesn't load. The two small cards under it need nothing of their own (final.css keeps every card but
   the first the same small size, as Michael set on October 14).

   Only the case section differs between V1 and the full version (Michael, October 14), so nothing else lives here: the logo
   strip and its styling moved to the shared build (build_final.py step 23, final.css "The logo strip, one grey"). */
.ld-line .ld-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ld-line polyline {
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.ld-line .ld-l0 {
  stroke: #c8c8c8;
}
.ld-line .ld-l1 {
  stroke: var(--accent);
}
.jv-line .ld-l0 {
  stroke: #9a9a9a;
}
.rv-key {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--n600);
}
.rv-key span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.rv-key i {
  width: 0.625rem;
  height: 0.625rem;
  background: #c8c8c8;
}
.rv-key .k26 {
  background: var(--accent);
}
.jv-key i {
  background: #9a9a9a;
}
.jv-key .k26 {
  background: var(--accent);
}
@media (prefers-reduced-motion: no-preference) {
  .ld-line.will-grow .ld-svg {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.6s var(--ease) 0.25s;
  }
  .ld-line.will-grow.is-in .ld-svg {
    clip-path: inset(0 0 0 0);
  }
}