/* ========================================
   STYLES POUR SECTIONS HARMONISÉES
   ======================================== */

/* Container des sections harmonisées */
.unite-fondamentale-section {
    background: white !important;
    border-radius: 20px !important;
    padding: 50px 40px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.08) !important;
    margin: 60px 0 !important;
    border: 1px solid #f1f5f9 !important;
}

/* Headers unifiés */
.unite-fondamentale-header {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.unite-fondamentale-title {
    font-size: 2.5rem !important;
    color: #0B60AB !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
}

.unite-fondamentale-subtitle {
    font-size: 1.2rem !important;
    color: #64748b !important;
    font-style: italic !important;
    margin: 0 !important;
}

/* Introduction harmonisée */
.unite-fondamentale-intro {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    margin-bottom: 30px !important;
    border-left: 4px solid #0B60AB !important;
}

.unite-fondamentale-intro p {
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}

.unite-fondamentale-intro strong {
    color: #0B60AB !important;
}

/* Responsive pour nouvelles sections */
@media (max-width: 768px) {
    .unite-fondamentale-section {
        padding: 30px 20px !important;
        margin: 30px 0 !important;
    }
    
    .unite-fondamentale-title {
        font-size: 2rem !important;
    }
}

/* MATRICE 3X3 INTERACTIVE */
.matrice-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 0 auto;
}

.matrice-cell {
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    color: white;
    transition: all 0.3s ease;
}

.matrice-cell-orange {
    background: #ffa726;
}

.matrice-cell-red {
    background: #ef5350;
}

.matrice-cell-teal {
    background: #26a69a;
}

.matrice-term {
    font-size: 1em;
    margin-bottom: 2px;
}

.matrice-term:last-child {
    margin-bottom: 0;
}

/* TERME SURLIGNÉ */
.matrice-term-highlighted {
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
    border: 2px solid #ffd700;
    border-radius: 4px;
    background: rgba(255, 215, 0, 0.3);
}