/* Pagine privacy e cookie: stesso stile del sito, senza animazioni */
.legal-page { min-height: 100vh; display: flex; flex-direction: column; }
.legal-nav { display: flex; align-items: center; justify-content: space-between; padding: calc(var(--pad) * .8) calc(var(--pad) + 6px); }
.legal-back { font-size: 14px; color: var(--muted); transition: color .4s; }
.legal-back:hover { color: var(--acc); }
.legal { width: min(760px, 100%); margin: 0 auto; padding: clamp(40px, 8vw, 110px) var(--pad) clamp(70px, 9vw, 120px); }
.legal h1 { font-size: clamp(48px, 7vw, 96px); line-height: .95; letter-spacing: -.02em; font-weight: 300; margin-bottom: 14px; }
.legal h1 em { color: var(--acc); }
.legal .updated { color: var(--muted); font-size: 14px; margin-bottom: clamp(36px, 5vw, 60px); }
.legal h2 { font-size: 21px; font-weight: 500; margin: 42px 0 12px; }
.legal p, .legal li { color: #cfcad6; font-size: 16px; line-height: 1.7; }
.legal ul { padding-left: 20px; display: grid; gap: 6px; margin: 10px 0; }
.legal a { color: var(--acc); text-decoration: underline; text-underline-offset: 3px; }
.legal mark { background: rgba(185,164,255,.18); color: var(--fg); padding: 1px 6px; border-radius: 5px; }
.legal-page .foot { margin: auto var(--pad) 0; }