.rendered_html {

    color: @text-color;
    em {font-style: italic;}
    strong {font-weight: bold;}
    u {text-decoration: underline;}
    :link {text-decoration: underline;}
    :visited {text-decoration: underline;}

    // For a 14px base font size this goes as:
    // font-size = 26, 22, 18, 14, 12, 12
    // margin-top = 14, 14, 14, 14, 8, 8
    h1 {font-size: 185.7%; margin: 1.08em 0 0 0; font-weight: bold; line-height: 1.0;}
    h2 {font-size: 157.1%; margin: 1.27em 0 0 0; font-weight: bold; line-height: 1.0;}
    h3 {font-size: 128.6%; margin: 1.55em 0 0 0; font-weight: bold; line-height: 1.0;}
    h4 {font-size: 100%; margin: 2em 0 0 0; font-weight: bold; line-height: 1.0;}
    h5 {font-size: 100%; margin: 2em 0 0 0; font-weight: bold; line-height: 1.0; font-style: italic;}
    h6 {font-size: 100%; margin: 2em 0 0 0; font-weight: bold; line-height: 1.0; font-style: italic;}

    // Reduce the top margins by 14px compared to above
    h1:first-child {margin-top: 0.538em;}
    h2:first-child {margin-top: 0.636em;}
    h3:first-child {margin-top: 0.777em;}
    h4:first-child {margin-top: 1em;}
    h5:first-child {margin-top: 1em;}
    h6:first-child {margin-top: 1em;}

    ul {list-style:disc; margin: 0em 2em; padding-left: 0px;}
    ul ul {list-style:square; margin: 0em 2em;}
    ul ul ul {list-style:circle; margin: 0em 2em;}
    ol {list-style:decimal; margin: 0em 2em; padding-left: 0px;}
    ol ol {list-style:upper-alpha; margin: 0em 2em;}
    ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
    ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
    /* any extras will just be numbers: */
    ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
    * + ul {margin-top: 1em;}
    * + ol {margin-top: 1em;}

    hr {
        color: @rendered_html_border_color;
        background-color: @rendered_html_border_color;
    }

    pre {margin: 1em 2em;}

    pre, code {
        border:             0;
        background-color:   @body-bg;
        color:              @text-color;
        font-size:          100%;
        padding:            0px;
    }

    blockquote {margin: 1em 2em;}

    table {
        margin-left: auto;
        margin-right: auto;
        border: 1px solid @rendered_html_border_color;
        border-collapse: collapse;
    }
    tr, th, td {
        border: 1px solid @rendered_html_border_color;
        border-collapse: collapse;
        margin: 1em 2em;
    }
    td, th {
        text-align: left;
        vertical-align: middle;
        padding: 4px;
    }
    th {font-weight: bold;}
    * + table {margin-top: 1em;}

    p {text-align: left;}
    * + p {margin-top: 1em;}

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    * + img {margin-top: 1em;}

    img, svg {
        max-width: 100%;
        height: auto;
        &.unconfined {
            max-width: none;
        }
    }
}
