/* Pagine legali e 404: stesso spazio viola, stessi font della home */
@font-face{font-family:"Unbounded";src:url("fonts/unbounded.woff2") format("woff2"),url("fonts/unbounded.ttf") format("truetype");font-weight:200 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument.woff2") format("woff2"),url("fonts/instrument.ttf") format("truetype");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/geistmono.woff2") format("woff2"),url("fonts/geistmono.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--void:#06051a;--deep:#0e0c2e;--violet:#8d6bff;--blue:#3f7cff;--ion:#7ff3ff;--text:#eceaff;--mute:#a19dd0;--line:rgba(160,150,255,.18);
--f-display:"Unbounded","Arial Black",Impact,sans-serif;--f-body:"Instrument Sans","Segoe UI",system-ui,sans-serif;--f-mono:"Geist Mono",ui-monospace,Consolas,monospace;--gutter:clamp(16px,4vw,56px);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--void);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;color:var(--text);font-family:var(--f-body);background:radial-gradient(60% 40% at 80% 0%,rgba(141,107,255,.3),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(63,124,255,.18),transparent 70%),var(--void) fixed;min-height:100vh}
a{color:var(--ion)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px var(--gutter)}
header a{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:var(--mute)}
header .logo{font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;text-transform:none;color:var(--text)}
main{max-width:52rem;margin:0 auto;padding:clamp(24px,5vw,56px) var(--gutter) 80px}
article{background:rgba(14,12,46,.7);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,52px)}
h1{margin:0 0 10px;font-family:var(--f-display);font-weight:700;font-size:clamp(2.2rem,7vw,4.2rem);line-height:.95;letter-spacing:-.04em;text-wrap:balance;background:linear-gradient(100deg,var(--ion),var(--blue) 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{margin:36px 0 10px;font-family:var(--f-display);font-weight:500;font-size:1.2rem;letter-spacing:-.01em}
p,li,td,th{font-size:.98rem;line-height:1.7;color:#d6d3f5}
p{margin:0 0 12px;max-width:68ch}
.upd{font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.ph{background:var(--violet);color:var(--void);padding:0 4px;border-radius:3px}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:30rem}
th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:10px 12px 10px 0}
th{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
footer{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:22px var(--gutter);border-top:1px solid var(--line);color:var(--mute);font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
footer nav{display:flex;gap:16px;flex-wrap:wrap}
footer a{text-decoration:none;color:inherit}footer a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--ion);outline-offset:3px}
