@media screen {
    html {
        background: #f4f4f4;
        min-height: 100%;
    }
}
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
        'Open Sans', 'Helvetica Neue', sans-serif;
}
@media screen {
    body {
        background-color: #fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
        box-sizing: border-box;
        margin: 1rem auto 0;
        max-width: 820px;
        min-height: calc(100vh - 1rem);
        padding: 4rem 6rem 6rem 6rem;
    }
}
table {
    border-collapse: collapse;
}
table:not([cellpadding]) td,
table:not([cellpadding]) th {
    padding: 0.4rem;
}
table[border]:not([border='0']):not([style*='border-width']) td,
table[border]:not([border='0']):not([style*='border-width']) th {
    border-width: 1px;
}
table[border]:not([border='0']):not([style*='border-style']) td,
table[border]:not([border='0']):not([style*='border-style']) th {
    border-style: solid;
}
table[border]:not([border='0']):not([style*='border-color']) td,
table[border]:not([border='0']):not([style*='border-color']) th {
    border-color: #ccc;
}
figure figcaption {
    color: #999;
    margin-top: 0.25rem;
    text-align: center;
}
hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0 0;
}
.mce-content-body:not([dir='rtl']) blockquote {
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}
.mce-content-body[dir='rtl'] blockquote {
    border-right: 2px solid #ccc;
    margin-right: 1.5rem;
    padding-right: 1rem;
}
