/* demo.css — il progetto d'esempio (gratis, senza account).
   Poche righe: l'esempio deve sembrare un progetto qualunque, non una
   promozione. Nessun colore d'accento, nessun bordo che grida. */

/* «Esempio» nella riga meta della card, in coda alle altre voci. */
.project-card__demo {
  color: var(--color-text-faint);
  font-variant: all-small-caps;
  letter-spacing: 0.04em;
}

/* La riga in testa al workspace dell'esempio: sopra al filo di Arianna,
   larga quanto la colonna di lettura. */
.demo-notice {
  margin-bottom: var(--space-4);
  max-width: var(--measure-reading);
}

.demo-notice a {
  color: inherit;
}

/* Testata di Progetti: il link all'esempio sta accanto a «Nuovo progetto»
   senza spingerlo fuori riga sugli schermi stretti. */
.page-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}