/* Stile unico del sito — derivato dalle linee grafiche di anteprima.html */
html { background: #e5e5e5; }
body {
  max-width: 26em;
  margin: 2em auto;
  padding: 1.5em;
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  line-height: 1.45;
}
p { margin: 0 0 0.8em 0; }
h1 { font-size: 1.4em; text-align: left; margin: 1em 0 0.8em 0; }
h2 { font-size: 1.1em; border-top: 1px solid #cccccc; padding-top: 1.2em; margin-top: 1.6em; }
a { color: inherit; }
.smallcaps { font-variant: small-caps; }

.riquadro { border: 1px solid #bfbfbf; background-color: #f6f6f6; padding: 0.5em 3%; margin: 1em 0; }
.passo { background-color: #ffffff; border-left: 4px solid #666666; }
.nota { background-color: #ffffff; border: 1px dashed #999999; }
.fonte { border-top: 1px solid #bfbfbf; padding-top: 0.4em; margin-top: 0.6em; font-size: 0.85em; }
.nota-piccola { font-size: 0.85em; }

table { border-collapse: collapse; width: 100%; margin: 0.3em 0 0.8em 0; display: block; overflow-x: auto; }
td, th { border-bottom: 1px solid #dddddd; padding: 0.3em 2%; vertical-align: top; text-align: left; }
th { font-weight: bold; border-bottom: 1px solid #999999; }
.tabella-elenco td:first-child { width: 35%; color: #666666; }

ul, ol { margin: 0.5em 0; padding-left: 6%; }
li { margin-bottom: 0.3em; }

.figura { margin: 1em 0; text-align: center; }
.figura p { text-align: center; font-size: 0.9em; margin-bottom: 0.4em; }
.figura svg { max-width: 100%; height: auto; }

.copyright { font-size: 0.85em; margin-top: 2em; color: #444444; }
.etichetta { font-size: 0.8em; letter-spacing: 0.06em; text-transform: uppercase; color: #666666; margin: 1.6em 0 0.2em 0; }

nav.lezioni { font-size: 0.9em; margin: 0.5em 0 1em 0; }
nav.lezioni a { margin-right: 1em; }

details.flash { border: 1px solid #bfbfbf; background: #f6f6f6; margin: 0.5em 0; padding: 0.4em 3%; }
details.flash summary { cursor: pointer; font-weight: bold; }
details.flash p { margin: 0.5em 0 0.2em 0; }

.comandi { margin: 0.5em 0 0.8em 0; }
button { font: inherit; padding: 0.3em 0.8em; background: #f6f6f6; border: 1px solid #999999; cursor: pointer; }
button:hover, button:focus { background: #e9e9e9; }

/* modalità Ripasso: contenuto velato finché non cliccato */
.velato > .contenuto { display: none; }
button.rivela { display: none; font-size: 0.85em; }
.velato > button.rivela { display: inline-block; }
.studio .velato > .contenuto { display: inline; }
.studio .velato > button.rivela { display: none; }
.svelato > .contenuto { display: inline !important; }
.svelato > button.rivela { display: none !important; }

/* quiz */
.domanda { border: 1px solid #bfbfbf; background: #f6f6f6; padding: 0.6em 3%; margin: 0.8em 0; }
.domanda p.testo { font-weight: bold; margin-bottom: 0.5em; }
.opzioni { list-style: none; padding-left: 0; margin: 0; }
.opzioni li { margin-bottom: 0.4em; }
.opzioni button { display: block; width: 100%; text-align: left; background: #ffffff; }
.opzioni button[disabled] { cursor: default; }
.opzioni button.giusta { border: 2px solid #1a7a1a; background: #eef7ee; }
.opzioni button.errata { border: 2px solid #a33030; background: #f9eeee; }
.esito { margin-top: 0.5em; font-size: 0.9em; display: none; }
.esito .verdetto { font-weight: bold; }
.punteggio { border: 1px solid #666666; background: #ffffff; padding: 0.6em 3%; margin: 1em 0; display: none; }

/* Tabellone comparativo delle distribuzioni (indice) */
.tabellone th,.tabellone td{white-space:nowrap;padding:.3em .6em}