/* Mobile chart column calibration: larger rows, stable markers, aligned titles. */
@media (max-width: 700px) {
  .vnext-mobile-spirit,
  .vnext-meta-stack .vnext-mobile-meta {
    font-size: 13px;
  }

  .vnext-mobile-line .vnext-marker {
    font-size: 14px;
  }

  .vnext-mobile-arrow {
    font-size: 13px;
  }

  .vnext-mobile-cell {
    transform: translateX(-4px);
  }

  .vnext-mobile-cell.has-position-marker {
    transform: translateX(-7px);
  }

  .vnext-mobile-title {
    grid-template-columns: 28px minmax(0, 1fr) 12px minmax(0, 1fr);
    gap: 3px;
  }

  .vnext-mobile-title > div:first-child {
    grid-column: 2;
    transform: translateX(13px);
  }

  .vnext-mobile-title > span {
    grid-column: 3;
  }

  .vnext-mobile-title > div:last-child {
    grid-column: 4;
    transform: translateX(11px);
  }
}

@media (max-width: 390px) {
  .vnext-mobile-spirit,
  .vnext-meta-stack .vnext-mobile-meta {
    font-size: 12px;
  }

  .vnext-mobile-line .vnext-marker {
    font-size: 13px;
  }

  .vnext-mobile-arrow {
    font-size: 12px;
  }

  .vnext-mobile-title {
    grid-template-columns: 25px minmax(0, 1fr) 8px minmax(0, 1fr);
    gap: 2px;
    padding-inline: 5px;
  }

  .vnext-mobile-title > div:first-child {
    transform: translateX(12px);
  }

  .vnext-mobile-title > div:last-child {
    transform: translateX(10px);
  }
}