/* Pagine legali (Impressum, condizioni, EULA): stesso aspetto di terms.html e privacy.html. */
.legal-page { max-width: 880px; margin: 100px auto 60px; padding: 0 24px; }
.legal-page h1 { font-family: var(--font-display); font-size: 2rem; color: var(--neon-blue); margin-bottom: 0.4rem; }
.legal-page .subtitle { color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1.2rem; }
.legal-page h2 { font-family: var(--font-display); font-size: 1.1rem; color: var(--neon-cyan); margin: 2rem 0 0.8rem; letter-spacing: 0.5px; }
.legal-page h3 { font-size: 1rem; color: var(--text-primary); margin: 1.2rem 0 0.5rem; }
.legal-page p, .legal-page li { font-family: var(--font-body); font-size: 0.95rem; color: var(--text-secondary); line-height: 1.75; }
.legal-page ul, .legal-page ol { padding-left: 1.5rem; margin: 0.5rem 0 1rem; }
.legal-page li { margin-bottom: 0.3rem; }
.legal-page a { color: var(--neon-blue); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-page .highlight-box { background: var(--bg-card); border-left: 3px solid var(--neon-blue); padding: 16px 20px; border-radius: var(--radius); margin: 1.2rem 0; }
.legal-page .highlight-box p { color: var(--text-primary); margin: 0; }
.back-link { display: inline-block; margin-bottom: 1.5rem; color: var(--neon-blue); font-family: var(--font-mono); font-size: 0.85rem; text-decoration: none; }
.back-link:hover { text-decoration: underline; }
/* Selettore delle tre lingue (js/tre-lingue-legali.js) */
.lingue-legali { display: flex; gap: .4rem; margin: 0 0 1.5rem; }
.lingue-legali button { padding: .3rem .7rem; border: 1px solid var(--border-color); border-radius: 99px; background: transparent;
    color: var(--text-secondary); font: .75rem var(--font-mono); cursor: pointer; }
.lingue-legali button[aria-pressed="true"] { border-color: var(--neon-blue); color: var(--neon-blue); background: rgba(0,212,255,.1); }
[data-lang-blocco] { display: none; }
[data-lang-blocco].attivo { display: block; }
.legal-page .nota-traduzione { color: var(--text-muted); font-size: .8rem; font-style: italic; }
.legal-page table { width: 100%; border-collapse: collapse; margin: .8rem 0 1.2rem; font-size: .9rem; }
.legal-page td { padding: .35rem .6rem; border-bottom: 1px solid var(--border-color); color: var(--text-secondary); vertical-align: top; }
.legal-page td:first-child { color: var(--text-primary); width: 34%; }