.hscrollable {
  overflow-x: auto;
  padding-bottom: 6px;
}

.testoNormativo {
  --comma-indent: 46px;
}

  .testoNormativo .smallcaps {
    font-variant: small-caps;
  }

  .testoNormativo p {
    padding-left: 46px;
    margin: 1em 0;
  }

  .testoNormativo p.comma,
  .testoNormativo p.section {
    text-indent: -46px;
  }
    .testoNormativo .index {
      display: inline-block;
      width: 46px;
      text-indent: 0;
      font-weight: bold;
    }

  .testoNormativo p.section {
    margin-top: 1.6em;
    font-size: 1.2em;
    font-weight: bold;
  }

  .testoNormativo table.simple {
    margin: 0 auto;
  }
    .testoNormativo table.simple th {
      font-weight: normal;
      text-align: left;
    }

  .testoNormativo dl.summary {
    --dl-left-width: 420px;
    --dl-right-width: 140px;
    width: 560px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    line-height: 1.4em;
  }
    .testoNormativo dl.summary dt {
      display: block;
      float: left;
      width: 420px;
      padding: 0;
      margin: 0;
      overflow: hidden;
      clear: both;
      
      white-space: nowrap;
    }
      .testoNormativo dl.summary dt::after {
        content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
      }
    .testoNormativo dl.summary dd {
      display: block;
      width: auto;
      padding: 0 0 0 4px;
      margin: 0;
    }