/* Pagine di Termini d'uso e Informativa privacy: il foglio del documento e l'elenco delle versioni.
   Colori, intestazione e piè di pagina vengono dal CSS del sito (css/site_*.css), caricato prima di questo */
/* intestazione e piè di pagina allineati al foglio (rem: il piè di pagina ha un font più piccolo) */
.wrap-doc { max-width: calc(48rem + 48px); }

/* il piè di pagina resta in fondo anche con un documento corto */
body[data-document] { display: flex; flex-direction: column; min-height: 100vh; }
body[data-document] .site-footer { margin-top: auto; }

.docs-main {
    width: 100%;
    max-width: 48rem;
    margin: 1.5em auto;
    padding: 1.5em 1.5em 2em;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 1px 4px rgba(51, 51, 51, 0.12);
    overflow-wrap: break-word;
}
.docs-main h1 { color: var(--oliva); font-size: 1.6em; line-height: 1.25; margin: 0 0 0.3em; }
.docs-meta { color: var(--oliva); font-size: 0.9em; margin: 0 0 1.5em; padding-bottom: 1em; border-bottom: 2px solid var(--crema); }
.docs-text p { margin: 0 0 1em; }
.docs-text h2, .docs-text h3, .docs-text h4 { color: var(--oliva); line-height: 1.3; margin: 1.4em 0 0.5em; }
.docs-text a, .docs-versions a { color: var(--oliva); }
.docs-text img { max-width: 100%; height: auto; }
.docs-text table { border-collapse: collapse; max-width: 100%; }
.docs-text td, .docs-text th { border: 1px solid var(--crema); padding: 0.3em 0.5em; }

.docs-status { color: var(--oliva); font-style: italic; }
.docs-message { border-left: 4px solid var(--pera); background: var(--crema-chiara); padding: 0.8em 1em; border-radius: 0 8px 8px 0; }
.docs-message p { margin: 0 0 0.8em; }
.docs-button {
    display: inline-block;
    background: var(--oliva);
    color: #ffffff;
    border: 0;
    border-radius: 999px;
    padding: 0.5em 1.2em;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.docs-button:hover { background: var(--pera); }

.docs-versions { margin-top: 2.5em; padding-top: 1em; border-top: 2px solid var(--crema); }
.docs-versions h2 { color: var(--oliva); font-size: 1.1em; margin: 0 0 0.6em; }
.docs-versions ol { list-style: none; margin: 0; padding: 0; }
.docs-versions li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2em 0.8em; padding: 0.5em 0.75em; border-left: 4px solid transparent; border-radius: 0 6px 6px 0; }
.docs-versions li + li { margin-top: 0.2em; }
.docs-versions li.docs-current { background: var(--crema); border-left-color: var(--pera); }
.docs-version { font-weight: 700; }
.docs-date { color: #555555; font-size: 0.9em; }
.docs-badge { background: var(--oliva); color: #ffffff; font-size: 0.75em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.1em 0.6em; border-radius: 999px; }

/* sul telefono il foglio occupa tutta la larghezza */
@media (max-width: 52em) {
    .docs-main { flex-grow: 1; margin: 0; border-radius: 0; box-shadow: none; padding: 1.25em 16px 1.75em; }
}