html {scroll-behavior: smooth;}

section {scroll-margin-top: 80px;}

section:target { background-color: #F0F4F8;
                 border-left: 10px solid #003366;
                 transition: background 0.5s ease;}


body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       margin: 0;
       background-color: #F4F7F6; 
       color: #333333;}


.intesta { background-color: #1B263B; 
           color: #FFFFFF;
           padding: 50px 0;
           text-shadow: none;
           text-align: center;}


.contenuto-centrale { display: flex; 
                       width: 100%;}


.sommario { background-color: #E0E1DD; 
            border-right: 1px solid #BDC3C7;
            width: 20%; 
            padding: 2%; 
            text-align: left;}

.sommario ul {list-style-type: circle;
               padding-left: 20px;
              margin: 0;}

.sommario a { text-decoration: none; 
              color: #1B263B;
             font-weight: 500;}

.sommario a:hover { text-decoration: underline;}

.principale {background-color: #FFFFFF; 
            color: #1B263B;
            width: 80%;
            padding: 3%; }

.container {background: #F8F9FA; 
           color: #415A77; 
           font-size: 16px;
           width: 85%; 
           margin: 4px auto 30px auto; 
           padding: 3%; 
           text-align: justify; 
           line-height: 1.6;
           border-radius: 4px;}

.full-page-table { width: 90%;   
                  margin: 20px auto;
                  border-collapse: collapse;
                  table-layout: fixed;
                  height: auto;  
                  border: 1px solid #D1D5DB; }


td, th { padding: 15px;  
         vertical-align: top; 
         line-height: 1.5; 
         text-align: left; 
         border: 1px solid #D1D5DB;}


th {background-color: #1B263B;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;}


td:first-child { background-color: #EDF2F4; 
                color: #1B263B;
                font-weight: bold;
                width: 15%;
                text-align: center;
                vertical-align: middle;}


td:nth-child(2) { background-color: #D8E2DC;
                 color: #000000;            }


td:nth-child(3) { background-color: #FFE5D9; 
                 color: #000000;}


.pie { background-color: #1B263B;
       color: #FFFFFF;
       text-align: right;
       padding: 2%; 
       clear: both; }