/* En-tete de la page CV */
.cv-hero {
  padding-top: 1.8rem;
}

/* Texte d'introduction du CV */
.cv-hero p {
  max-width: 70ch;
}

/* Grille principale des blocs CV */
.cv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

/* Carte de section du CV */
.cv-card {
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(7, 21, 31, 0.56);
  padding: 1.2rem;
}

/* Titre d'une section CV */
.cv-card h2 {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

/* Timeline experience/formation */
.timeline {
  list-style: none;
  display: grid;
  gap: 0.9rem;
}

/* Element fort dans la timeline */
.timeline strong {
  display: block;
  margin-bottom: 0.25rem;
}

/* Conteneur des tags de competences */
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

/* Tag individuel */
.tags span {
  border: 1px solid var(--line);
  background: rgba(45, 207, 150, 0.12);
  padding: 0.4rem 0.65rem;
  border-radius: 999px;
  font-size: 0.9rem;
}

/* Adaptation responsive */
@media (max-width: 900px) {
  .cv-grid {
    grid-template-columns: 1fr;
  }
}