/* =========================================================
   COMET SOUND — TESTO DELLE PAGINE PLUGIN
   Sezione aggiunta in fondo, dopo le scene animate. Solo
   classi nuove (.cs-pcopy*): non ridefinisce NULLA di
   esistente, così l'animazione e il resto restano intatti.
   ========================================================= */

.cs-pcopy {
    max-width: var(--cs-max);
    margin-inline: auto;
}

/* ---------- intestazione ---------- */
.cs-pcopy__head {
    max-width: 52rem;
}

.cs-pcopy__title {
    margin: 0.35rem 0 1.4rem;
    font-size: clamp(1.6rem, 3.4vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -0.015em;
}

.cs-pcopy__lead {
    margin: 0 0 1.1rem;
    max-width: 52rem;
    color: var(--cs-muted);
    font-size: clamp(1rem, 1.35vw, 1.08rem);
    line-height: 1.72;
}

/* ---------- tre motivi ---------- */
.cs-pcopy__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 1.1rem;
    margin-top: 2.6rem;
}

.cs-pcopy__card {
    position: relative;
    padding: 1.5rem 1.4rem 1.6rem;
    border: 1px solid var(--cs-border);
    border-radius: var(--radius);
    background:
        linear-gradient(160deg, var(--cs-glass), transparent 62%),
        var(--cs-panel);
    overflow: hidden;
}

/* filo del colore del plugin, come le altre schede del sito */
.cs-pcopy__card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--plugin-accent, var(--cs-green));
    opacity: 0.55;
}

.cs-pcopy__card-title {
    margin: 0 0 0.6rem;
    font-size: 1.02rem;
    letter-spacing: 0.005em;
    color: var(--cs-text);
}

.cs-pcopy__card-text {
    margin: 0;
    color: var(--cs-muted);
    font-size: 0.94rem;
    line-height: 1.66;
}

/* ---------- studio + domande ---------- */
.cs-pcopy__studio,
.cs-pcopy__faq {
    margin-top: 3rem;
}

.cs-pcopy__sub {
    margin: 0 0 1.2rem;
    font-size: clamp(1.15rem, 2vw, 1.4rem);
    letter-spacing: 0.01em;
}

.cs-pcopy__faq {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.cs-pcopy__sub {
    grid-column: 1 / -1;
}

.cs-pcopy__qa {
    padding: 1.15rem 0;
    border-top: 1px solid var(--cs-border);
    max-width: 52rem;
}

.cs-pcopy__qa:last-child {
    border-bottom: 1px solid var(--cs-border);
}

.cs-pcopy__q {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: var(--cs-text-cold);
}

.cs-pcopy__a {
    margin: 0;
    color: var(--cs-muted);
    font-size: 0.94rem;
    line-height: 1.68;
}

@media (min-width: 860px) {
    .cs-pcopy__faq {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 2.5rem;
    }

    .cs-pcopy__qa {
        max-width: none;
    }

    /* con due colonne il bordo inferiore dell'ultima riga lo mette il :last-child
       solo su una colonna: meglio nessun bordo di chiusura che uno storto */
    .cs-pcopy__qa:last-child {
        border-bottom: 0;
    }
}