/* Stili delle pagine testuali: cookie policy e documenti del sito ufficiale */
.legal{ position:relative; z-index:2; max-width:820px; margin:0 auto; padding:calc(var(--nav-h) + 40px) var(--pad) 80px; font-size:15.5px; line-height:1.7; color:var(--w70); }
.legal__nav{ position:fixed; top:0; left:0; right:0; z-index:5; height:var(--nav-h); display:flex; align-items:center; justify-content:space-between; padding:0 var(--pad); background:rgba(9,9,11,.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid var(--hair); }
.legal__nav img{ height:30px; width:auto; }
.legal__back{ color:var(--w70); text-decoration:none; } .legal__back:hover{ color:var(--green); }
.legal h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(2.8rem, 6vw, 4.8rem); line-height:.92; color:var(--w100); margin:10px 0 18px; }
.legal h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.7rem, 3vw, 2.3rem); line-height:1; color:var(--w100); margin:46px 0 14px; }
.legal h3{ color:var(--w100); font-size:16px; margin:26px 0 8px; }
.legal p{ margin:0 0 14px; } .legal ul{ margin:0 0 14px; padding-left:22px; } .legal li{ margin-bottom:6px; }
.legal a{ color:var(--w100); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--green); } .legal a:hover{ color:var(--green); }
.legal b{ color:var(--w100); font-weight:600; }
.legal__meta{ color:var(--green); margin-bottom:8px; }
.legal__box{ background:var(--panel); border:1px solid var(--hair); border-radius:16px; padding:20px 22px; margin:20px 0 28px; }
.legal__box p:last-child{ margin:0; }
.legal__tablewrap{ overflow-x:auto; margin:14px 0 22px; border:1px solid var(--hair); border-radius:14px; }
.legal__tablewrap:focus-visible{ outline:2px solid var(--green); outline-offset:3px; }
.legal__hint{ display:none; color:var(--w40); font-size:12px; margin:-8px 0 16px; }
@media (max-width: 720px){ .legal__hint{ display:block; } }
.legal table{ border-collapse:collapse; width:100%; min-width:640px; font-size:14px; }
.legal th, .legal td{ text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid var(--hair); }
.legal th{ color:var(--green); font-family:var(--f-body); font-weight:500; font-size:11px; letter-spacing:.2em; text-transform:uppercase; background:rgba(255,255,255,.03); }
.legal tr:last-child td{ border-bottom:0; }
.legal code{ font-family:ui-monospace, Menlo, Consolas, monospace; font-size:13px; color:var(--w100); background:rgba(255,255,255,.06); padding:2px 6px; border-radius:6px; }
.legal__actions{ display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 6px; }
.legal__foot{ margin-top:60px; padding-top:22px; border-top:1px solid var(--hair); color:var(--w40); font-size:12px; }
/* ── documenti riprodotti dal sito ufficiale (regole, termini, privacy, chi siamo, metodo) ── */
.doc__sub{ color:var(--w70); margin:-6px 0 26px; font-size:15px; }
.legal .doc h2{ font-family:var(--f-head); font-weight:800; font-size:clamp(1.6rem, 2.8vw, 2.2rem); line-height:1.02; color:var(--w100); margin:44px 0 14px; text-transform:none; }
.legal .doc h3{ color:var(--w100); font-size:17px; font-weight:600; margin:28px 0 10px; }
.legal .doc h4{ color:var(--w100); font-size:16.5px; font-weight:600; margin:28px 0 10px; }
.legal .doc ol, .legal .doc ul{ margin:0 0 16px; padding-left:24px; }
.legal .doc ol{ list-style:decimal; } .legal .doc ul{ list-style:disc; }
.legal .doc li{ margin-bottom:8px; }
.legal .doc li > ol, .legal .doc li > ul{ margin-top:8px; }
.legal .doc u{ text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--w40); text-decoration-thickness:1px; }
.legal .footer__legal a{ color:var(--w70); text-decoration:none; } .legal .footer__legal a:hover, .legal .footer__legal button:hover{ color:var(--green); }
@media (max-width: 640px){ .legal__back, .footer__legal{ font-size:12px; } .legal__foot{ font-size:13px; } }
@media (max-width: 360px){ .legal__nav{ gap:10px; } .legal__nav img{ height:24px; } .legal__back{ white-space:nowrap; font-size:10px; letter-spacing:.12em; } }
.legal .doc em{ font-style:italic; }
.legal .doc strong{ color:var(--w100); font-weight:600; }