<style>
    /* --==## modeled off of Wikipedia, but slightly simplified ##==-- */
    .toc {
        display: table;
        padding: 7px;
        border: 1px solid #a2a9b1;
        background-color: #f8f9fa;
        font-size: 95%;
        /* my own tweaks */
        margin-left: 2em;
    }
    .toctitle {
        text-align: center;
        font-weight: bold;
    }
    .toc ul {
        margin: 0.3em 0;
        padding-left: 1em;
    }
    .toc li {
        margin-bottom: 0.1em;
    }
    @-moz-document url-prefix() {   /* Firefox Android */
        @media (pointer:coarse) {   /* Firefox Android */
            .toc {
                width: 40em;
                display: block;
            }
            .toc ul {margin-left:3em}

            @media (min-aspect-ratio: 8/5) {
                .toc {width:25em}
            }
        }
    }
</style>

<div class="toc">
<div class="toctitle">Contents</div>
<ul>
<li><a href="#heating_methods"  >Heating methods</a></li>
<li><a href="#cutting_tools"    >Cutting tools</a></li>
<li><a href="#mold_making"      >Mold-making / casting</a></li>
<li><a href="#other_materials"  >Adhering to other materials</a></li>
<li><a href="#sheets"           >Making sheets</a></li>
<li><a href="#similar_articles" >Similar articles</a></li>
<li><a href="#contact_me"       >Comments? Suggestions?</a></li>
</ul>
</div>