/* TABLEAU */

/* réglages génériques */
.row {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing);
    padding: 0px 5px;

    font-size: var(--fs-1);
    line-height: var(--lh-1);
}
.row .col {
    width: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

/* ligne de titre du tableau */
.index_header.row {
    font-weight: bold;
    margin: calc(1 * var(--spacing)) calc(2 * var(--spacing));
}
.index_header.row:before {
    content: " ";
    width: 16px;
}
.index_header.row .col { /*padding-bottom: var(--spacing);*/ }

/* conteneur et lignes des valeurs du tableau */
ul.project_index {
    list-style: none;
    margin: calc(1 * var(--spacing)) calc(2 * var(--spacing));
}
ul.project_index .row  {
    padding: 5px;
}
/* compteur */
ul.project_index {
    counter-reset: project_number;
}
ul.project_index .row:before {
    counter-increment: project_number;
    content: counter(project_number);
    text-align: right; width: 16px;
}

.col.project,
.col.place,
.col.sustainable_dev {
    flex: 1;
}
@media(max-width:1500px) {
    .col.sustainable_dev,
    .col.tasks {
        display: none;
    }
}
@media(max-width:1000px) {
    .col.budget,
    .col.moa,
    .col.status {
        display: none;
    }
}
@media(max-width:500px) {
    .col.surface,
    .col.year {
        display: none;
    }
}