.main__wrapper > .post-content {
    width: 100%;
    max-width: 76ch;
    margin: 0 auto;
    padding: 0 1rem 3rem;
}

.main__wrapper > .post-content h1 {
    margin: 0.45rem 0 1.35rem;
    color: #081f5e;
    font-size: clamp(1.9rem, 3.2vw, 2.6rem);
    line-height: 1.15;
    text-align: left;
}

.main__wrapper > .post-content h2 {
    margin: 2.1rem 0 0.75rem;
    color: #173f50;
    font-size: clamp(1.4rem, 2.4vw, 1.8rem);
    line-height: 1.28;
}

.main__wrapper > .post-content h3 {
    margin: 1.6rem 0 0.6rem;
    color: #173f50;
    font-size: 1.2rem;
    line-height: 1.35;
}

.main__wrapper > .post-content h2 + p,
.main__wrapper > .post-content h3 + p {
    margin-top: 0;
}

.main__wrapper > .post-content hr {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid #d8dfe2;
}

@media screen and (max-width: 768px) {
    .main__wrapper > .post-content {
        padding: 0 0.25rem 2rem;
    }

    .main__wrapper > .post-content h1 {
        font-size: clamp(1.7rem, 7vw, 2.2rem);
    }
}