/* Clear View palette and inherited type; interaction follows 617's FAQs. */
:root {
    --cubicBez: cubic-bezier(.36, .01, .1, 1.01);
}

.clbr-faq-content > .txt-img-heading,
.clbr-faq-content > .clbr-faq-list {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
}

.clbr-faq-content > .txt-img-heading {
    text-align: center;
}

.clbr-faq-list {
    display: grid;
    gap: 1rem;
}

.clbr-faq-item {
    min-width: 0;
}

.clbr-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 4.75rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--mintdark);
    border-radius: 1rem;
    background: var(--white);
    color: var(--darkbluetext);
    font: inherit;
    text-align: left;
    list-style: none;
    cursor: pointer;
    transition: color 200ms var(--cubicBez), background-color 200ms var(--cubicBez), border-color 200ms var(--cubicBez);
}

.clbr-faq-question::-webkit-details-marker {
    display: none;
}

.clbr-faq-question > h3 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-family: inherit;
    line-height: 1.3;
    min-width: 0;
}

.clbr-faq-question:hover {
    background: var(--gold);
    border-color: var(--gold);
}

.clbr-faq-question:focus-visible {
    outline: 2px solid var(--brandgreen);
    outline-offset: 3px;
}

.clbr-faq-item[open]:not([data-faq-managed]) > .clbr-faq-question,
.clbr-faq-item[data-expanded="true"] > .clbr-faq-question {
    background: var(--gold);
    border-color: var(--gold);
    color: var(--darkbluetext);
}

.clbr-faq-icon {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.clbr-faq-icon svg {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 330ms var(--cubicBez);
}

.clbr-faq-item[open]:not([data-faq-managed]) .clbr-faq-icon svg,
.clbr-faq-item[data-expanded="true"] .clbr-faq-icon svg {
    transform: rotate(45deg);
}

.clbr-faq-panel {
    overflow: hidden;
}

.clbr-faq-panel[inert] {
    pointer-events: none;
}

.clbr-faq-answer-wrap {
    padding-top: .5rem;
}

.clbr-faq-answer {
    padding: 1.5rem;
    border-radius: 1rem;
    background: var(--white);
    color: var(--darkbluetext);
}

.clbr-faq-answer > :first-child { margin-top: 0; }
.clbr-faq-answer > :last-child { margin-bottom: 0; }
.clbr-faq-answer a {
    color: var(--brandgreen);
    text-decoration: underline;
    text-underline-offset: .15em;
}

@media (prefers-reduced-motion: reduce) {
    .clbr-faq-question,
    .clbr-faq-icon svg { transition: none; }
}