/* === About Page Specific Styles === */

/* Collaborazioni section */
.section-collab-bg {
    background: linear-gradient(135deg, #e8f4f8 0%, #f0f9ff 100%);
}

.collab-card {
    text-align: center;
    padding: 2rem;
}

/* Le colonne della griglia non superano la larghezza delle card (320px) e il
   gruppo sta centrato: lo spazio avanzato va ai lati, non in mezzo, e il gap
   orizzontale resta quello della griglia (24px), uguale al verticale. */
@media (min-width: 640px) {
    .section-collab-bg .card-container {
        grid-template-columns: repeat(2, minmax(0, 320px));
        justify-content: center;
    }
}

@media (min-width: 1280px) {
    .section-collab-bg .card-container {
        grid-template-columns: repeat(4, minmax(0, 320px));
    }
}

.collab-card-icon {
    font-size: 2.5rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
}

.section-subtitle-narrow {
    max-width: 700px;
}

/* Tech section headings */
.tech-heading {
    font-size: var(--fs-md);
    text-align: center;
    /* Il primario su sfondo azzurro (#e9f3f8) si ferma a 4.46:1, appena sotto il 4.5
       richiesto per il testo normale: qui serve il tono scuro (6.8:1). */
    color: var(--color-primary-dark);
}

.tech-heading-first {
    margin-bottom: 1.5rem;
}

.tech-heading-spaced {
    margin: 3rem 0 1.5rem;
}