/* Pagine legali di Ludola: stesso aspetto del sito (token di DESIGN.md),
   testo invariato. Sostituisce common/hosting/legal.css solo per ludo. */
@font-face { font-family: 'Fredoka'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/fredoka-700.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/nunito-700.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/nunito-800.woff2) format('woff2'); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; font: 700 17px/1.65 Nunito, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #2B2A26; background: #FFF4DF; -webkit-font-smoothing: antialiased; }
main { max-width: 46rem; margin: 24px auto 64px; padding: 28px clamp(18px, 4vw, 40px) 36px; background: #FFFDF8;
  border: 3px solid #171A21; border-radius: 24px; box-shadow: 0 6px 0 #171A21; }
@media (max-width: 760px) { main { margin: 12px; } }
h1, h2 { font-family: Fredoka, Nunito, system-ui, sans-serif; font-weight: 700; color: #171A21; line-height: 1.15; }
h1 { font-size: clamp(30px, 5vw, 40px); margin: 18px 0 12px; }
h2 { font-size: 22px; margin: 32px 0 8px; }
a { color: #2E6BD8; font-weight: 800; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #2E6BD8; outline-offset: 3px; border-radius: 6px; }
nav { display: flex; flex-wrap: wrap; gap: 8px; font-size: 15px; }
nav::before { content: ''; width: 40px; height: 40px; margin-right: 6px; background: url(/favicon.svg) center/contain no-repeat; }
nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 2.5px solid #171A21;
  background: #FFF4DF; color: #171A21; text-decoration: none; }
nav a:hover { background: #FCEFC9; }
table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 15px; border: 2.5px solid #171A21; border-radius: 16px; overflow: hidden; display: block; overflow-x: auto; }
th, td { border-bottom: 2px dashed #E6DCC6; padding: .6rem .75rem; text-align: left; vertical-align: top; min-width: 9rem; }
tr:last-child td { border-bottom: 0; }
th { background: #FCEFC9; color: #171A21; font-family: Fredoka, Nunito, sans-serif; }
ul { padding-left: 1.2rem; }
footer { margin-top: 2.5rem; padding-top: 1rem; border-top: 2px dashed #E6DCC6; font-size: 14px; color: #4A4338; }
[hidden] { display: none !important; }