/* =========================================
   data.css — Data Engineering & Analytics section
   ========================================= */

#data {
  background: rgba(0, 0, 0, 0.15);
}

/* ---- Series status badge ---- */
.data-series-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: var(--radius-full);
  padding: 6px 18px;
  font-size: 12px;
  font-weight: 700;
  color: #38bdf8;
  letter-spacing: 0.04em;
  margin-bottom: 1.75rem;
}

/* ---- Data card variant ---- */
.card.data::before {
  background: #38bdf8;
}

.card.data .card-type {
  background: rgba(56, 189, 248, 0.13);
  color: #38bdf8;
}

.card.data .card-arrow {
  background: linear-gradient(135deg, #38bdf8, #0369a1);
}

.card.data:hover {
  border-color: rgba(56, 189, 248, 0.30);
}

/* ---- Data card link ---- */
.card-link.data-link {
  color: #38bdf8;
  border-color: rgba(56, 189, 248, 0.25);
}

.card-link.data-link:hover {
  background: rgba(56, 189, 248, 0.10);
}

/* ---- Data skill card ---- */
.skill-card--data {
  border-color: rgba(56, 189, 248, 0.18);
}

.skill-card--data:hover {
  border-color: rgba(56, 189, 248, 0.40);
}

.skill-card--data .skill-card-title {
  color: #38bdf8;
}

.skill-pill--data {
  background: rgba(56, 189, 248, 0.10);
  color: #38bdf8;
}