img {max-width: 100%;}


/* tag usato per inserire codice */
pre {
    background-color:#3e3e3e;
    padding:1rem;
    border-radius:6px;
    border: 1px solid #444;
}

/* Layout */
.contenuto-xs {width:min(540px, 100%);margin-inline: auto;padding-left: 1rem;padding-right: 1rem;}
.contenuto-sm {width:min(720px, 100%);margin-inline: auto;padding-left: 1rem;padding-right: 1rem;}
.contenuto-md {width:min(1000px, 100%);margin-inline: auto;padding-left: 1rem;padding-right: 1rem;}
.contenuto-lg {width:min(1200px, 100%);margin-inline: auto;padding-left: 1rem;padding-right: 1rem;}


/* div che contiene le faq */
.faq-item {margin-bottom: .5rem;border-bottom:solid 1px rgb(var(--bs-secondary-rgb));padding-block: .5rem;} /* details */
.faq-question {cursor: pointer;font-weight: bold;}
.faq-answer {padding-left: .8rem;padding-block:.8rem;}


/* -------------------------------------------------- */
/* Stile per gli articoli */
/* -------------------------------------------------- */
#progress-bar-article { /* indicazione visiva di quanto manca al termine della lettura dell'articolo */
    position: fixed; top: 0; left: 0; height: 5px; 
    background-color:var(--bs-primary); 
    width: 0%; z-index: 1000;
}
.singolo-articolo {
    /* lista che contiene la table of contents */
    /* ul.toc li {margin-top:revert;} */
    
    /* li {margin-top:revert;} */
    ul.toc li.toc-h3 {margin-left:calc(1 * 1.5rem);}
    ul.toc li.toc-h4 {margin-left:calc(2 * 1.5rem);}
    ul.toc li.toc-h5 {margin-left:calc(3 * 1.5rem);}

    /* gruppo che contiene una serie di elementi dell'articolo */
    /* .group {margin-block: 2rem;} */

    /* div che contiene delle cta dentro l'articolo */
    .cta {padding:1.5rem;background-color: var(--bs-light-bg-subtle);border-radius: .5rem;}
}