/* ========	/* ============================================
       ARTICLE AGE STYLING - Visual Feedback
       ============================================
       Tutti gli articoli sono visibili.
       Quelli vecchi hanno solo feedback visivo.
    */
	/* Badge per indicare l'età */
	.article-container .badge {
	    position: absolute;
	    display: inline-block;
	    padding: 0.35rem 0.65rem;
	    border-radius: 8px;
	    font-size: 0.75em;
	    font-weight: 600;
	    z-index: 1;
	    margin-top: 288px;
	    margin-left: 10px;
	    background-color: rgba(0, 0, 0, 0.7);
	    /* Semi-trasparente */
	}

	.badge:not(.article-container .badge) {
	    position: absolute;
	    display: inline-block;
	    padding: 0.35rem 0.65rem;
	    border-radius: 8px;
	    font-size: 0.75em;
	    font-weight: 600;
	    z-index: 1;
	    margin-top: calc(100% - 31px);
	    margin-left: 10px;
	}

	.article-container .badge.badge-old,
	.article-container .badge-archive {
	    position: absolute;
	    display: inline-block;
	    padding: 0.35rem 0.65rem;
	    border-radius: 8px;
	    font-size: 0.75em;
	    font-weight: 600;
	    z-index: 1;
	    margin-top: 258px;
	    margin-left: 10px;
	}

	.badge.badge-medium {
	    color: #e2d7d7;
	    margin-top: 254px !important;
	    background: #000000b8;
	}

	.badge-old {
	    background-color: #676254e3;
	    color: #f2ead1;
	}

	.badge-archive {
	    background-color: #d7c0c2ed;
	    color: #e0aeb3;
	}

	/* Opacità per articoli meno recenti - LEGGERA */
	.article-fresh {
	    opacity: 1;
	    /* Articoli recenti: visibilità piena */
	}

	.article-medium {
	    opacity: 0.92;
	    /* 7-30 giorni: quasi piena visibilità */
	}

	.article-old {
	    opacity: 0.85;
	    /* 30-90 giorni: leggermente più sbiadito */
	}

	.article-1-1.article-archiveti {
	    opacity: 0.9;
	    /* 90+ giorni: più sbiadito ma ancora leggibile */
	    filter: grayscale(0.65);
	    /* Leggera desaturazione */
	    padding: 0;
	    margin: 10px 13px;
	}

	/* Transizione smooth quando hover */
	.article-fresh:not(.article-container .article-4-3),
	.article-medium,
	.article-old,
	.article-archive {
	    transition: opacity 0.3s ease, filter 0.3s ease;
	    position: relative;
	    display: inline-block;
	}

	/* Hover: torna a opacità piena per leggere */
	.article-medium:hover,
	.article-old:hover,
	.article-archive:hover {
	    opacity: 0.98;
	    filter: grayscale(0);
	}