/* Frammenti di codice richiudibili nelle pagine dei progetti. */
.codice {
  margin: 1.4rem 0 1.4rem;
  border: 1px solid var(--line, rgba(36, 30, 23, .13));
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.codice summary {
  cursor: pointer;
  padding: .75rem 1rem;
  font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace);
  font-size: .82rem;
  color: var(--blue, var(--acc, #1d4ed8));
  list-style-position: inside;
}
.codice summary:hover { background: #f4f6fa; }
.codice[open] summary { border-bottom: 1px solid var(--line, rgba(36, 30, 23, .13)); }
.codice .spiega {
  margin: .9rem 1rem 0;
  font-size: .95rem;
  color: var(--ink, #1c1c1a);
}
.codice pre {
  margin: .8rem 0 0;
  padding: .9rem 1rem;
  overflow-x: auto;
  background: #f6f7f9;
  border-top: 1px solid var(--line, rgba(36, 30, 23, .13));
  font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace);
  font-size: .8rem;
  line-height: 1.55;
  color: #1c1c1a;
  white-space: pre;
}
.codice pre.prosa-prompt { white-space: pre-wrap; }
.codice pre mark {
  background: #fff1b8;
  color: inherit;
  padding: 0 .1em;
}
.codice .fonte {
  margin: 0;
  padding: .55rem 1rem .8rem;
  font-size: .8rem;
  color: var(--muted, var(--ink-soft, #6b6b66));
}
.collegamenti-progetto {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.2rem;
  margin: 1.1rem 0 0;
  padding: 0;
  list-style: none;
  font-size: .95rem;
}
.collegamenti-progetto a { font-weight: 600; }
.schermata-progetto {
  margin: 1.5rem 0 2rem;
  border: 1px solid var(--line, rgba(36, 30, 23, .13));
  background: #fff;
}
.schermata-progetto img { display: block; width: 100%; height: auto; }
.schermata-progetto figcaption {
  padding: .7rem 1rem;
  font-size: .85rem;
  color: var(--muted, #6b6b66);
}
.filiera {
  font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace);
  font-size: .85rem;
  color: var(--blue, #1d4ed8);
}
.codice p.spiega { margin: .9rem 1rem 0; }
.codice p.fonte { margin: 0; }
.codice pre { margin-left: 0; margin-right: 0; }
.prompt-figura {
  margin: 0;
  padding: 1.1rem 1.2rem;
  overflow-x: auto;
  font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace);
  font-size: .78rem;
  line-height: 1.6;
  color: var(--ink, #1c1c1a);
  white-space: pre;
}
.prompt-figura mark { background: #fff1b8; color: inherit; padding: 0 .1em; }
@media (min-width: 761px) {
  .schermata-progetto { width: 70%; margin-inline: auto; }
}