:root{--bg:#10151d;--surface:#1a2230;--text:#eef2f7;--muted:#b9c2ce;--border:#2e3a4d;--accent:#86b6ff;--accent-text:#0b1320;--link:#9cc4ff;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.65;overflow-wrap:anywhere}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:.15em}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.salta{position:absolute;left:-999px;top:0;background:var(--surface);color:var(--text);padding:.5rem 1rem}
.salta:focus{left:1rem;z-index:10}
.contenitore{width:100%;max-width:72rem;margin:0 auto;padding:0 1.25rem}
.testata{border-bottom:1px solid var(--border);background:var(--bg)}
.testata-riga{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;flex-wrap:wrap}
.marchio{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font-weight:700;font-size:1.15rem;padding:.5rem 0}
.marchio img{max-height:2.75rem;width:auto}
.nav-ampia{display:none}
.nav-ampia ul,.menu ul{list-style:none;margin:0;padding:0}
.nav-ampia ul{display:flex;gap:1.25rem;flex-wrap:wrap}
.nav-ampia a,.menu a{color:var(--text);text-decoration:none;font-weight:600}
.nav-ampia a:hover,.menu a:hover{text-decoration:underline}
.nav-ampia a[aria-current=page],.menu a[aria-current=page]{color:var(--link);text-decoration:underline}
.menu{position:relative}
.menu summary{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:.5rem;padding:.45rem .9rem;font-weight:600;min-height:2.75rem;display:flex;align-items:center}
.menu summary::-webkit-details-marker{display:none}
.menu ul{padding:.75rem 0}
.menu li a{display:block;padding:.6rem 0;min-height:2.75rem}
@media (min-width:48rem){.nav-ampia{display:block}.menu{display:none}}
main{padding:2rem 1.25rem 3rem}
article{max-width:46rem;margin:0 auto}
.apertura h1{font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.15;margin:0 0 1rem}
.sommario{font-size:1.2rem;color:var(--muted);margin:0 0 1.5rem}
.decoro{width:100%;border-radius:1rem;margin:1.5rem 0 2rem;background:var(--surface)}
section{margin:2rem 0}
h2{font-size:1.5rem;line-height:1.25;margin:0 0 .75rem}
p{margin:0 0 1rem}
ul.punti{padding-left:1.25rem;margin:0 0 1rem}
ul.punti li{margin:.35rem 0}
.cta{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;margin:2.5rem 0}
.cta p{margin:0 0 1rem}
.pulsante{display:inline-block;background:var(--accent);color:var(--accent-text);text-decoration:none;font-weight:700;padding:.75rem 1.25rem;border-radius:.6rem;min-height:2.75rem}
.pulsante:hover{text-decoration:underline}
.correlati{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}
.correlati h2{font-size:1.2rem}
.correlati ul{padding-left:1.25rem}
.piede{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.95rem}
.piede .contenitore{padding-top:1.5rem;padding-bottom:1.5rem}
.piede p{margin:0 0 .5rem}