:root{--bg:#0b0b0a;--surface:#151513;--line:#2b2b27;--fg:#f6f4ec;--muted:#a09d90;--accent:#ffd60a;--accent-ink:#0b0b0a;--display:"Big Shoulders Display",Impact,sans-serif;--body:"Familjen Grotesk",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.wrap{width:min(860px,100% - 32px);margin:0 auto}
header.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.logo{font:800 26px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--fg);text-decoration:none}.logo span{color:var(--accent)}
.langbtn,.back{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:none;color:var(--fg);border:1px solid var(--line);padding:9px 12px;cursor:pointer;text-decoration:none}
.langbtn:hover,.back:hover{border-color:var(--accent);color:var(--accent)}
.right{display:flex;gap:8px}
h1{font:900 clamp(40px,8vw,72px)/.95 var(--display);text-transform:uppercase;margin:44px 0 6px}
h2{font:800 28px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:40px 0 8px;color:var(--accent)}
p,li{color:#e4e1d6}ul{padding-left:20px}
.upd{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
th,td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
th{font:500 12px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface)}
.todo{background:rgba(255,214,10,.15);outline:1px dashed var(--accent);padding:0 4px;color:var(--accent)}
.box{border:1px solid var(--line);background:var(--surface);padding:14px 18px;margin:16px 0}
footer.bot{margin-top:56px;padding:26px 0 40px;border-top:1px solid var(--line);font:500 12px/1.8 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
footer.bot a{color:var(--muted)}footer.bot a:hover{color:var(--accent)}
[hidden]{display:none!important}
/* banner cookie (anche nel sito principale) */
#cc{position:fixed;z-index:9000;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none}
#cc .cc-in{pointer-events:auto;width:min(760px,100%);background:#0f0f0d;border:1px solid var(--accent);padding:16px 18px;box-shadow:0 12px 40px rgba(0,0,0,.6);color:var(--fg);font:400 15px/1.5 var(--body)}
#cc .cc-t{font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;color:var(--accent)}
#cc p{margin:0 0 12px;color:#e4e1d6}#cc a{color:var(--accent)}
#cc .cc-pan{display:grid;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line)}
#cc [hidden]{display:none!important}
#cc .cc-pan label{display:block;font-size:14px}#cc .cc-pan span{color:var(--muted)}
#cc .cc-b{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#cc .cc-b button{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:13px 8px;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--fg)}
#cc .cc-b button:hover,#cc .cc-b button:focus-visible{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (max-width:480px){#cc .cc-b{grid-template-columns:1fr}}