.mystique-faq {
max-width: 900px;
margin: 0 auto;
font-family: Georgia, "Times New Roman", serif;
color: #e8dfcf;
}
.mystique-faq details {
border-bottom: 1px solid rgba(190,151,78,.45);
}
.mystique-faq summary {
position: relative;
padding: 19px 42px 19px 8px;
color: #d7b46c;
font-size: 19px;
font-weight: bold;
line-height: 1.45;
cursor: pointer;
list-style: none;
}
.mystique-faq summary::-webkit-details-marker {
display: none;
}
.mystique-faq summary::after {
content: "+";
position: absolute;
right: 10px;
top: 17px;
color: #d7b46c;
font-size: 25px;
font-weight: normal;
}
.mystique-faq details[open] > summary::after {
content: "−";
}
.mystique-faq summary:hover {
color: #f2d99e;
}
.mystique-faq summary:focus-visible {
outline: 2px solid #d7b46c;
outline-offset: 3px;
}
.mystique-faq .faq-answer {
padding: 0 12px 22px 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.8;
}
.mystique-faq .faq-answer p {
margin: 0 0 15px;
}
.mystique-faq .faq-answer p:last-child {
margin-bottom: 0;
}
.mystique-faq a {
color: #e4c17d;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 600px) {
.mystique-faq summary {
font-size: 17px;
padding-right: 36px;
}
.mystique-faq .faq-answer {
font-size: 15px;
line-height: 1.7;
}
}