:root { /*Couleurs des tags de niveau de protection des espèces */
  --EX: black;
  --CR: red ;
  --EN: rgb(237, 163, 4);
  --VU: rgb(196, 198, 50);
  --NT: rgb(83, 83, 255); 
  --LC: rgb(155, 155, 255); 
  --DD: grey;
  --NE: grey;
}



.articles-post-entry {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}


.square{
    width : 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.post-entry-2 {
    position: relative;
    width: 47%;
    margin-bottom: var(--gap);
    padding: var(--gap);
    background: var(--entry);
    border-radius: var(--radius);
    transition: transform 0.1s;
    border: 1px solid var(--border);
}

.post-entry-2:active {
    transform: scale(0.96);
}

.tag-entry .entry-cover {
    display: none;
}

.entry-header h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-top: var(--gap);
}

.entry-content {
    margin: 8px 0;
    color: var(--secondary);
    font-size: 14px;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.entry-footer {
    color: var(--secondary);
    font-size: 13px;
}

.entry-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.entry-hint {
    color: var(--secondary);
}

.entry-hint-parent {
    display: flex;
    justify-content: space-between;
}

.entry-cover {
    font-size: 14px;
    margin-bottom: var(--gap);
    text-align: center;
}

.entry-cover img {
    border-radius: var(--radius);
    width: 100%;
    height: auto;
}

.entry-cover a {
    color: var(--secondary);
    box-shadow: 0 1px 0 var(--primary);
}