.card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    margin-bottom:40px;
}

.card{
/*    background-color: #f9f9f9;*/
    border-radius: 8px;
    padding: 16px;
    width:45%;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    text-align:center;
    transition: transform 0.2s ease;
}

html.theme-light .card{
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color:#222;
}

html.theme-light .card:hover{
    background-color: #f0f0ff;
}


html.theme-dark .card {
    background-color: #2c2c2c;
    border: 1px solid #444;
    color: #eee;
}

html.theme-dark .card:hover {
    background-color: #3a3a4a;
}

.card:hover{
    transform: scale(1.03);
}

.card a {
    text-decoration: none;
    color: inherit;
}

.cardtitle {
    font-size:30px;
}

#logo {
    height : 38pt;
}

h1, h2, h3, h4, h5, h6 {
    color: #ef2e65;
    padding-top: 10px;
    padding-bottom: 15px;
}

.link-secondary {
    display: inline-block;
    margin-left: 15px;
}

.heatMap {
    width: 70%;
    text-align: center;
}

.heatMap th {
    background: grey;
    word-wrap: break-word;
    text-align: center;
}

.heatMap tr:nth-child(1) {
    background: red;
}

.heatMap tr:nth-child(2) {
    background: orange;
}

.heatMap tr:nth-child(3) {
    background: green;
}

.legend {
    /*width: min-content;*/
    font-size: small;
}

    .legend th:nth-child(1) td {
        background: gray;
    }

    .legend tr:nth-child(1) td {
        background: green;
    }

    .legend tr:nth-child(2) td {
        background: Beige;
    }

    .legend tr:nth-child(3) td {
        background: yellow;
    }

    .legend tr:nth-child(4) td {
        background: orange;
    }

    .legend tr:nth-child(5) td {
        background: bisque;
    }

    .legend tr:nth-child(6) td {
        background: aqua;
    }

    .legend tr:nth-child(7) td {
        background: greenyellow;
    }

    .legend tr:nth-child(8) td {
        background: cadetblue;
    }

    .legend tr:nth-child(9) td {
        background: lightgreen;
    }

    .legend tr:nth-child(10) td {
        background: Peru;
    }

    .legend tr:nth-child(11) td {
        background: lightyellow;
    }

    .legend tr:nth-child(12) td {
        background: LightSkyBlue;
    }

    .legend tr:nth-child(13) td {
        background: LightSalmon;
    }


.tablelinkedtolegend {
    /*width: min-content;*/
    font-size: xx-small;
}

.tablelinkedtolegend th:nth-child(1) {
    background: green;
}

.tablelinkedtolegend th:nth-child(2) {
    background: Beige;
}

.tablelinkedtolegend th:nth-child(3) {
    background: yellow;
}

.tablelinkedtolegend th:nth-child(4) {
    background: orange;
}

.tablelinkedtolegend th:nth-child(5) {
    background: bisque;
}

.tablelinkedtolegend th:nth-child(6) {
    background: aqua;
}

.tablelinkedtolegend th:nth-child(7) {
    background: greenyellow;
}

.tablelinkedtolegend th:nth-child(8) {
    background: cadetblue;
}

.tablelinkedtolegend th:nth-child(9) {
    background: lightgreen;
}

.tablelinkedtolegend th:nth-child(10) {
    background: Peru;
}

.tablelinkedtolegend th:nth-child(11) {
    background: lightyellow;
}

.tablelinkedtolegend th:nth-child(12) {
    background: LightSkyBlue;
}

.tablelinkedtolegend th:nth-child(13) {
    background: LightSalmon;
}

.tablelinkedtolegend td:nth-child(1) {
    background: green;
}

.tablelinkedtolegend td:nth-child(2) {
    background: Beige;
}

.tablelinkedtolegend td:nth-child(3) {
    background: yellow;
}

.tablelinkedtolegend td:nth-child(4) {
    background: orange;
}

.tablelinkedtolegend td:nth-child(5) {
    background: bisque;
}

.tablelinkedtolegend td:nth-child(6) {
    background: aqua;
}

.tablelinkedtolegend td:nth-child(7) {
    background: greenyellow;
}

.tablelinkedtolegend td:nth-child(8) {
    background: cadetblue;
}

.tablelinkedtolegend td:nth-child(9) {
    background: lightgreen;
}

.tablelinkedtolegend td:nth-child(10) {
    background: Peru;
}

.tablelinkedtolegend td:nth-child(11) {
    background: lightyellow;
}

.tablelinkedtolegend td:nth-child(12) {
    background: LightSkyBlue;
}

.tablelinkedtolegend td:nth-child(13) {
    background: LightSalmon;
}

[data-bs-theme=dark] #logo {
    content: url("../images/logo_SST_Blanc.png");
}

[data-bs-theme=light] #logo {
    content: url("../images/SST_logo_horizontal_couleur.svg");
}