/* Readability pass for dense stacked occupancy histories. */
.slot-chart-stage {
  isolation: isolate;
}

.slot-chart .slot-area {
  fill-opacity: .58;
  stroke-width: .75;
  stroke-opacity: .72;
  stroke-linejoin: bevel;
}

:root[data-theme="light"] .slot-chart .slot-area {
  fill-opacity: .68;
  stroke-opacity: .88;
}

/* The aggregate outline used to cover compressed stacks with a dark zig-zag. */
.slot-chart .slot-total-line {
  stroke: color-mix(in srgb, var(--muted) 45%, transparent);
  stroke-width: .75;
  stroke-dasharray: 2 5;
  stroke-linecap: round;
  opacity: .34;
}

.slot-chart .slot-cap-line line {
  stroke-width: 1.8;
  stroke-dasharray: 8 7;
  opacity: .92;
}

.slot-chart .slot-cap-line text {
  paint-order: stroke;
  stroke: var(--panel);
  stroke-width: 4px;
  stroke-linejoin: round;
}

.slot-strategy-card.is-visible {
  box-shadow: inset 4px 0 0 color-mix(in srgb, var(--series-color) 78%, transparent);
}

@media (max-width: 600px) {
  .slot-chart .slot-area {
    stroke-width: 1;
  }
}