.f12-faq {
            --faq-accent: var(--f12-color-brand-editorial);

            --faq-col-width: 820px;

            --faq-panel-pad: var(--f12-space-8);

            --faq-panel-width: calc(var(--faq-col-width) + var(--faq-panel-pad) * 2);

            --faq-open-bleed: clamp(0px, calc((100vw - var(--faq-panel-width)) / 2 - var(--f12-space-4)), 48px);
    background-color: var(--f12-color-surface-page);
    color: var(--f12-color-text-primary);
}
.f12-faq .faq-hero {
            padding: var(--f12-space-16) 0 0;
            background: var(--f12-color-surface-page);
            text-align: center;
        }
.f12-faq .faq-panel {
            max-width: var(--faq-panel-width);
            margin: 0 auto var(--f12-space-20);
            background: var(--f12-color-surface-page);
            border: 1px solid var(--f12-color-border-subtle);
            border-radius: var(--f12-radius-3, 18px);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03),
                        0 24px 48px -34px rgba(0, 0, 0, 0.22);
            padding: var(--f12-space-8) var(--faq-panel-pad) var(--f12-space-6);
        }
.f12-faq .faq-hero__content {
            max-width: 780px;
            margin: 0 auto;
            padding: 0 var(--f12-space-6);
            align-items: center;
        }
.f12-faq .faq-hero__lead {
            max-width: 700px;
            margin: 0 auto;
        }
.f12-faq .faq-filter-bar {
            position: relative;
            background: transparent;
            padding: 0;
        }
.f12-faq .faq-filter-bar__inner {
            max-width: none;
            margin: 0;
            padding: 0;
        }
.f12-faq .faq-chips-row {
            align-self: stretch;
            margin-top: var(--f12-space-6);
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: var(--f12-space-1);
            flex-wrap: wrap;
            position: relative;
            z-index: 1;
        }
.f12-faq .faq-filter-chip {
            appearance: none;
            cursor: pointer;
            padding: var(--f12-space-3) var(--f12-space-5);
            font-family: inherit;
            font-size: var(--f12-font-size-md);
            font-weight: var(--f12-font-weight-medium);
            line-height: 1.2;
            color: var(--f12-color-text-muted);
            background: transparent;
            border-style: solid;
            border-color: transparent;
            border-width: 2px 1px 0 1px;
            border-top-left-radius: var(--f12-radius-2, 10px);
            border-top-right-radius: var(--f12-radius-2, 10px);
            margin-bottom: -1px;
            transition: color var(--f12-duration-fast) var(--f12-ease-standard),
                        background-color var(--f12-duration-fast) var(--f12-ease-standard),
                        border-color var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .faq-filter-chip:hover {
            color: var(--f12-color-text-heading);
            background: rgba(0, 0, 0, 0.025);
        }
.f12-faq .faq-filter-chip.is-active {
            color: var(--f12-color-text-heading);
            font-weight: var(--f12-font-weight-semibold);
            background: var(--f12-color-surface-page);
            border-top-color: var(--faq-accent);
            border-left-color: var(--f12-color-border-subtle);
            border-right-color: var(--f12-color-border-subtle);
        }
.f12-faq .faq-summary-region {
            position: relative;
        }
.f12-faq .faq-summary {
            display: none;
            transition: opacity var(--f12-duration-normal) var(--f12-ease-standard);
        }
.f12-faq .faq-summary.is-active {
            display: block;
            animation: faqSummaryIn 300ms var(--f12-ease-standard);
        }
@keyframes faqSummaryIn {
            from { opacity: 0; transform: translateY(4px); }
            to { opacity: 1; transform: translateY(0); }
        }
.f12-faq .faq-summary__text {
            margin: 0;
        }
.f12-faq .faq-container {
            max-width: none;
            margin: var(--f12-space-6) 0 0;
            position: relative;
            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }
.f12-faq .faq-disclaimer {
            max-width: var(--faq-panel-width);
            margin: calc(-1 * var(--f12-space-12)) auto var(--f12-space-16);
            padding: 0 var(--f12-space-6);
            opacity: 0.82;
        }
.f12-faq .faq-empty {
            display: none;
            text-align: center;
            padding: var(--f12-space-16) var(--f12-space-6);
            color: var(--f12-color-text-secondary);
        }
.f12-faq .faq-empty.is-visible {
            display: block;
        }
.f12-faq .accordion-item {
            border-bottom: 1px solid rgba(0, 0, 0, 0.07);
            position: relative;
            contain: layout style;
            transition: border-color var(--f12-duration-normal) var(--f12-ease-standard),
                        opacity var(--f12-duration-normal) var(--f12-ease-standard),
                        box-shadow var(--f12-duration-normal) var(--f12-ease-standard),
                        padding var(--f12-duration-normal) var(--f12-ease-standard),
                        margin var(--f12-duration-normal) var(--f12-ease-standard);
        }
.f12-faq .accordion-item.is-open {
            margin: var(--f12-space-5) calc(-1 * (var(--faq-panel-pad) + var(--faq-open-bleed)));
            padding: var(--f12-space-3) var(--faq-panel-pad);
            background: var(--f12-color-surface-page);
            border: 1px solid var(--f12-color-border-subtle);
            border-radius: var(--f12-radius-3, 16px);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05),
                        0 28px 52px -24px rgba(0, 0, 0, 0.30);
            z-index: 2;
        }
.f12-faq .faq-container.has-open .accordion-item:not(.is-open):not(.is-hidden),
.f12-faq .faq-filter-bar.has-open-faq .faq-summary {
            opacity: 0.45;
        }
.f12-faq .accordion-item:last-child {
            border-bottom: none;
        }
.f12-faq .accordion-item.is-last-visible {
            border-bottom-color: transparent;
        }
.f12-faq .accordion-item.is-before-open {
            border-bottom-color: transparent;
        }
.f12-faq .accordion-item.is-hidden {
            display: none;
        }
.f12-faq .accordion-trigger {
            width: 100%;
            padding: var(--f12-space-3) 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: none;
            border: none;
            cursor: pointer;
            text-align: left;
            gap: var(--f12-space-4);
        }
.f12-faq .accordion-trigger:hover .accordion-title {
            color: var(--f12-color-text-heading);
        }
.f12-faq .accordion-trigger:hover .accordion-icon {
            color: var(--faq-accent);
        }
.f12-faq .accordion-trigger__meta {
            display: flex;
            align-items: center;
            gap: var(--f12-space-3);
            flex-shrink: 0;
        }
.f12-faq .accordion-title {
            margin: 0;

            font-size: var(--f12-font-size-md);
            font-weight: var(--f12-font-weight-medium);
            color: var(--f12-color-text-muted);
            transition: color var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .accordion-item.is-open .accordion-title {
            font-weight: var(--f12-font-weight-semibold);
            color: var(--f12-color-text-heading);
        }
.f12-faq .accordion-icon {
            flex-shrink: 0;
            width: 24px;
            height: 24px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform var(--f12-duration-normal) var(--f12-ease-standard);

            color: rgba(0, 0, 0, 0.28);
        }
.f12-faq .accordion-icon::before,
.f12-faq .accordion-icon::after {
            content: "";
            position: absolute;
            background-color: currentColor;
            border-radius: 1px;
        }
.f12-faq .accordion-icon::before {
            width: 10px;
            height: 1.5px;
        }
.f12-faq .accordion-icon::after {
            width: 1.5px;
            height: 10px;
            transition: transform var(--f12-duration-normal) var(--f12-ease-standard),
                        opacity var(--f12-duration-normal) var(--f12-ease-standard);
        }
.f12-faq .accordion-item.is-open .accordion-icon {
            transform: rotate(90deg);
            color: var(--faq-accent);
        }
.f12-faq .accordion-item.is-open .accordion-icon::before {
            transform: rotate(-90deg);
        }
.f12-faq .accordion-item.is-open .accordion-icon::after {
            transform: rotate(90deg);
            opacity: 0;
        }
.f12-faq .accordion-panel {
            display: grid;
            grid-template-rows: 0fr;
            overflow: hidden;
            transition: grid-template-rows 260ms cubic-bezier(0.4, 0, 1, 1);
            padding: 0;
        }
.f12-faq .accordion-item.is-open .accordion-panel {
            grid-template-rows: 1fr;
            transition: grid-template-rows 340ms cubic-bezier(0, 0, 0.2, 1);
        }
.f12-faq .accordion-panel-inner {
            overflow: hidden;
            min-height: 0;
        }
.f12-faq .video-wrapper {
            margin-top: var(--f12-space-6);
            border-radius: var(--f12-radius-2);
            overflow: hidden;
            aspect-ratio: 16/9;
            box-shadow: var(--f12-shadow-2);
        }
.f12-faq .video-wrapper iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
.f12-faq .accordion-content {
            border-top: 1px solid rgba(0, 0, 0, 0.06);
            padding-top: var(--f12-space-6);
            padding-bottom: var(--f12-space-8);
        }
.f12-faq .accordion-content > p {
            margin-bottom: var(--f12-space-4);
        }
.f12-faq .accordion-content > p:last-child {
            margin-bottom: 0;
        }
.f12-faq .accordion-content > p + .post-link,
.f12-faq .accordion-content > .post-link + .post-link {
            margin-top: var(--f12-space-4);
        }
.f12-faq .post-link {
            display: grid;
            grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) 18px;
            align-items: center;
            gap: var(--f12-space-4);
            position: relative;
            max-width: 760px;
            padding: var(--f12-space-2);
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: var(--f12-radius-2);
            background: rgba(0, 0, 0, 0.02);
            color: inherit;
            text-decoration: none;
        }
.f12-faq .post-link--text {
            grid-template-columns: minmax(0, 1fr) 18px;
            padding: var(--f12-space-4);
        }
.f12-faq .post-link img {
            display: block;
            width: 100%;
            min-width: 0;
            aspect-ratio: 16/9;
            border-radius: calc(var(--f12-radius-2) - 2px);
            object-fit: cover;
            transition: transform var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .post-link:hover img {
            transform: scale(1.04);
        }
.f12-faq .post-link__media {
            position: relative;
            overflow: hidden;
            border-radius: calc(var(--f12-radius-2) - 2px);
        }
.f12-faq .post-link__title {
            display: block;
            color: var(--f12-color-text-heading);
            font-size: var(--f12-font-size-md);
            font-weight: var(--f12-font-weight-semibold);
            line-height: 1.2;
        }
.f12-faq .post-link__excerpt {
            display: -webkit-box;
            margin-top: var(--f12-space-1);
            color: var(--f12-text-style-body-muted-color);
            font-size: var(--f12-text-style-body-sm-size);
            font-weight: var(--f12-text-style-body-sm-font-weight);
            line-height: var(--f12-text-style-body-sm-line-height);
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
.f12-faq .post-link__arrow {
            width: 9px;
            height: 9px;
            border-top: 2px solid var(--faq-accent);
            border-right: 2px solid var(--faq-accent);
            transform: rotate(45deg);
        }
.f12-faq .post-link .f12-media-play {
            --f12-media-play-icon-size: 0.84rem;
            --f12-media-play-bg: var(--f12-color-surface-overlay);
            --f12-media-play-border-color: var(--f12-color-border-on-overlay);
            --f12-media-play-shadow: var(--f12-shadow-overlay-soft);
            width: 2.7rem;
            height: 2.7rem;
            padding: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.86);
            z-index: 2;
            transition: opacity var(--f12-duration-fast) var(--f12-ease-standard),
                        transform var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .post-link .f12-media-play,
.f12-faq .post-link .f12-media-play::before,
.f12-faq .post-link .f12-media-play::after {
            animation: none;
        }
.f12-faq .post-link .f12-media-play::before,
.f12-faq .post-link .f12-media-play::after {
            display: none;
        }
.f12-faq .post-link .f12-media-play::before {
            display: block;
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 58%);
            pointer-events: none;
        }
.f12-faq .post-link:hover .f12-media-play {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
.f12-faq .post-link .f12-media-play--icon-article svg,
.f12-faq .post-link .f12-media-play--icon-article svg * {
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
        }
.f12-faq .tic {
            --tic-card-w: calc((100% - var(--f12-space-10)) / 3);
            --tic-image-center-y: 90px;
            position: relative;
            background: var(--f12-color-surface-page);
            border-top: 1px solid rgba(0, 0, 0, 0.08);
            padding: var(--f12-space-16) 0;
        }
.f12-faq .tic__inner {
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 var(--f12-space-6);
        }
.f12-faq .tic__head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: var(--f12-space-6);
            margin-bottom: var(--f12-space-8);
        }
.f12-faq .tic__head-text {
            flex: 1 1 auto;
            max-width: none;
            min-width: 0;
        }
.f12-faq .tic__eyebrow {
            display: block;
            margin-bottom: var(--f12-space-2);
        }
.f12-faq .tic__title {
            margin: 0 0 var(--f12-space-2);
        }
.f12-faq .tic__lead {
            margin: 0;
            max-width: none;
        }
.f12-faq .tic-carousel {
            position: relative;
        }
.f12-faq .tic-arrow {
            position: absolute;
            top: var(--tic-image-center-y);
            z-index: 3;
            width: 42px;
            height: 42px;
            min-width: 42px;
            min-height: 42px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 0;
            box-sizing: border-box;
            appearance: none;
            border-radius: 50%;
            border: 1px solid var(--f12-color-border-subtle);
            background: var(--f12-color-surface-page);
            color: var(--f12-color-text-heading);
            cursor: pointer;
            box-shadow: var(--f12-shadow-surface-subtle);
            transition: background var(--f12-duration-fast) var(--f12-ease-standard),
                        border-color var(--f12-duration-fast) var(--f12-ease-standard),
                        color var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .tic-arrow--prev {
            left: 0;
            transform: translate(-50%, -50%);
        }
.f12-faq .tic-arrow--next {
            right: 0;
            transform: translate(50%, -50%);
        }
.f12-faq .tic-arrow:hover {
            background: var(--f12-color-surface-subtle);
            border-color: var(--f12-color-border-strong);
        }
.f12-faq .tic-arrow[disabled] {
            opacity: 0;
            pointer-events: none;
        }
.f12-faq .tic-arrow svg {
            display: block;
            width: 18px;
            height: 18px;
            margin: 0;
            flex: 0 0 18px;
        }
.f12-faq .tic-rail {
            display: flex;
            gap: var(--f12-space-5);
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            padding-bottom: var(--f12-space-2);
            scrollbar-width: none;
        }
.f12-faq .tic-rail::-webkit-scrollbar { display: none; }
.f12-faq .tic-card {
            display: block;
            flex: 0 0 var(--tic-card-w);
            scroll-snap-align: start;
            text-decoration: none;
            color: inherit;
            transition: transform var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .tic-card:hover {
            transform: translateY(-3px);
        }
.f12-faq .tic-card--text {
            padding: var(--f12-space-4);
            border: 1px solid var(--f12-color-border-subtle);
            border-radius: var(--f12-radius-2, 14px);
            background: var(--f12-color-surface-subtle);
        }
.f12-faq .tic-card__media {
            display: block;
            position: relative;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            background: var(--f12-color-surface-subtle);
            border-radius: var(--f12-radius-2, 14px);
            box-shadow: var(--f12-shadow-surface-subtle);
        }
.f12-faq .tic-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform var(--f12-duration-normal) var(--f12-ease-standard);
        }
.f12-faq .tic-card:hover .tic-card__media img { transform: scale(1.04); }
.f12-faq .tic-card .f12-media-play {
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.88);
            transition: opacity var(--f12-duration-fast) var(--f12-ease-standard),
                        transform var(--f12-duration-fast) var(--f12-ease-standard);
        }
.f12-faq .tic-card:hover .f12-media-play,
.f12-faq .tic-card:focus-visible .f12-media-play,
.f12-faq .tic-card:focus-within .f12-media-play {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
.f12-faq .tic-card__body {
            display: block;
            padding: var(--f12-space-4) var(--f12-space-3) 0;
        }
.f12-faq .tic-card__title {
            display: block;
            margin: 0 0 var(--f12-space-1);
            color: var(--f12-color-text-heading);
            font-size: var(--f12-font-size-md);
            font-weight: var(--f12-font-weight-semibold);
            line-height: 1.25;
        }
.f12-faq .tic-card__desc {
            display: block;
            margin: 0;
        }
.f12-faq .tic-cta {
            flex: 0 0 auto;
            min-width: 0;
        }
.f12-faq .tic-cta svg { width: 18px; height: 18px; }
@media (max-width: 900px) {
.f12-faq .tic {
                --tic-card-w: calc((100% - var(--f12-space-5)) / 2);
                --tic-image-center-y: 13vw;
            }
        }
@media (max-width: 768px) {
.f12-faq .faq-hero {
                padding: var(--f12-space-12) 0 0;
                position: relative;
                z-index: 5;
                overflow: visible;
            }
.f12-faq .faq-panel {
                --faq-panel-pad: var(--f12-space-5);
                margin: 0 var(--f12-space-4) var(--f12-space-12);
                padding: var(--f12-space-6) var(--faq-panel-pad);
                border-radius: var(--f12-radius-2, 14px);
            }
.f12-faq .faq-disclaimer {
                margin: calc(-1 * var(--f12-space-6)) var(--f12-space-4) var(--f12-space-10);
                padding: 0 var(--f12-space-5);
            }
.f12-faq .faq-container {
                margin-top: var(--f12-space-5);
            }
.f12-faq .accordion-trigger {
                padding: var(--f12-space-3) 0;
            }
.f12-faq .accordion-panel {
                padding: 0;
            }
.f12-faq .accordion-content {
                padding-bottom: var(--f12-space-6);
            }
.f12-faq .post-link {
                grid-template-columns: 104px minmax(0, 1fr) 16px;
            }

        }
@media (max-width: 640px) {
.f12-faq .faq-hero {
                padding-bottom: 0;
            }
.f12-faq .faq-chips-row {
                width: calc(100vw - var(--f12-space-8));
                max-width: var(--faq-panel-width);
                align-self: center;
                justify-content: flex-start;
                flex-wrap: nowrap;
                gap: var(--f12-space-1);
                overflow-x: auto;
                overflow-y: hidden;
                scroll-snap-type: x proximity;
                scroll-padding-inline: var(--f12-space-2);
                overscroll-behavior-x: contain;
                -webkit-overflow-scrolling: touch;
                padding: 0 var(--f12-space-2);
                margin-top: var(--f12-space-6);
                scrollbar-width: none;
                -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
                mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
            }
.f12-faq .faq-chips-row::-webkit-scrollbar {
                display: none;
            }
.f12-faq .faq-filter-chip {
                flex: 0 0 auto;
                scroll-snap-align: start;
                padding: var(--f12-space-3) var(--f12-space-4);
                white-space: nowrap;
            }
.f12-faq .faq-filter-chip.is-active {
                position: relative;
                border-bottom-color: var(--f12-color-surface-page);
            }
.f12-faq .faq-filter-chip.is-active::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                height: 2px;
                background: var(--f12-color-surface-page);
            }
.f12-faq .tic {
                --tic-card-w: 100%;
                --tic-image-center-y: 26vw;
                padding: var(--f12-space-16) 0 var(--f12-space-10);
            }
.f12-faq .tic__head {
                flex-direction: column;
                align-items: flex-start;
                margin-bottom: var(--f12-space-6);
            }
.f12-faq .tic-arrow--prev {
                left: 0;
                transform: translate(-50%, -50%);
            }
.f12-faq .tic-arrow--next {
                right: 0;
                transform: translate(50%, -50%);
            }
        }