@charset "UTF-8";
:root{--lago:#1d3c45;--notte:#0e2227;--alba:#d98a2b;--nebbia:#f3f4f8}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font:17px/1.65 "DM Sans",system-ui,sans-serif;color:var(--notte)}
h1,h2{font-family:Marcellus,Georgia,serif;font-weight:400;line-height:1.2}
h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 8px}
h2{font-size:1.4rem;margin:34px 0 8px}
a{color:var(--lago)}
:focus-visible{outline:3px solid var(--alba);outline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
header .wrap,footer .wrap{max-width:1040px}
header{position:sticky;top:0;z-index:10;background:var(--nebbia);border-bottom:2px solid #6b8cff33}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;flex-wrap:wrap}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:64px;width:auto;display:block}
nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-left:auto}
nav a{text-decoration:none;color:var(--notte);font-size:.95rem}
nav a:hover{text-decoration:underline}
main{padding:48px 0 70px}
ul{padding-left:22px}
li{margin-bottom:6px}
.upd,.nota{color:#53666b;font-size:.92rem}
footer{background:var(--notte);color:#c9d3d6;padding:34px 0;font-size:.9rem}
footer a{color:#fff}
.links{display:flex;gap:18px;flex-wrap:wrap}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:780px){.brand img{height:52px}nav{gap:14px}header .wrap{min-height:0;padding-top:8px;padding-bottom:8px}header nav{order:3;flex-basis:100%;margin-left:0;justify-content:center}#langBox{margin-left:auto}}