Module:minitoc/styles.css

.minitoc {
	max-width: 40em;
	margin: 0.5em 0;
}

.minitoc .NavHead {
	padding: 0.25em 0.5em;
}

.minitoc .NavContent {
	padding: 0.5em;
}

.minitoc a {
    white-space: nowrap;
}

/* Default behaviour: hide miniTOC if 1-19 L2s and hide TOC if 20+ L2s. */
, , , , , , , , , , , , , , , , , ,  {
    display: none;
}

:not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not():not() {
    display: none;
}

/* In Vector 2022: hide miniTOC if there are 1-9 L2s and always show TOC. */
/* This overrides the default miniTOC style. It is not necessary to override the default TOC style as it already gets invalidated. */
body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022 , body.skin-vector-2022  {    
    display: block;
}

/* On mobile with width < 720px: hide miniTOC if there are 1-4 L2s, and hide TOC if 5+ L2s. */
/* This overrides the default miniTOC and TOC styles. */
@media screen and (max-width: 719px) {
    body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva , body.skin-minerva  {
        display: block;
    }

    body.skin-minerva :not():not():not():not() {
        display: block;
    }
}