@tailwind base;
@tailwind components;
@tailwind utilities;
.numbered-list {
  list-style-type: none; /* Rimuove i punti di default */
  counter-reset: section; /* Inizia il contatore */
}

.numbered-list > li {
  counter-increment: section; /* Incrementa il contatore per ogni li */
  display: list-item; /* Aggiunge il display list-item per gli indicatori */
  margin-bottom: 0.5em; /* Aggiunge spazio tra i li */
}

.numbered-list > li::before {
  content: counters(section, ".") ". "; /* Mostra il contatore in formato gerarchico */
  font-weight: bold; /* Opzionale: stile per il numero */
}

.numbered-list ul {
  list-style-type: none;
  padding-left: 1em; /* Indentazione per la struttura ad albero */
  margin-top: 0.5em; /* Spazio sopra l'ul */
  margin-bottom: 0.5em; /* Spazio sotto l'ul */
  counter-reset: subsection;
}

.numbered-list ul > li {
  counter-increment: subsection; /* Incrementa il contatore per ogni li nidificato */
}

.numbered-list ul > li::before {
  content: counters(section, ".") "." counters(subsection, ".") ". "; /* Mostra il contatore nidificato */
  font-weight: bold; /* Opzionale: stile per il numero */
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */