/*
    Use like this:

    <!-- HUGO: Using figure shortcode -->
    {{< figure src="image.png" class="auto-width" alt="Alt text" >}}
*/
figure.auto-width img {
    width: auto;
}

/*
    Or use this:

    ![Alt text](image.jpg#auto-width)

    Thanks to https://discourse.gohugo.io/t/handling-images-size-aligning/1940/2
*/
img[src$='#auto-width'] {
    width: auto !important;
}

/*
 * pre > code (```) sections had too high lines and always scrollbars
 */
pre  code {
    line-height: 1.25;
}

pre, .pre {
    overflow: auto;
}

/*
 * Too much vertical space at the bottom of the page
 */
div.mt6.instapaper_ignoref {
    margin-top: 0;
}

main.pb7 {
    padding-bottom: 0;
}

/*
 * TOC: Even the first level will get 80% less, so make the whole thing
 * 1/80% == 125% so the first level will effectively be 100%
 */
#TableOfContents {
    font-size: 125%;
}

#TableOfContents ul {
    font-size: 80%;
}