/* Shared static-template heading treatment for posts and categories. */
main#main.article-heading-style h2 {
    position: relative;
    display: block;
    min-height: 36px;
    padding: 0 67px 9px 0;
    margin: 32px 0 16px;
    color: #07523f;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.7;
    text-align: right;
    border: 0;
    background: none;
}

main#main.article-heading-style h2::before {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 55px;
    height: 36px;
    background: url('../article-heading-mark.svg') center / contain no-repeat;
    border: 0;
    border-radius: 0;
    transform: none;
}

main#main.article-heading-style h2::after {
    content: '';
    position: absolute;
    right: 25px;
    bottom: 1px;
    width: 125px;
    height: 1px;
    background: linear-gradient(to left, #c49a41, #c49a4180, transparent);
    border: 0;
    transform: none;
}

main#main.article-heading-style h2 > .h2-mark {
    display: none;
}

main#main.article-heading-style h2 :is(span, strong, a) {
    color: inherit;
}

@media (max-width: 640px) {
    main#main.article-heading-style h2 {
        padding-right: 53px;
        font-size: 21px;
        margin-top: 26px;
    }

    main#main.article-heading-style h2::before {
        width: 43px;
        height: 30px;
        top: 3px;
    }

    main#main.article-heading-style h2::after {
        right: 20px;
        width: 100px;
    }
}