/* Screen layout */
    html { scroll-behavior: smooth; }
    body {
      padding-top: 56px;
      background: #f8f9fa;
    }
    section {
      padding: 1rem;
      margin: 1rem auto;
      max-width: 1200px;
      background: #fff;
      border-left: 5px solid;
      border-radius: .25rem;
      box-shadow: 0 1px 3px rgba(0,0,0,.1);
    }
    section h2 { font-size: 1.4rem; margin-bottom: .5rem; }
    section p.intro { font-style: italic; color: #555; }
    ul li { margin-bottom: .5rem; }
    abbr[data-bs-toggle="tooltip"] { text-decoration: underline dotted; cursor: help; }
    /* Style per gli <aside class="example"> */
aside.example {
  background-color: #f8f9fa;    /* leggero grigio di sfondo */
  border: 1px solid #dee2e6;    /* bordo chiaro */
  border-left-width: 4px;       /* evidenzia lato sinistro */
  border-left-color: #0d6efd;   /* colore primario Bootstrap */
  padding: 1rem;                /* spazio interno */
  margin: 1.5rem 0;             /* margine verticale */
  border-radius: 0.25rem;       /* angoli leggermente arrotondati */
}

aside.example h2 {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
  color: #0d6efd;               /* colore primario per il titolo */
}

aside.example p,
aside.example ol,
aside.example li {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

aside.example ol {
  padding-left: 1.25rem;        /* rientro per la lista numerata */
}