/* ==========================================================
   FAQ PAGE
   ========================================================== */

.fr-faq {
    --fr-faq-font:
            "Iowan Old Style",
            Iowan,
            "Palatino Linotype",
            Palatino,
            Georgia,
            serif;

    box-sizing: border-box;

    min-height: 100vh;

    background: #f7f7f5;

    font-family:
            var(--fr-faq-font);
}

.fr-faq .article {
    max-width: 76rem;

    margin:
            0
            auto;

    padding:
            8rem
            3rem
            12rem;
}

.fr-faq .article-header {
    margin:
            0
            0
            5rem;
}

.fr-faq .article-title {
    margin: 0;

    color: #161616;

    font-family:
            var(--fr-faq-font);

    font-size: 4.6rem;
    font-weight: 600;
    line-height: 1;
}

.fr-faq .article-excerpt {
    max-width: 62rem;

    margin:
            1.8rem
            0
            0;

    color: #5d5d5d;

    font-family:
            var(--fr-faq-font);

    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.45;
}

.fr-faq .gh-content {
    max-width: 68rem;

    color: #171717;

    font-family:
            var(--fr-faq-font);

    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.58;
}

.fr-faq .gh-content h2,
.fr-faq .gh-content h3 {
    margin:
            5rem
            0
            1.3rem;

    color: #141414;

    font-family:
            var(--fr-faq-font);

    font-weight: 500;
    line-height: 1.2;
}

.fr-faq .gh-content h2:first-child,
.fr-faq .gh-content h3:first-child {
    margin-top: 0;
}

.fr-faq .gh-content h2 {
    font-size: 2.45rem;
}

.fr-faq .gh-content h3 {
    font-size: 2.2rem;
}

.fr-faq .gh-content p {
    margin:
            0
            0
            2.2rem;

    font-weight: 400;
}

.fr-faq .gh-content code {
    padding:
            0.18em
            0.42em;

    border:
            1px solid
            #d4dde3;

    border-radius: 0.4rem;

    background: #eef3f6;

    color: #1f2830;

    font-size: 0.82em;
}

@media (max-width: 700px) {
    .fr-faq .article {
        padding:
                6rem
                2.2rem
                8rem;
    }

    .fr-faq .article-title {
        font-size: 3.8rem;
    }

    .fr-faq .gh-content {
        font-size: 1.55rem;
    }

    .fr-faq .gh-content h2 {
        font-size: 2.25rem;
    }
}