table, th, td, tbody {
  border: 1px solid;
}
tr:nth-child(even) {background-color: #f2f2f2;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


pre {
   background: #eee;
   border-left: 10px solid #9684A3;
   border-radius: 10px;
   padding: 10px;
   letter-spacing: .5px;
   font-size: 10pt;
   color: #000;
}

p.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f9e7e5;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #c0392b;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #27ae60;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.noteAlt
{
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #3498db;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.warningAlt
{
	background-color: #fcf7f2;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.exampleAlt
{
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

p.tipAlt
{
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}


/*Div styles*/

div.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f9e7e5;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #c0392b;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #27ae60;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border: solid 1px #f1c40f;
	border-radius: 6px;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.noteAlt
{
	background-color: #f0f7fb;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Pencil-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #3498db;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.warningAlt
{
	background-color: #fcf7f2;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Warning-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.exampleAlt
{
	background-color: #e7f6f0;
	background-image: url(https://www.giuliodigioia.eu/images/icons/Check-48.png);
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

div.tipAlt
{
	background-color: #fffbea;
	background-image: url('https://www.giuliodigioia.eu/images/icons/Bulb-48.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	overflow: hidden;
	padding: 15px 60px;
}

/* Selettore mirato: tutti i link che puntano a file .pdf */
a[href$=".pdf"] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    margin: 10px 0;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #d32f2f; /* Barra rossa tipica dei PDF */
    border-radius: 6px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Effetto al passaggio del mouse */
a[href$=".pdf"]:hover {
    background: #fdf2f2;
    border-color: #d32f2f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    color: #d32f2f;
}

/* Aggiunta dell'etichetta "PDF" dopo il link */
a[href$=".pdf"]::after {
    content: "SCARICA PDF";
    font-size: 0.7rem;
    background: #d32f2f;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
}

/* Icona opzionale tramite Emoji (senza caricare font esterni) */
a[href$=".pdf"]::before {
    content: "📄"; 
    font-size: 1.4rem;
}