:root {



  --verde: #4a8140;



  --verde-scuro: #3a6a33;



  --testo: #232323;



  --testo-tenue: #5a5f58;



  --bordo: #dcdfda;



  --fondo-tenue: #f2f6f0;



}







* { box-sizing: border-box; }







body {



  margin: 0;



  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;



  font-size: 17px;



  line-height: 1.65;



  color: var(--testo);



  background: #ffffff;



}







.contenitore {



  max-width: 880px;



  margin: 0 auto;



  padding: 0 24px;



}







header {



  border-bottom: 1px solid var(--bordo);



  padding: 24px 0 0;



}







.logo img { max-width: 320px; width: 100%; height: auto; display: block; }







.logo-testo {



  font-family: Georgia, "Times New Roman", serif;



  font-size: 30px;



  color: var(--verde);



  text-decoration: none;



}







nav { margin-top: 20px; }







nav ul {



  list-style: none;



  margin: 0;



  padding: 0;



  display: flex;



  flex-wrap: wrap;



  gap: 4px 28px;



}







nav a {



  display: inline-block;



  padding: 10px 0;



  color: var(--testo-tenue);



  text-decoration: none;



  font-size: 16px;



  border-bottom: 3px solid transparent;



}







nav a:hover { color: var(--verde); }







nav a.attiva {



  color: var(--verde-scuro);



  border-bottom-color: var(--verde);



}







main { padding: 44px 0 60px; }







h1 {



  font-family: Georgia, "Times New Roman", serif;



  font-size: 33px;



  line-height: 1.25;



  font-weight: normal;



  color: var(--verde-scuro);



  margin: 0 0 8px;



}







.sottotitolo {



  font-size: 19px;



  color: var(--testo-tenue);



  margin: 0 0 32px;



}







h2 {



  font-family: Georgia, "Times New Roman", serif;



  font-size: 24px;



  font-weight: normal;



  color: var(--verde-scuro);



  margin: 40px 0 12px;



}







h3 {



  font-size: 18px;



  color: var(--verde-scuro);



  margin: 28px 0 8px;



}







p { margin: 0 0 18px; }







a { color: var(--verde); }







ul.elenco { padding-left: 22px; }



ul.elenco li { margin-bottom: 9px; }







.riquadro {



  background: var(--fondo-tenue);



  border-left: 4px solid var(--verde);



  padding: 22px 26px;



  margin: 0 0 36px;



}







.riquadro p:last-child { margin-bottom: 0; }







.riquadro strong { color: var(--verde-scuro); }







footer {



  border-top: 1px solid var(--bordo);



  padding: 26px 0 40px;



  font-size: 16px;



  color: var(--testo);



}







footer p { margin: 0 0 6px; }







@media (max-width: 620px) {



  body { font-size: 16px; }



  h1 { font-size: 27px; }



  h2 { font-size: 21px; }



  nav ul { gap: 0 20px; }



  nav a { font-size: 15px; }



  .logo img { max-width: 240px; }



  main { padding: 30px 0 40px; }



}

.chiusura {

  margin: 56px 0 0;

  padding-top: 36px;

  border-top: 1px solid var(--bordo);

  text-align: center;

}



.chiusura img {

  max-width: 400px;

  width: 100%;

  height: auto;

  display: inline-block;

}



@media (max-width: 620px) {

  .chiusura { margin-top: 36px; padding-top: 24px; }

}



.pubblicazione {

  border-bottom: 1px solid var(--bordo);

  padding: 18px 0;

}



.pubblicazione:last-child { border-bottom: none; }



.pubblicazione p { margin: 0 0 6px; }



.pubblicazione .autori { color: var(--testo); }



.pubblicazione .rivista {

  font-size: 15px;

  color: var(--testo-tenue);

}



.pubblicazione .collegamenti { font-size: 15px; }



.in-preparazione {

  border: 0.5px solid var(--bordo);

  border-radius: 4px;

  padding: 36px 30px;

  margin: 32px 0;

  text-align: center;

  color: var(--testo-tenue);

}



.in-preparazione p { margin: 0; }



.figura { margin: 36px 0; }



.figura img {

  max-width: 100%;

  height: auto;

  display: block;

}



.figura figcaption {

  font-size: 14px;

  color: var(--testo-tenue);

  margin-top: 8px;

}



.nota-diritti {

  font-size: 14px;

  color: var(--testo-tenue);

  border-left: 3px solid var(--bordo);

  padding-left: 14px;

  margin: 0 0 32px;

}

.intestazione-alta {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  flex-wrap: wrap;

  gap: 12px;

}



.selettore-lingua {

  font-size: 14px;

  letter-spacing: 0.06em;

  padding-bottom: 4px;

}



.selettore-lingua a {

  color: var(--testo-tenue);

  text-decoration: none;

  margin-left: 14px;

}



.selettore-lingua a:hover { color: var(--verde); }



.selettore-lingua a.attiva {

  color: var(--verde-scuro);

  font-weight: bold;

}



@media (max-width: 620px) {

  .intestazione-alta { align-items: center; }

  .selettore-lingua a { margin-left: 10px; }

}



@media print {

  body {

    font-size: 11pt;

    line-height: 1.4;

    color: #000;

  }



  .contenitore { max-width: 100%; padding: 0; }



  nav, .selettore-lingua, .chiusura { display: none; }



  header {

    border-bottom: 1pt solid #999;

    padding-bottom: 8pt;

    margin-bottom: 14pt;

  }



  .logo img { max-width: 180pt; }



  h1 { font-size: 18pt; color: #000; }

  h2 { font-size: 14pt; color: #000; margin-top: 16pt; }

  h3 { font-size: 12pt; color: #000; }



  h1, h2, h3 { page-break-after: avoid; }



  .riquadro {

    background: none;

    border: 1pt solid #999;

    padding: 8pt 10pt;

    page-break-inside: avoid;

  }



  figure, .pubblicazione, .scheda { page-break-inside: avoid; }



  .figura img { max-width: 60%; }



  a { color: #000; text-decoration: underline; }



  a[href^="http"]::after {

    content: " (" attr(href) ")";

    font-size: 9pt;

  }



  footer {

    border-top: 1pt solid #999;

    font-size: 9pt;

    margin-top: 14pt;

  }

}