/* Pagine legali /privacy, /cookie, /termini e /en/* (src/routes/site/legal.js): colonna centrale
   stretta, font e colori del sito (variabili di home.css e del tema). Prima era uno <style> in linea. */
.lg-page {
  max-width: 820px; margin: 0 auto;
  padding: calc(var(--nav-h, 68px) + clamp(28px, 4vw, 56px)) clamp(20px, 4vw, 48px) 100px;
}
.lg-eyebrow { font-family: var(--font-mono, 'JetBrains Mono', monospace); font-size: .72rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--orange); margin-bottom: 1rem; }
.lg-page h1 { font-family: var(--font-display); font-weight: 800; font-size: clamp(2rem, 5vw, 2.8rem); letter-spacing: -.02em; line-height: 1.1; margin-bottom: .8rem; color: var(--ink); }
.lg-updated { font-size: .9rem; color: rgba(13,13,13,.55); margin-bottom: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(13,13,13,.08); }
.lg-content { font-family: var(--font-body); font-size: 1.02rem; color: rgba(13,13,13,.82); line-height: 1.75; }
.lg-content h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.3rem, 3vw, 1.55rem); margin: 2.6rem 0 .8rem; color: var(--ink); letter-spacing: -.01em; }
.lg-content h2:first-child { margin-top: 0; }
.lg-content h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.1rem; margin: 1.8rem 0 .6rem; color: var(--ink); }
.lg-content p { margin-bottom: 1rem; }
.lg-content ul, .lg-content ol { margin: .6rem 0 1.4rem 1.4rem; }
.lg-content li { margin-bottom: .5rem; }
.lg-content strong { color: var(--ink); font-weight: 600; }
.lg-content a { color: var(--orange); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 600px) {
  .lg-page { padding: calc(var(--nav-h, 68px) + 1.6rem) 1.1rem 4rem; }
  .lg-content { font-size: .96rem; }
}