/* Jump list built from the section headings on the page.

   Ported from the old theme's `#toc_container`: a box outlined in a thick pale
   grey rule that shrinks to its content, a titled header with a rule under it,
   and a single decimal-numbered column. The title icon was a Material Icons
   glyph on live and is a background SVG here, since the theme loads no
   webfonts. */
.table-of-contents { clear: both; display: block; margin: 30px 0 -20px 0; padding: 15px; border: 5px solid #eeeeee; }
.table-of-contents .table-of-contents-title { display: block; margin-bottom: 10px; padding-left: 26px; border-bottom: 1px solid #eeeeee; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 6px; background-size: 21px 21px; color: #000000; font-size: 21px; font-weight: 700; line-height: 1.4; text-transform: none; }
.table-of-contents ul { margin: 0; padding: 0; }
.article-content .table-of-contents ul { list-style: none; }
.article-content .table-of-contents li { display: list-item; width: auto; margin: 4px 0; padding: 0; line-height: 1.4; list-style-type: decimal; list-style-position: inside; }
.article-content .table-of-contents li:before { display: none; content: none; }
.table-of-contents li::marker { color: #666666; }
.table-of-contents a { color: #000000; font-weight: 400; text-decoration: none; }
.table-of-contents a:hover { text-decoration: underline; }

@media (min-width: 641px) {
  .table-of-contents { display: inline-block; padding: 15px 30px; }
}