/* ============ Static Downloads ============ */
.staticDownloads .roadmap_phase {
  padding: 1.52rem 2.36rem 1rem;
  max-width: 14.40rem;
  margin: 0 auto;
  background: #ffffff;
}

/* Section title (same look as x-services .quality-title, left aligned) */
.staticDownloads .quality-header {
  text-align: left;
  margin-bottom: 0.6rem;
}

.staticDownloads .quality-title {
  font-size: var(--font-size-30);
  font-weight: bold;
  color: var(--primary-color);
  line-height: 1.6;
  margin-bottom: 0.24rem;
}

.roadmap-table-wrap {
  margin-top: 0.6rem;
  overflow-x: auto;
}

.roadmap-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--text-gray);
}

.roadmap-table th {
  background: var(--primary-color);
  color: #ffffff;
  font-size: var(--font-size-20);
  font-weight: normal;
  padding: 0.2rem 0.24rem;
  white-space: nowrap;
  text-align: center;
}

.roadmap-table tr {
  font-size: var(--font-size-18);
  border: 1px solid #cfe6f2;
  line-height: 1.5;
}

.roadmap-table td {
  padding: 0.14rem 0.24rem;
  font-size: var(--font-size-18);
  line-height: 1.5;
  border: 1px solid #cfe6f2;
  vertical-align: middle;
}

.roadmap-table tbody tr:nth-child(odd) {
  background: #f7fafc;
}

/* Vehicle model merged cell */
.roadmap-table .model-cell {
  text-align: center;
  background: #ffffff;
}

.vehicle-badge {
  color: #58c1ec;
  font-weight: bold;
  white-space: nowrap;
}

/* Centered columns */
.roadmap-table .update-cell,
.roadmap-table .markets-cell,
.roadmap-table .op-cell {
  text-align: center;
  white-space: nowrap;
}

/* Download link */
.Download-btn {
  color: #58c1ec;
  font-size: var(--font-size-16);
  /* font-weight: bold; */
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: underline;
  text-decoration-color: #58c1ec;
  text-underline-offset: 0.06rem;
  /* text-decoration-thickness: 2px; */
  transition: color 0.25s ease;
}

.Download-btn:hover {
  /* color: #0d8ab8; */
  text-decoration: underline;
  /* text-decoration-color: #0d8ab8; */
}

/* ============ Mobile ============ */
@media (max-width: 768px) {
  .staticDownloads .roadmap_phase {
    padding: 1rem 0.3rem;
    max-width: 100%;
  }

  .staticDownloads .quality-title {
    font-size: var(--font-size-22);
    margin-bottom: 0.2rem;
    line-height: 1.5;
  }

  /* separate + spacing 0 keeps borders attached to the sticky column */
  .roadmap-table {
    font-size: var(--font-size-14);
    min-width: 8rem;
    border-collapse: separate;
    border-spacing: 0;
  }

  .roadmap-table th,
  .roadmap-table td {
    border: none;
    border-right: 1px solid #cfe6f2;
    border-bottom: 1px solid #cfe6f2;
  }

  .roadmap-table th:first-child,
  .roadmap-table td:first-child {
    border-left: 1px solid #cfe6f2;
  }

  .roadmap-table thead tr:first-child th {
    border-top: 1px solid #cfe6f2;
  }

  .roadmap-table th {
    font-size: var(--font-size-16);
    padding: 0.2rem 0.22rem;
  }

  .roadmap-table td {
    padding: 0.2rem 0.22rem;
    font-size: var(--font-size-14);
  }

  .vehicle-badge {
    font-size: var(--font-size-14);
  }

  .Download-btn {
    font-size: var(--font-size-14);
  }

  /* Operation column stays pinned to the right while the table scrolls */
  .roadmap-table .op-cell {
    position: sticky;
    right: 0;
    z-index: 2;
    box-shadow: -1px 0 0 #cfe6f2, -0.1rem 0 0.12rem -0.08rem rgba(1, 30, 80, 0.35);
  }

  .roadmap-table thead .op-cell {
    z-index: 4;
    background: var(--primary-color);
  }

  .roadmap-table tbody tr:nth-child(odd) .op-cell {
    background: #f7fafc;
  }

  .roadmap-table tbody tr:nth-child(even) .op-cell {
    background: #ffffff;
  }
}