/* Foglio comune alle quattro informative del progetto.
   Le pagine restano documenti a se': si aprono da sole, si stampano e si salvano.
   Quando sono aperte dentro la finestra di lettura (js/informative.js) vengono
   mostrate in un iframe, quindi questo foglio e' anche cio' che si vede li' dentro. */

main { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1.5rem 4rem; }
h1 { font-size: 1.6rem; line-height: 1.3; }
h2 { margin-top: 2.5rem; font-size: 1.25rem; }
h3 { margin-top: 1.75rem; font-size: 1.05rem; }
p, li { line-height: 1.55; }
ul { padding-left: 1.3rem; }
li { margin: .35rem 0; }

.intestazione { margin-bottom: 2rem; }
.intestazione p { margin: .35rem 0; }
.versione { color: var(--muted, #555); font-size: .9rem; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid var(--line, #ccc); padding: .55rem; text-align: left; vertical-align: top; }
th { background: var(--paper, #f3f4f6); }
caption { text-align: left; font-weight: 600; padding: .4rem 0; }

/* Le tabelle hanno tre colonne di testo: su schermo stretto scorrono invece di
   schiacciarsi in colonne illeggibili. */
.tabellaScroll { overflow-x: auto; }
.tabellaScroll table { min-width: 34rem; }

.notice { background: var(--paper, #f3f4f6); border-left: 4px solid var(--accent, #1d4ed8); padding: .75rem 1rem; }
code { background: var(--paper, #f3f4f6); padding: .1rem .3rem; border-radius: .2rem; }
hr { margin: 2.5rem 0 1rem; border: 0; border-top: 1px solid var(--line, #ccc); }
footer small { color: var(--muted, #555); }

a { color: var(--accent, #1d4ed8); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent, #1d4ed8); outline-offset: 2px; }

@media print {
  main { max-width: none; padding: 0; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .85em; word-break: break-all; }
}