/* FAQ page */
.force-faq-hero p:not(.eyebrow) {
    max-width: 760px;
    margin: 12px 0 0;
    color: rgba(255,255,255,.72);
    font-size: var(--force-fs-body-lg, clamp(16px, 1.25vw, 19px));
    line-height: 1.34;
}
.force-faq-section {
    padding-top: clamp(22px, 3vw, 36px) !important;
}
.force-faq-accordion {
    display: grid;
    gap: clamp(12px, 1.6vw, 18px);
    width: 100%;
    max-width: none;
}
.force-faq-item {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: clamp(20px, 2.6vw, 30px);
    background:
        radial-gradient(circle at 18% 0%, rgba(255,38,63,.12), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
        rgba(0,0,0,.30);
    box-shadow: 0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
.force-faq-item summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(12px, 1.8vw, 20px);
    align-items: center;
    padding: clamp(18px, 2.4vw, 28px);
    color: #fff;
    cursor: pointer;
    list-style: none;
}
.force-faq-item summary::-webkit-details-marker { display: none; }
.force-faq-item summary > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 32px;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff263f 0%, #c40018 100%);
    box-shadow: 0 12px 26px rgba(255,38,63,.22);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .14em;
}
.force-faq-item h2 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(24px, 2.45vw, 38px) !important;
    line-height: .92 !important;
}
.force-faq-item summary > i {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.force-faq-item summary > i::before,
.force-faq-item summary > i::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    border-radius: 99px;
    background: #fff;
}
.force-faq-item summary > i::after {
    transform: rotate(90deg);
    transition: transform .18s ease;
}
.force-faq-item[open] summary > i {
    transform: rotate(180deg);
    border-color: rgba(255,38,63,.52);
    background: rgba(255,38,63,.16);
}
.force-faq-item[open] summary > i::after { transform: rotate(0deg); }
.force-faq-answer {
    display: grid;
    gap: 12px;
    padding: 0 clamp(18px, 2.4vw, 28px) clamp(20px, 2.5vw, 30px) clamp(72px, 7.5vw, 94px);
}
.force-faq-answer p {
    max-width: 760px;
    color: rgba(255,255,255,.74);
    font-weight: 760;
    line-height: 1.42;
}
.force-faq-answer strong {
    color: #fff;
    font-weight: 950;
}
.force-faq-answer ul {
    display: grid;
    gap: 7px;
    max-width: 760px;
    margin: 0;
    padding-left: 22px;
    color: rgba(255,255,255,.74);
    font-weight: 760;
    line-height: 1.42;
}
.force-faq-answer li::marker {
    color: #ff263f;
}
.force-faq-answer a {
    justify-self: start;
    color: #fff;
    font-weight: 950;
    text-decoration: underline;
    text-decoration-color: rgba(255,38,63,.82);
    text-underline-offset: 5px;
}
.force-faq-item summary:hover,
.force-faq-item summary:focus-visible {
    background: rgba(255,255,255,.045);
    outline: none;
}
@media (max-width: 900px) {
    .force-floating-header .primary-nav a {
        padding-inline: 9px;
    }
}
@media (max-width: 620px) {
    .force-faq-item summary {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
        padding: 16px;
    }
    .force-faq-item summary > span {
        min-width: 36px;
        height: 29px;
        font-size: 10px;
    }
    .force-faq-item h2 {
        font-size: clamp(24px, 7.4vw, 34px) !important;
    }
    .force-faq-item summary > i {
        width: 36px;
        height: 36px;
    }
    .force-faq-answer {
        padding: 0 16px 18px;
    }
}