/* Foglio comune ai tre documenti legali. Sta a parte perché sono tre pagine e
   una sola resa: un documento che cambia aspetto fra una pagina e l'altra
   sembra scritto da due persone diverse. */
:root {
  --testo: #1a1a1a;
  --tenue: #5a5a5a;
  --bordo: #d8d8d8;
  --sfondo: #fff;
  --nota: #fff8e1;
  --nota-bordo: #e6c200;
}
@media (prefers-color-scheme: dark) {
  :root {
    --testo: #e8e8e8; --tenue: #a0a0a0; --bordo: #3a3a3a;
    --sfondo: #161616; --nota: #2a2410; --nota-bordo: #7a6a10;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 32px 20px 80px; max-width: 760px;
  background: var(--sfondo); color: var(--testo);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 40px 0 10px; padding-top: 16px; border-top: 1px solid var(--bordo); }
h3 { font-size: 1rem; margin: 24px 0 6px; }
p, li { margin: 0 0 12px; }
ul, ol { padding-left: 22px; }
a { color: inherit; }
code { font-size: 0.9em; background: rgb(128 128 128 / 15%); padding: 1px 5px; border-radius: 3px; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.94rem; }
th, td { border: 1px solid var(--bordo); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: rgb(128 128 128 / 10%); }
.meta { color: var(--tenue); font-size: 0.9rem; margin-bottom: 28px; }
.bozza {
  background: var(--nota); border-left: 4px solid var(--nota-bordo);
  padding: 14px 16px; margin: 0 0 32px; border-radius: 4px; font-size: 0.94rem;
}
.decidere {
  background: rgb(128 128 128 / 8%); border-left: 3px solid var(--tenue);
  padding: 10px 14px; margin: 12px 0; font-size: 0.93rem; color: var(--tenue);
}
.decidere strong { color: var(--testo); }
/* Tabelle larghe: scorrono da sole invece di far scorrere la pagina. */
.scorre { overflow-x: auto; }
@media print { .bozza, .decidere { border: 1px solid #999; background: none; } }