@font-face{font-family:"Barlow Condensed";src:url("../assets/fonts/barlow-condensed-600-latin.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-latin.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--stage:#05070b;--panel:#0b0f16;--rule:rgba(221,231,242,.14);--ink:#f2f4f7;--text:#c3ccd6;--muted:#8a96a3;--em:#14c08a;--em-bright:#4fe3b0;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Manrope",system-ui,Arial,sans-serif;--mono:ui-monospace,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--stage);color:var(--text);font:400 17px/1.7 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--em-bright)}
a:hover{color:var(--ink)}
.salta{position:absolute;left:-999px;top:8px;background:var(--em);color:#04150f;padding:8px 14px;border-radius:8px;z-index:10}
.salta:focus{left:12px}
.testata{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,64px);
  background:rgba(5,7,11,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.marchio{font:600 26px/1 var(--display);letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.marchio span{color:var(--em)}
.torna{font:600 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--text);
  border:1px solid var(--rule);padding:10px 14px;border-radius:999px}
.torna:hover{border-color:var(--em);color:var(--em-bright)}
.pagina{max-width:820px;margin:0 auto;padding:56px clamp(20px,5vw,40px) 96px}
.occhiello{font:600 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
h1{font:600 clamp(48px,9vw,88px)/.95 var(--display);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
h2{font:600 clamp(28px,4vw,38px)/1.1 var(--display);color:var(--ink);margin:0 0 14px;letter-spacing:-.01em}
h3{font:700 16px/1.4 var(--body);color:var(--ink);margin:26px 0 8px}
section{margin-top:52px;scroll-margin-top:84px}
.aggiornata{color:var(--muted);font-size:14px;margin:0 0 26px}
.riassunto{background:var(--panel);border:1px solid var(--rule);border-left:3px solid var(--em);border-radius:12px;padding:18px 20px;color:var(--ink)}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.indice a{font:600 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--text);
  border:1px solid var(--rule);padding:9px 12px;border-radius:999px}
.indice a:hover{border-color:var(--em);color:var(--em-bright)}
ul{padding-left:1.2em}
li{margin:.45em 0}
strong{color:var(--ink)}
code{font:500 .86em var(--mono);background:rgba(255,255,255,.07);padding:2px 6px;border-radius:5px}
.tabella{border:1px solid var(--rule);border-radius:12px;overflow:hidden;margin:16px 0}
.riga{display:grid;grid-template-columns:1.1fr 1.6fr .8fr;gap:14px;padding:12px 16px;border-top:1px solid var(--rule);font-size:15px;line-height:1.5}
.riga:first-child{border-top:0}
.riga.testa{background:var(--panel);font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:640px){.riga{grid-template-columns:1fr;gap:4px}.riga.testa{display:none}}
.pulsante{font:600 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--em-bright);
  border:1px solid var(--em);padding:12px 16px;border-radius:999px;cursor:pointer}
.pulsante:hover{background:var(--em);color:#04150f}
.fine{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule)}
:focus-visible{outline:2px solid var(--em-bright);outline-offset:3px}
@media print{body{background:#fff;color:#111}.testata,.indice,.pulsante{display:none}h1,h2,h3,strong{color:#000}}
