@font-face{font-family:"Caslon Text";src:url("/assets/LibreCaslonText-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Caslon Text";font-style:italic;src:url("/assets/LibreCaslonText-Italic.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Caslon Display";src:url("/assets/LibreCaslonDisplay.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Marcellus";src:url("/assets/Marcellus-Regular.ttf") format("truetype");font-display:swap}

:root{
  --navy:#0B1626;--navy-2:#13223A;--crema:#F4EEDF;--carta:#FAF6EC;
  --testo:#1B1D22;--testo-2:#4A5463;--linea:#D9CFB8;--cognac:#7B3F1E;
  --foglia:linear-gradient(100deg,#8E6A2C 0%,#D9BC78 22%,#F4E4B0 34%,#B88C43 52%,#E9D39A 68%,#A47B37 86%,#E2C98A 100%);
}
*{box-sizing:border-box}
html{font-variant-ligatures:none;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--crema) url("/assets/carta.jpg");color:var(--testo);font:18px/1.7 "Caslon Text",Georgia,serif}

/* Testata navy con il logo */
.testata{background:var(--navy) url("/assets/lino.jpg");background-blend-mode:soft-light;color:var(--crema);padding:28px 16px 30px;border-bottom:1px solid #2a3850}
.testata .in{max-width:46rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.testata img{height:34px;width:auto;display:block}
.etichetta{font:12px "Marcellus",Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:#C9BFA8}

/* Titolo della pagina */
.apertura{background:var(--navy);color:var(--crema);padding:8px 16px 56px}
.apertura .in{max-width:46rem;margin:0 auto}
.apertura h1{font:400 clamp(2.1rem,6vw,3.2rem)/1.1 "Caslon Display",Georgia,serif;margin:.2em 0 .35em;letter-spacing:-.005em}
.apertura h1 em{font-family:"Caslon Text",Georgia,serif;font-style:italic;background:var(--foglia);-webkit-background-clip:text;background-clip:text;color:transparent}
.apertura p{margin:0;color:#CFC8B8;max-width:36rem}
.filo{height:1px;width:72px;background:var(--foglia);margin:22px 0 0}

/* Contenuto */
main{max-width:46rem;margin:-28px auto 0;padding:0 16px 72px}
.foglio{background:var(--carta);border:1px solid var(--linea);border-radius:4px;padding:clamp(22px,5vw,48px);box-shadow:0 18px 40px -28px rgba(11,22,38,.35)}
.aggiornato{font:12px "Marcellus",Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--testo-2);margin:0 0 1.6em}
section{padding:1.4em 0;border-top:1px solid var(--linea)}
section:first-of-type{border-top:0;padding-top:0}
h2{display:flex;gap:.9em;align-items:baseline;font:400 1.45rem/1.25 "Caslon Display",Georgia,serif;margin:0 0 .5em;color:var(--navy)}
h2 .n{font:12px "Marcellus",Georgia,serif;letter-spacing:.18em;color:var(--cognac);min-width:1.8em}
h3{font:13px "Marcellus",Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:var(--testo-2);margin:1.3em 0 .3em}
p{margin:0 0 .8em}
ul,ol{margin:.2em 0 .9em;padding-left:1.2em}
li{margin:.25em 0}
li::marker{color:var(--cognac)}
strong{font-weight:400;color:var(--navy);border-bottom:1px solid var(--linea)}
a{color:var(--navy);text-decoration-color:#B88C43;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
.riquadro{background:var(--crema);border-left:2px solid var(--cognac);padding:14px 18px;margin:1em 0;border-radius:0 3px 3px 0}
.riquadro p:last-child{margin:0}
.dati{display:grid;grid-template-columns:max-content 1fr;gap:.35em 1.4em;margin:.4em 0 1em}
.dati dt{font:12px "Marcellus",Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--testo-2);padding-top:.35em}
.dati dd{margin:0}
.link-pagine{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.4em}
.bottone{display:inline-block;font:13px "Marcellus",Georgia,serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--crema);background:var(--navy);padding:12px 18px;border-radius:3px}
.bottone.chiaro{background:transparent;color:var(--navy);border:1px solid var(--navy)}

/* Piede */
.piede{max-width:46rem;margin:0 auto;padding:0 16px 48px;color:var(--testo-2);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.piede a{color:var(--testo-2)}

/* Pagina di ritorno OAuth */
.centro{min-height:100vh;display:grid;place-items:center;background:var(--navy) url("/assets/lino.jpg");background-blend-mode:soft-light;color:var(--crema);text-align:center;padding:24px 16px}
.centro img{height:30px;margin:0 auto 28px;display:block}
.centro p{color:#CFC8B8;max-width:28rem;margin:0 auto .6em}
.centro a{color:var(--crema)}

@media (max-width:560px){
  body{font-size:17px}
  .dati{grid-template-columns:1fr}
  .dati dt{padding-top:.6em}
}
.titolo-ritorno{font:400 clamp(1.7rem,5vw,2.4rem)/1.2 "Caslon Display",Georgia,serif;margin:0 0 .6em;color:var(--crema)}
.nota-ritorno{font-size:14px;opacity:.75;margin-top:1.6em!important}