/**
 * Compact Section — Alias strutturali
 *
 * Aggiunge i selettori strutturali compact-* e section-container/section-grid
 * come alias delle classi visive ultimi-* definite in ultimi-section.css.
 *
 * Gli elementi HTML hanno entrambe le classi (dual-class, es.
 * "ultimi-container compact-container section-container"), quindi
 * entrambi i file CSS si applicano senza conflitti.
 *
 * Questo file sarà il CSS definitivo quando le classi ultimi-* verranno
 * rimosse dall'HTML in una fase successiva del refactoring.
 *
 * Version: 1.0.0
 */

/* Container scrollabile */
.compact-container {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2rem;
    padding-top: 1rem;
}

/* Grid degli articoli */
.compact-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Scrollbar */
.compact-container::-webkit-scrollbar {
    width: 8px;
}

.compact-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.compact-container::-webkit-scrollbar-thumb {
    background: var(--ultimi-color, #27ae60);
    border-radius: 4px;
}

.compact-container::-webkit-scrollbar-thumb:hover {
    background: #229954;
}

/* Responsive */
@media (max-width: 768px) {
    .compact-container {
        padding: 1.5rem;
        padding-top: 1rem;
    }
}

@media (max-width: 480px) {
    .compact-container {
        padding: 0.8rem;
        padding-top: 0.5rem;
    }
}