:root{
  --carta:#faf7f2; --carta-alta:#fffdfa; --inchiostro:#2b2724; --inchiostro-tenue:#6b625a;
  --teal:#3d7a7a; --teal-scuro:#2f5f5f; --bordo:#e6ded2; --ambra:#c98a2b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--carta);color:var(--inchiostro);
  font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%}
header{background:var(--teal);color:#fff;padding:32px 20px}
header .dentro{max-width:820px;margin:0 auto}
header .marchio{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.5px}
header .marchio .anello{width:34px;height:34px;border-radius:50%;border:5px solid var(--ambra);flex:0 0 auto}
header h1{margin:18px 0 6px;font-size:1.9rem;line-height:1.2}
header p{margin:0;opacity:.9;font-size:.95rem}
main{max-width:820px;margin:0 auto;padding:28px 20px 64px}
nav.indice{background:var(--carta-alta);border:1px solid var(--bordo);border-radius:10px;padding:16px 20px;margin-bottom:32px}
nav.indice p{margin:0 0 8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.6px;color:var(--inchiostro-tenue)}
nav.indice ol{margin:0;padding-left:20px}
nav.indice a{color:var(--teal-scuro);text-decoration:none}
nav.indice a:hover{text-decoration:underline}
h2{margin:40px 0 12px;font-size:1.3rem;line-height:1.3;border-bottom:2px solid var(--bordo);padding-bottom:8px}
h3{margin:24px 0 6px;font-size:1.05rem}
a{color:var(--teal-scuro)}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem;display:block;overflow-x:auto}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bordo);vertical-align:top}
th{background:var(--carta-alta);font-weight:700}
code{background:var(--carta-alta);border:1px solid var(--bordo);border-radius:4px;padding:1px 5px;font-size:.9em}
.riquadro{background:var(--carta-alta);border:1px solid var(--bordo);border-left:4px solid var(--teal);border-radius:8px;padding:16px 20px;margin:20px 0}
.riquadro.attenzione{border-left-color:var(--ambra)}
footer{border-top:1px solid var(--bordo);margin-top:48px;padding-top:20px;font-size:.9rem;color:var(--inchiostro-tenue)}
@media(max-width:520px){body{font-size:16px}header h1{font-size:1.5rem}main{padding:20px 16px 48px}}