/*
Table of contents
1. Responsive tables
2. Generated media
3. Table of contents
*/

.rankweaver-table-responsive { overflow-x: auto; margin-bottom: 1.5em; -webkit-overflow-scrolling: touch; }
.rankweaver-table-responsive table { width: 100%; min-width: 500px; border-collapse: collapse; }
.rankweaver-table-responsive th, .rankweaver-table-responsive td { padding: .75em; border: 1px solid #ddd; text-align: left; }
.rankweaver-table-responsive thead { background: #f5f5f5; }
.rankweaver-inline-image, .rankweaver-infographic { max-width: 88%; margin: 1.75em auto; text-align: center; }
.rankweaver-inline-image img, .rankweaver-infographic img { max-width: 100%; height: auto; border-radius: 6px; }
.rankweaver-inline-image figcaption { margin-top: .5em; color: #666; font-size: .85em; }
.rankweaver-toc { margin: 1.5em 0 2em; padding: 1.5em 2em; border: 1px solid #e9ecef; border-radius: 8px; background: #f8f9fa; }
.rankweaver-toc h3 { margin: 0 0 .75em; font-size: 1.1em; }
.rankweaver-toc ol { margin: 0; padding-left: 1.5em; }
.rankweaver-toc li { margin-bottom: .4em; }

@media (max-width: 600px) {
	.rankweaver-table-responsive table { min-width: 100%; font-size: 14px; }
	.rankweaver-table-responsive th, .rankweaver-table-responsive td { padding: .5em; }
	.rankweaver-inline-image, .rankweaver-infographic { max-width: 100%; }
}