.blog-article {
    h2 {
        font: 400 36px / 26px "Crimson Pro";
        margin: 0 0 35px;
        text-align: inherit;
    }
    h3 {
        font: 400 28px / 1.4 "Crimson Pro";
        margin: 0 0 25px;
        text-align: inherit;
    }
    p {
        font: 300 16px / 1.8 "Open Sans";
    }
    ul {
        margin: 0 0 40px;
        font: 300 16px "Open Sans";
        li {
            list-style: none;
            position: relative;
            float: left;
            width: 100%;
            padding-left: 30px;
            line-height: 1.8;
            font-size: inherit;
            font-family: "Open Sans";
            font-weight: 300;
            margin: 0 0 4px;
        }
    }
    ol {
        margin: 0 0 40px;
        padding-left: 13px;

        font: 300 16px "Open Sans";

        li {
            list-style: decimal;
            position: relative;
            float: left;
            width: 100%;
            padding-left: 13px;
            line-height: 1.8;
            font-size: inherit;
            font-family: "Open Sans";
            font-weight: 300;
            margin: 0 0 4px;

            &::before {
                width: unset;
                height: unset;
                top: unset;
            }
        }

        &::after {
            content: "";
            display: block;
            clear: both;
        }
    }
    a {
        text-decoration: underline;
    }

    .faq {
        margin-top: 60px;
    }
    .acc {
        padding: 40px;
        border-radius: 14px;
        margin-bottom: 40px;
        background: #e4eef3;

        display: flex;
        flex-direction: column;
        gap: 20px;

        h3,
        p {
            text-align: left;
            margin: 0;
        }

        .item {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
            padding-top: 0;
        }

        .item.open {
            max-height: 1000px;
            padding-top: 10px;
        }
    }
}