/* Stile delle pagine legali e della 404: stesso metallo, stessi font della home */
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage.ttf") format("truetype");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Martian Mono";src:url("fonts/martian.ttf") format("truetype");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}
:root{--ink:#000;--paper:#fff;--f-display:"Bricolage Grotesque","Arial Black",Impact,sans-serif;--f-mono:"Martian Mono",ui-monospace,Consolas,monospace;--gutter:clamp(16px,4vw,56px);color-scheme:light}
*{box-sizing:border-box}
html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;color:var(--ink);font-family:var(--f-display);
  background:linear-gradient(115deg,#8a8a8a 0%,#e6e6e6 20%,#a2a2a2 36%,#f5f5f5 50%,#979797 66%,#d4d4d4 82%,#7a7a7a 100%) fixed}
a{color:inherit}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--gutter)}
header a{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
header .logo{font-family:var(--f-display);font-weight:800;font-size:1.6rem;letter-spacing:-.05em;text-transform:none}
main{max-width:52rem;margin:0 auto;padding:clamp(24px,5vw,56px) var(--gutter) 80px}
article{background:var(--paper);border:2px solid var(--ink);border-radius:6px;padding:clamp(20px,4vw,48px)}
h1{margin:0 0 8px;font-weight:800;font-size:clamp(2.2rem,7vw,4.4rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}
h2{margin:36px 0 10px;font-weight:800;font-size:1.35rem;letter-spacing:-.01em}
p,li,td,th{font-family:var(--f-mono);font-size:.76rem;line-height:1.75}
p{margin:0 0 12px;max-width:68ch}
ul{padding-left:1.2em;margin:0 0 12px}
.upd{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.ph{background:#000;color:#fff;padding:0 4px}
.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 #000;padding:8px 10px 8px 0}
footer{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:20px var(--gutter);background:#000;color:#fff;font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}
footer nav{display:flex;gap:14px;flex-wrap:wrap}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #000;outline-offset:3px}