/* LE RECAP */


.recap-article {
    padding:            4px;
    padding-bottom:     5px;
    padding-left:       13px;
    padding-right:      6px;
    padding-bottom:     9px;
    border-radius:      12px;
}

.recap-article:hover {
    background-color: var(--background-box-color);
}


.recap-title h3 {
    margin: 0;
    font-size: 1.1em;
    color: #0079d3;
    cursor: pointer;
}

.recap-article-info {
    color: #555;
    margin-top: 3px;
    font-size: 11px;
}

.recap-intro-agentic {
    font-style:     italic;
    font-size:      13px;
    max-width:      95%; 
    white-space:    normal; 
    overflow-wrap:  break-word; 
    margin-top:     2px;
    line-height:    1.4em; /* Améliore la lisibilité */
    padding-left:   0px;
    margin-bottom:  2px;
}


.deux-colonnes {
    display: flex;
    align-items: flex-start;
    padding: 3px 0;
}

.emoji-col {
    display: flex;
    align-items: left;
    justify-content: left;
    width: 41px;
}


.title-meta-col {
    flex: 1;
}

.recap-comment-count {
    margin: 0;
    font-size: 0.9em;
    color: #0079d3;
    cursor: pointer;
    text-align: right;
}

.quoted {
    font-style: italic;      /* Italique pour l'effet de citation */
    padding-left: 10px;      /* Décalage pour marquer la citation */
    opacity: 0.8;            /* Légère transparence pour différencier du texte normal */
    font-size: 0.70em;       /* Légèrement plus petit pour accentuer l'effet citation */
    line-height: 90%;        /* Aérer un peu les citations */
}