.main {
    padding: 0 .5em;
    line-height: 1.5em;

    h2 {
        &:hover {
            .permalink:after {
                visibility: visible;
            }
        }

        .permalink:after {
            content: '\b6';
            font-size: .7em;
            padding: .5em;
            visibility: hidden;
        }
    }

    blockquote {
        margin: 1em 0 1em 1em;
        font-style: italic;

        @media screen and (min-width: 24em) {
            margin: 1.5em;
        }
    }

    ul, ol {
        margin-left: 0;
        padding-left: 2rem;
    }

    table {
        border-collapse: collapse;
        
        @media screen and (min-width: 24em) {
            margin: 1.5em;
        }

        td {
            border: 1px solid #444;
            padding: .5em;
            vertical-align: top;
            @media screen and (min-width: 24em) {
                padding: 1em;
            }
        }
    }

    li {
        margin: .5em;
    }

    img {
        display: block;
        max-width: 100%;
        margin: 1em 0;
    }

    td img {
        max-width: 8em;
    }
}