@import "dxHelpers/reset";
@import "dxHelpers/text";

:host {
    --dx-c-formatted-rich-text-list-style-type-secondary: lower-alpha;
}

details summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary > * {
    display: inline;
}

/* hide '-' when collapsed & '+' when expanded */
details > summary > .expanded,
details[open] > summary > .collapsed {
    display: none;
}

/* show '-' when expanded */
details[open] > summary > .expanded {
    display: inline;
}

details:not(:first-of-type) {
    margin-top: var(--dx-g-spacing-lg);
}

.container {
    max-width: 840px;
    margin: 0 auto;
}

.faq-title {
    text-align: center;
    margin-bottom: var(--dx-g-spacing-lg);
}

.faq-content {
    padding: var(--dx-g-spacing-xl) 0;
}

.faq-body {
    margin: var(--dx-g-spacing-lg) 0;
}

dx-icon-badge {
    padding-left: var(--dx-g-spacing-lg);
}