/* pagine dei documenti: frontespizio + blocchi numerati */

.fronte { background: var(--carta); border-bottom: 1px solid var(--filo); }
.fronte__in {
  max-width: var(--largo);
  margin: 0 auto;
  padding: 58px var(--lato) 52px;
}
.fronte h1{max-width:700px;font-size:38px;line-height:1.1}
.fronte__data {
  margin: 20px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--filo);
  font-size: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--grigio);
}

.atti { max-width: 940px; margin: 0 auto; padding: 56px var(--lato) 84px; }
.atto{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 26px;padding:26px 0;border-bottom:1px solid var(--filo)}
.atto:first-child { padding-top: 0; }
.atto:last-child{border-bottom:0}
.atto__n {
  margin: 0;
  font-family: var(--serif);
  font-size: 20px;
  color: var(--oliva);
}
.atto__corpo h2{margin-bottom:12px;font-size:23px}
.atto__corpo p { margin: 0 0 12px; font-size: 15px; line-height: 1.78; color: #3b3a39; }
.atto__corpo p:last-child{margin-bottom:0}
.atto__corpo a { color: var(--oliva); text-decoration: underline; text-underline-offset: 3px; }
.atto__corpo a:hover{color:var(--inchiostro)}

@media (min-width: 760px) {
  .fronte h1{font-size:52px}
  .fronte__in { padding-top: 74px; padding-bottom: 64px; }
  .atto{grid-template-columns:64px minmax(0,1fr);padding:32px 0}
  .atto__n { padding-top: 4px; }
}