.post-core-title {
    font-size: 27px;
    font-weight: bold;
}
.post-core {
    line-height: 1.6;
}
.post-core h1 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 1.8rem;
    margin-bottom: 1rem;
}
.post-core h2 {
    font-size: 25px;
    font-weight: bold;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
}
.post-core h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 1.1rem;
    margin-bottom: 1rem;
}
.post-core h1:first-child, .post-core h2:first-child, .post-core h3:first-child {
    margin-top: 0;
}
.post-core p {
    font-size: 18px;
    margin-bottom: 1rem;
}
.post-core pre {
    padding: 1rem;
}
.post-core img:not(.emoji) {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
/* ref: https://codepen.io/anthony-liddle/pen/eYpRavv */
.post-core hr {
    margin: 2rem auto;
    position: relative;
    height: 9px;
    width: 9px;
    border: transparent;
    overflow: visible;
    /* background-image: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><rect x="0.75" y="0.5" width="8" height="8" rx="4" fill="%231CB0A8" /></svg>'); */
}
.post-core hr:before {
    position: absolute;
    height: 9px;
    width: 10px;
    content: '';
    /* background-image: url('data:image/svg+xml;utf8,<svg width="10" height="9" viewBox="0 0 10 9" xmlns="http://www.w3.org/2000/svg"><path d="M3.91043 1.29752C4.30449 0.688518 5.19551 0.688519 5.58957 1.29752L9.25143 6.95675C9.68196 7.62211 9.20436 8.5 8.41186 8.5H1.08814C0.29564 8.5 -0.181954 7.62211 0.248574 6.95675L3.91043 1.29752Z" fill="%23FCB643" /></svg>'); */
    left: -20px;
}
.post-core hr:after {
    position: absolute;
    height: 9px;
    width: 9px;
    content: '';
    /* background-image: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><rect x="0.75" y="0.5" width="8" height="8" rx="1" fill="%23EF4056" /></svg>'); */
    right: -20px;
}
@media (min-width: 768px) {
    .post-core-title {
        font-size: 30px;
    }
    .post-core {
        line-height: 1.8;
    }
    .post-core h1 {
        font-size: 30px;
        margin-top: 2.25rem;
    }
    .post-core h2 {
        font-size: 27px;
        margin-top: 1.5rem;
    }
    .post-core h3 {
        font-size: 24px;
        margin-top: 1.25rem;
    }
    .post-core p {
        font-size: 20px;
    }
}

.post-core pre {
    background-color: #f1f3f5;
}
.post-core hr {
    background-image: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="3" height="3" rx="1.5" fill="%23212529" /></svg>');
}
.post-core hr:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="3" height="3" rx="1.5" fill="%23212529" /></svg>');
}
.post-core hr:after {
    background-image: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="3" height="3" rx="1.5" fill="%23212529" /></svg>');
}

.post-core li {
    font-size: 18px;
}
.post-core h4 {
    font-size: 20px;
}
.post-core h5 {
    font-size: 18px;
}
.post-core h6 {
    font-size: 16px;
}
@media (min-width: 768px) {
    .post-core li {
        font-size: 20px;
    }
    .post-core h4 {
        font-size: 22px;
    }
    .post-core h5 {
        font-size: 20px;
    }
    .post-core h6 {
        font-size: 18px;
    }
}
.post-core blockquote {
    padding-left: calc(1rem - 4px);
    border-left: solid 4px var(--oc-gray-3);
}

.post-core table {
    margin-bottom: 1rem;
}

.post-core table th, .post-core table td {
    border: 1px solid var(--oc-gray-3);
    padding: 8px 8px;
    min-width: 60px;
    font-size: 18px;
}

@media (min-width: 768px) {
    .post-core table th, .post-core table td {
        font-size: 20px;
    }
}

.btn.btn-default {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}
.btn.btn-default:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn.btn-default:active {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
}