/* markdown.css — resa del testo scritto in Markdown (classe .md).
   Usato dal sito pubblico e dall'anteprima del pannello: le variabili
   colore hanno un ripiego, così funziona anche fuori dal tema del sito. */
.md{
  --md-testo: var(--text, #e9e6df);
  --md-tenue: var(--text-dim, #a3a8b0);
  --md-linea: var(--border, #2b2f37);
  --md-sfondo: var(--surface, #1b1e24);
  --md-accento: var(--brass, #c99a4a);
  --md-link: var(--steel, #6fa3bd);
  font-family: "IBM Plex Sans", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  color: var(--md-testo);
  overflow-wrap: anywhere;
}
.md > :first-child{ margin-top: 0; }
.md > :last-child{ margin-bottom: 0; }
.md p{ margin: 0 0 1em; color: var(--md-testo); }
.md h2,.md h3,.md h4,.md h5,.md h6{
  font-family: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  line-height: 1.2; letter-spacing: -.01em; margin: 1.6em 0 .55em; color: var(--md-testo);
}
.md h2{ font-size: 1.5rem; }
.md h3{ font-size: 1.22rem; }
.md h4{ font-size: 1.05rem; }
.md h5,.md h6{ font-size: .95rem; color: var(--md-tenue); }
.md a{ color: var(--md-link); text-decoration: underline; text-underline-offset: 3px; }
.md a:hover{ color: var(--md-accento); }
.md strong{ font-weight: 600; }
.md ul,.md ol{ margin: 0 0 1em; padding-left: 1.4em; }
.md li{ margin: .25em 0; }
.md li > ul,.md li > ol{ margin: .3em 0 .3em; }
.md li > p{ margin: 0 0 .4em; }
.md li::marker{ color: var(--md-accento); }
.md .md-attivita{ list-style: none; margin-left: -1.4em; }
.md .md-spunta{ color: var(--md-accento); }
.md blockquote{
  margin: 0 0 1em; padding: .6em 1em;
  border-left: 3px solid var(--md-accento);
  background: var(--md-sfondo); border-radius: 0 8px 8px 0;
}
.md blockquote p:last-child{ margin-bottom: 0; }
.md hr{ border: 0; border-top: 1px solid var(--md-linea); margin: 1.6em 0; }
.md code{
  font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .88em;
  background: var(--md-sfondo); border: 1px solid var(--md-linea);
  border-radius: 5px; padding: .1em .38em;
}
.md pre{
  margin: 0 0 1em; padding: 14px 16px; overflow-x: auto;
  background: var(--md-sfondo); border: 1px solid var(--md-linea); border-radius: 10px;
}
.md pre code{ background: none; border: 0; padding: 0; font-size: .85rem; line-height: 1.55; }
.md .md-tabella{ overflow-x: auto; margin: 0 0 1em; }
.md table{ border-collapse: collapse; width: 100%; font-size: .92rem; }
.md th,.md td{ border: 1px solid var(--md-linea); padding: 8px 12px; text-align: left; vertical-align: top; }
.md th{ background: var(--md-sfondo); font-weight: 600; }
.md img.md-img{
  display: block; max-width: 100%; height: auto; margin: 1.2em 0;
  border: 1px solid var(--md-linea); border-radius: 10px;
}
.md .md-errore{ color: #e69a9a; font-size: .85em; }
.md .md-vuoto{ color: var(--md-tenue); font-style: italic; }