/* ============================================================
   HIPER legal.css — pagine legali (Privacy / Cookie / Terms)
   Tema dark spettacolare coerente con showcase.css
   ============================================================ */

.legal{background:radial-gradient(900px 420px at 85% -10%, rgba(230,177,92,.12), transparent 60%),linear-gradient(180deg,var(--bg),transparent);padding:120px 0 70px;}
.legal-hero{max-width:960px;margin:0 auto;padding:0 30px;}
.legal-hero .crumb{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;}
.legal-hero .crumb a{color:var(--gold);text-decoration:none;}
.legal-hero h1{font-family:Georgia,serif;font-size:clamp(34px,4.4vw,54px);line-height:1.03;margin-bottom:16px;color:#fff;}
.legal-hero h1 em{color:var(--gold);font-style:normal;}
.legal-hero .meta{color:var(--muted);font-size:13.5px;margin-bottom:8px;}
.legal-hero .updated{color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-top:6px;}

.legal-body{max-width:880px;margin:40px auto 0;padding:0 30px;}
.legal-toc{background:rgba(16,19,25,.7);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:34px;}
.legal-toc h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:14px;}
.legal-toc a{display:block;color:var(--muted);text-decoration:none;font-size:14.5px;padding:6px 0;transition:.2s;}
.legal-toc a:hover{color:var(--gold);transform:translateX(6px);}
.legal-toc span{color:var(--gold);margin-right:10px;font-size:11px;}

.legal-body section{margin-bottom:34px;}
.legal-body h2{font-family:Georgia,serif;font-size:24px;color:#fff;margin-bottom:14px;padding-top:10px;border-top:1px solid var(--line);}
.legal-body h2:first-of-type{border-top:none;}
.legal-body h3{font-size:16px;color:var(--gold);margin:20px 0 8px;font-weight:700;}
.legal-body p{color:var(--muted);line-height:1.85;margin-bottom:12px;}
.legal-body p strong,.legal-body li strong{color:#fff;}
.legal-body ul{color:var(--muted);line-height:1.8;padding-left:22px;margin:10px 0 14px;}
.legal-body ul li{margin-bottom:8px;}
.legal-body .box{background:rgba(16,19,25,.55);border-left:3px solid var(--gold);border-radius:8px;padding:16px 20px;margin:16px 0;}
.legal-body .box p{margin:0;}
.legal-body .mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:#cfd3d9;background:rgba(255,255,255,.04);padding:2px 8px;border-radius:5px;}
.legal-body a{color:var(--gold);}

/* footer reale */
footer{background:rgba(7,8,10,.6);border-top:1px solid var(--line);}

@media(max-width:760px){.legal{padding:90px 0 50px;} .legal-toc a{font-size:13px;}}