.faq {
    margin: 32px 0;
}

.faq .question, .faq .answer {
    margin: 8px 0;
}

.faq-header {
    padding: 0 64px;
    text-align: center;
    line-height: 1.6em;
    margin-bottom: 32px;
}

.faq .expander {
    display: none;
}

.faq .expander.expanded {
    display: block;
}

.faq .box {
    display: inline-block;
    border: solid 1px #000000;
    
    font-size: 0.8em;
}

.faq .box a {
    display: block;
    padding: 4px 12px;
    text-decoration: none;
}

.faq a:visited {
    color: #000000;
}

.faq .question, .faq .answer, .faq .expand {
    display: flex;
    flex-direction: row;
}

.faq .question .num {
    font-weight: bold;
}

.faq .question .text {
    padding-left: 8px;
}

.faq .answer .text {
    line-height: 1em;
}

.faq .answer .expand .text {
    line-height: 1.2em;
}

.faq .box-wrapper, .faq .text-wrapper {
    padding: 8px 8px 8px 0;
}

.faq .text-wrapper {
    padding: 8px;
}

.faq .expand {
    margin-top: 8px;
}

.faq .expand .box-wrapper {
    padding: 0px 8px 8px 0;
}

.faq .answer>.box-wrapper {
    padding: 0 8px 8px 0;
}

.faq .text-wrapper {
    border: dashed 1px #000000;
}



@media only screen and (max-width: 600px) {
    .faq-header {
        padding: 0 24px;
    }

    .faq .answer, .faq .expand {
        display: block;
    }
}