.faqList > h2 {
    display: none;
}

/**
 * FAQ index
 */

.faqList .index {
    margin-inline: 0;
    margin-block: 0 var(--marginSmallMedium);
    padding-inline: 0;
    padding-block: 0 var(--marginSmallMedium);
    list-style: none;
    border-bottom: 1px solid var(--baseLight350);
}

.faqList .index a {
    display: inline-block;
    color: var(--websiteTextColor);
    text-decoration: none;
}

.faqList .index li + li a {
    padding-block-start: var(--marginExtraSmall);
}

.faqList .index a:hover {
    text-decoration: underline;
}

.faqList .index a:before {
    display: inline-block;
    margin-right: .4rem;
    opacity: .5;
    content: '\e802';
    font-family: var(--iconFont);
}

/**
 * FAQ item
 */

.faqItem {
    display: flex;
    flex-direction: column;
    margin-block-end: var(--marginSmall);
    padding-block-end: var(--marginSmall);
    border-bottom: 1px solid var(--baseLight350);
}

.faqItem h3 {
    margin-block-end: var(--marginSmall);
}

.modified {
    display: block;
    order: 1;
    margin-block-end: var(--marginExtraSmall);
    font-size: var(--labelSize);
    font-style: normal;
    color: var(--baseDark200);
}

p.faqBackLink {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    order: 2;
}

p.faqBackLink a {
    display: inline-block;
    font-size: var(--labelSize);
    color: var(--baseDark200);
    text-decoration: none;
}

a.faqBackLink:hover {
    text-decoration: underline;
}

p.faqBackLink a:after {
    display: inline-block;
    margin-inline-start: var(--marginExtraSmall);
    content: '\e803';
    font-family: var(--iconFont);
}

p.faqBackLink .icon {
    display: none;
}

@media (min-width: 512px) {
    .faqItem {
        position: relative;
        padding-block-end: var(--marginMedium);
    }

    .modified {
        position: absolute;
        bottom: var(--marginExtraSmall);
        margin: 0;
    }

    p.faqBackLink {
        position: absolute;
        right: 0;
        bottom: var(--marginExtraSmall);
    }
}