body {
			font-family: 'Latin Modern Roman', serif;
			margin-left: 30px;
			margin-right: 30px;
			font-size: 0.8em;
}
 
 
 
		a:link{
			text-decoration: underline;
			color: blue;
			font-color: #ffccff;
			font-size: 100%;
		}


		hr {
			clear: both;
			height: 1px;
			color: #242424;
			background-color: transparent;
		}


div.top {
	width: 80%;
}
		
		div.bottom {
			width: 60%;
			background-color: lightyellow;
			border-style: solid;
			margin-top: 3em;
			margin-left:0.5em;
		}

		#i {
			color: #ff1010;
		}

		tt {
			font-family: "Arial";
			font-size: 90%;
			color: #006600;
		}

		em {
			font-family: "Arial";
			font-size: 110%;
			font-weight: bold;
			border-style: solid;
			border-color: #abe876;
			color: #1632cc;
		}

		bc {
			font-family: "Arial";
			font-size: 90%;
			font-weight: bold;
			color: #990000;
			background-color: #fcf8c7;
		}

		ks {
			font-family: "Arial";
			font-weight: bold;
			color: #0000CD;
			font-size: 90%;
		}

		kc {
			font-family: "Arial";
			font-weight: bold;
			color: #008000;
			font-size: 90%;
		}

		pre {
			font-family: "Arial";
			font-size: 0.8em;
			background-color: #f5f5f5;
			border: 1.5px solid silver;
			padding: 5px;

   			white-space: pre-wrap;
    		word-wrap: break-word;
    		overflow-wrap: break-word;
		}

		div.body {
			font-size: 18px;
		}

 		h1 {
			font-size: 1.5em;
			background-color: #b2c0ff;
			padding: 10px;
		}

		h2 {
			background-color: #9ed8ff;
		font-size: 0.8em;
		background-color: #e1f4d7 !important;
		color: rgb(47, 0, 255) !important;
		margin: 100 !important;
		border: 1px solid rgb(0, 10, 0) !important;
		border-radius: 15px !important;
		padding: 2px !important;
		}

		h3 {
			background-color: #e6ccff;
			font-size: 100%;
		}

		h4 {
			background-color: #ccffcc;
			font-size: 100%;
			width: 95%;
			border-radius: 5px;
			padding: 2px;
		}

		h5 {
			background-color: #d5ffb0;
			font-size: 100%;
		}

		div.req {
			background-color: #d9ffb3;
			font-size: 18px;
			width: 700px;
			border: 3px solid green;
			padding: 15px;
			margin: 10px;
		}

		div.remark {
			background-color: #E3F2FD;
			border: 1.5px solid #d5f2ed;
			padding: 15px;
			margin: 10px;
			border-radius: 25px;
		}

		table,
		th,
		td {
			border: 1px solid black;
			border-collapse: collapse;
		}

		ol,
		ul,
		li {
			margin: 0;
			margin-left: 10px;
			padding: 0;
			padding-bottom: 5px;
		}

		table,
		th,
		td {
			border: 1px solid black;
		}

		img {
			border: 1.5px solid #d5f2ed
		}
 
		div.wrapdesc {
			width: 90%;
			margin: auto;
		}

		div.imagedesc {
			width: 85%;
			margin: auto;
		}
 
/* 1. Configurazione della lista principale */
ol.req-list {
    counter-reset: r-counter; /* Inizializza il contatore */
    list-style-type: none;    /* Rimuove i numeri 1. 2. 3. di default */
    padding-left: 0;          /* Rimuove il rientro standard */
}

/* 2. Stile per ogni punto R: */
ol.req-list > li {
    counter-increment: r-counter;
    margin-bottom: 15px;
    display: flex;            /* Allinea R e testo */
    flex-wrap: wrap;          /* Permette alla sottolista di andare sotto */
    align-items: flex-start;
}

/* 3. Il prefisso R1:, R2:, ecc. */
ol.req-list > li::before {
    content: "R" counter(r-counter) ": ";
    font-weight: bold;
    flex-shrink: 0;           /* Non si schiaccia mai */
    width: 45px;              /* Spazio fisso per la R */
}

/* 4. Il testo accanto alla R (deve essere dentro uno <span> nell'HTML) */
ol.req-list > li > span {
    flex: 1;                  /* Prende tutto lo spazio a destra della R */
    min-width: 250px;         /* Impedisce al testo di diventare troppo stretto */
}

/* 5. La sottolista puntata (ul) */
ol.req-list ul {
    width: 100%;              /* Forza la lista ad andare a capo */
    list-style-type: disc;    /* Ripristina i pallini */
    padding-left: 65px;       /* 45px della R + 20px di rientro extra */
    margin-top: 8px;          /* Distanza dalla frase sopra */
    margin-bottom: 5px;
}

/* 6. I singoli punti della sottolista */
ol.req-list ul li {
    display: list-item;       /* Comportamento standard con pallino */
    margin-bottom: 5px;
    line-height: 1.4;         /* Interlinea gradevole */
}

/* 7. Pulizia finale: assicura che i li interni non abbiano il prefisso R: */
ol.req-list ul li::before {
    content: none;
}