/* === Latest Releases — Cables (perfect symmetry + independent length/distance) ================= */
/* Clean rewrite: visible cables with proper glow via BOX-SHADOW (not text-shadow) */

.mini-frames{
  --cable-thick: 4px;      /* line thickness */
  --cable-w: 75px;         /* cable length (actual horizontal length) */
  --cable-gap: 30px;       /* gap below the label */
  --cable-delta-y: -92px; /* vertical nudge */
  --cable-shift: -91px;    /* horizontal separation (mirror around center) */
}

/* Base: horizontal line under each card, centered horizontally */
.mini-frames .mini-neon-frame .lr-card::after{
  content: "";
  position: absolute;
  top: calc(100% + var(--cable-gap) + var(--cable-delta-y));
  left: 50%;
  width: var(--cable-w);
  height: var(--cable-thick);
  background: currentColor;
  transform: translateX(-50%);
  pointer-events: none;
  /* Keep above page background but below overlays */
  z-index: 1;

  /* Tight neon glow around the line */
  box-shadow:
    0 0 4px currentColor,
    0 0 10px currentColor,
    0 0 18px color-mix(in srgb, currentColor 80%, white);
}

/* Mirror placement around center */
.mini-frames .mini-neon-frame.mini-lavender .lr-card::after{
  left: calc(50% - var(--cable-shift));
}
.mini-frames .mini-neon-frame.mini-pink .lr-card::after{
  left: calc(50% + var(--cable-shift));
}