/* Frank Spring
12.01.2026
Css correspondant a la page "Interwiew avec Gerard" */

/* .interview_Gerard : conteneur principal de l’interview, organise les éléments horizontalement 
et les centre */
.interview_Gerard {
    display: flex;
    align-content: space-around;
    justify-content: center;
}

/* table.QNA-Table : tableau Q&A, utilise flex pour répartir l’espace et fixe la largeur des 
colonnes et ajoute quelques liens*/
table.QNA-Table {
    display: flex;
    align-content: space-between;
    justify-content: start;
    table-layout: fixed;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

/* première colonne du tableau (questions) : prend 40% de largeur, alignement en haut et un peu de
 padding */
.QNA-Table th:first-child,
.QNA-Table td:first-child {
    width: 40%;
    vertical-align: top;
    min-height: 48px;
    padding: 4px;
}

/* deuxième colonne du tableau (réponses) : prend 60% de largeur, texte s’adapte à la ligne, 
alignement en haut */
.QNA-Table th:last-child,
.QNA-Table td:last-child {
    width: 60%;
    word-wrap: break-word;
    vertical-align: top;
    min-height: 48px;
    padding: 4px;
}

/* .lighter : style pour une cellule/tableau avec fond clair et bordure noire épaisse */
.lighter {
    background-color: #E6E8EB;
}

/* .darker : style pour une cellule/tableau avec fond légèrement plus foncé */
.darker {
    background-color: #DADDE1;

}