/* Pagina "Risposte sui social" — stile proprio, sopra sito.css. Niente occhielli, niente emoji. */

/* Domande frequenti */
.faq-social { border-top: 1px solid var(--filo); margin-top: clamp(32px, 4vw, 52px); }
.faq-social details { border-bottom: 1px solid var(--filo); }
.faq-social summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 4px;
  font-size: clamp(1.05rem, 1rem + .3vw, 1.3rem);
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--testo);
}
.faq-social summary::-webkit-details-marker { display: none; }
.faq-social summary::after {
  content: '';
  width: 11px; height: 11px;
  border-right: 2px solid var(--testo-2);
  border-bottom: 2px solid var(--testo-2);
  transform: rotate(45deg);
  transition: transform .2s var(--uscita);
  flex: none;
  margin-right: 6px;
}
.faq-social details[open] summary::after { transform: rotate(-135deg); }
.faq-social .ans { padding: 0 4px 30px; max-width: 60em; }
.faq-social .ans p { margin: 0; color: var(--testo-2); font-size: 1.0625rem; line-height: 1.6; }
.faq-social .ans p + p { margin-top: 14px; }

/* Riga di chiusura sotto le FAQ */
.faq-social-nota { margin-top: 30px; font-size: 15px; color: var(--testo-2); }