/* Auto-segmented: faq.css */

.faq .faq-list {
  display: grid;
    gap: 14px;
    margin-top: 18px;
}

.faq .qa summary {
  font-weight: 700;
    list-style: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    cursor: pointer;
}

.faq .qa summary::-webkit-details-marker {
  display: none;
}

.faq .qa[open] summary {
  opacity: .95;
}

.faq .qa summary span.title {
  flex: 1 1 auto;
}

.faq .qa summary::after {
  content: "";
    width: 18px;
    height: 18px;
    margin-left: auto;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat;
    opacity: .8;
    transition: transform .28s ease, opacity .2s ease;
}

.faq .qa[open] summary::after {
  transform: rotate(180deg);
    opacity: 1;
}

.faq .qa:focus-within {
  outline: none;
    outline-offset: 0;
}

.faq .qa.closing summary::after {
  transform: rotate(0deg);
    opacity: .8;
}

.faq .qa .answer {
  cursor: auto;
}

.faq .qa summary::marker {
  content: '';
}