/* Elventia — pagine istituzionali e legali. Sobrie di proposito: qui non si vende,
   si dichiara chi siamo e cosa facciamo con i dati. Palette del prodotto (sabbia +
   teal), niente animazioni, niente JS. */
*,*::before,*::after{box-sizing:border-box}
html{background:#FDF9F4;scroll-behavior:smooth}
[id]{scroll-margin-top:80px}
body{margin:0;background:#FDF9F4;color:#221F2E;line-height:1.65;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:#16665F;text-decoration:none;border-bottom:1px solid rgba(22,102,95,.28)}
a:hover{color:#0F4E48;border-bottom-color:#0F4E48}

header{position:sticky;top:0;z-index:10;background:rgba(253,249,244,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid #EAE2D8}
.bar{max-width:860px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;
  gap:20px;flex-wrap:wrap}
.brand{font-weight:700;letter-spacing:-.02em;font-size:19px;color:#16665F;border:0}
.bar nav{display:flex;gap:16px;font-size:14.5px;margin-left:auto;flex-wrap:wrap}
.bar nav a{border:0;color:#5C5568}
.bar nav a:hover,.bar nav a[aria-current="page"]{color:#16665F}

main{max-width:760px;margin:0 auto;padding:44px 20px 80px}
h1{font-size:32px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
h2{font-size:20px;letter-spacing:-.01em;margin:38px 0 10px;padding-top:6px}
h3{font-size:16.5px;margin:24px 0 6px}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-left:22px}
li{margin:5px 0}
.lead{font-size:17.5px;color:#4A4356;margin-bottom:26px}
.updated{font-size:14px;color:#7A7387;margin:0 0 30px}

.card{background:#fff;border:1px solid #EAE2D8;border-radius:14px;padding:20px 22px;margin:22px 0}
.card h2,.card h3{margin-top:0}
.card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px}
.card dt{color:#7A7387}
.card dd{margin:0}

.note{border-left:3px solid #16665F;background:#F1F7F6;border-radius:0 10px 10px 0;
  padding:14px 18px;margin:22px 0;font-size:15.5px}

footer{border-top:1px solid #EAE2D8;background:#F7F1E9}
.foot{max-width:760px;margin:0 auto;padding:26px 20px 40px;font-size:14px;color:#5C5568}
.foot a{color:#5C5568}
.foot p{margin:0 0 6px}

@media(max-width:620px){
  h1{font-size:26px}
  main{padding:32px 18px 60px}
  .card dl{grid-template-columns:1fr;gap:2px}
  .card dt{margin-top:8px}
}

/* Selettore di lingua: tre pillole discrete in fondo alla nav, non bandierine.
   Quella attiva è piena, così si capisce dove si è senza doverlo leggere. */
.bar nav a.lang{border:1px solid #D9CFC2;border-radius:999px;padding:2px 10px;
  font-size:12.5px;font-weight:600;color:#16665F;letter-spacing:.02em;margin-left:-8px}
.bar nav a.lang:first-of-type{margin-left:4px}
.bar nav a.lang:hover{border-color:#16665F;background:#F1F7F6}
.bar nav a.lang-on{background:#16665F;border-color:#16665F;color:#fff;cursor:default}
.bar nav a.lang-on:hover{background:#16665F;color:#fff}