/* ---------------------------------------------------------------------------------------
   vademecum.css — le pagine di 04-modjur/modellizzazione, generate dal Vademecum riunito da
   node-tools/uish/vademecum_pagine.py: righe degli autori, indice della pagina, riquadri,
   tabelle, elenchi numerati con il segno del documento, voci con il segno scritto a mano,
   note a pie' di pagina.
   --------------------------------------------------------------------------------------- */
.vd-autori { margin: 0; font-style: italic; color: #404040; }
.vd-autori + :not(.vd-autori) { margin-top: 1.25rem; }

/* indice della pagina e sommario della Parte II */
.vd-indice { margin: 1.5rem 0; padding: .75rem 1rem; background: #f4f7fb; border-left: 3px solid var(--accent, #1a4a7a);
             border-radius: 0 4px 4px 0; max-width: 60rem; }
.vd-indice-titolo { font-weight: 600; margin-bottom: .4rem; }
.vd-indice ul, .vd-indice-pdrgd, .vd-indice-pdrgd ul { list-style: none; padding-left: 1rem; margin-bottom: 0; }
.vd-indice > ul { padding-left: 0; }
.vd-indice-pdrgd { margin: .5rem 0 1rem; }
.vd-sommario ol { padding-left: 1.25rem; }
.vd-sommario > ol > li { margin-bottom: .75rem; }
.vd-sommario > ol > li > a { font-weight: 600; }
.vd-sommario ul { list-style: none; padding-left: 1rem; margin-top: .25rem; }
.vd-vuota { list-style: none; }

/* riquadri: le tabelle di una cella («Focus box») e le caselle di testo («Indicazioni Operative») */
.vd-riquadro { border: 1px solid #b6c6d8; border-radius: 4px; padding: .75rem 1rem; margin: 1rem 0; background: #f4f7fb; }
.vd-riquadro > :last-child { margin-bottom: 0; }
.vd-riquadro-titolo { font-weight: 600; color: var(--accent, #1a4a7a); margin-bottom: .4rem; }

/* tabelle */
.vd-tabella { font-size: .92rem; }
/* allineato a sinistra: il testo giustificato del sito, nelle colonne strette, allarga le parole */
.vd-tabella td, .vd-tabella th { vertical-align: top; text-align: left; }
.vd-tabella td p, .vd-tabella th p, .vd-tabella li { text-align: left; }
.vd-tabella td p.text-center, .vd-tabella th p.text-center { text-align: center; }
.vd-tabella td > :last-child, .vd-tabella th > :last-child { margin-bottom: 0; }
.vd-tabella td p, .vd-tabella th p { margin-bottom: .35rem; }
/* il colore di fondo delle celle viene dal docx: bootstrap lo darebbe con --bs-table-bg */
.vd-tabella td[style], .vd-tabella th[style] { --bs-table-bg: transparent; }

/* elenchi: i numerati portano il segno del documento (a), 1., 1.1) scritto, non quello del browser */
.vd-numerato { list-style: none; padding-left: 0; }
.vd-numerato > li { position: relative; padding-left: 2.2em; }
.vd-numerato > li > .vd-segno { position: absolute; left: 0; }
.vd-puntato { padding-left: 1.4em; }
.vd-puntato .vd-puntato { list-style-type: circle; }
.vd-puntato .vd-puntato .vd-puntato { list-style-type: square; }
.vd-puntato > li, .vd-numerato > li { margin-bottom: .2rem; }

/* voci con la lettera o il numero scritti nel testo e il rientro sospeso */
.vd-voce { position: relative; padding-left: 2.2em; margin-bottom: .2rem; }
.vd-voce > .vd-segno { position: absolute; left: 0; }

.vd-figura { margin: 1rem 0; }
.vd-figura img { border: 1px solid #dee2e6; }
.vd-linea { margin: 1.5rem 0; }

/* note */
.vd-rif { font-size: .75em; }
.vd-rif a { text-decoration: none; }
.vd-note { margin-top: 2.5rem; font-size: .9rem; }
.vd-note ol { padding-left: 2em; }
.vd-note li { margin-bottom: .3rem; }
.vd-torna { text-decoration: none; }

/* nelle versioni gb ed es (node-tools/uish/traduci_corpi.py): in caso di discrepanza prevale l'italiano */
.vd-traduzione { margin-top: 2rem; font-size: .9rem; font-style: italic; color: #555; }