/* FAQ v15 — CSS flip card mechanics for Bootstrap branch */
.faq-flip__card-outer {
    perspective: 1000px;
    min-height: 12rem;
}

.faq-flip__card-inner {
    transform-style: preserve-3d;
    transition: transform 0.7s ease;
}

.faq-flip__card-outer:hover .faq-flip__card-inner {
    transform: rotateY(180deg);
}

.faq-flip__face {
    backface-visibility: hidden;
}

.faq-flip__face--back {
    transform: rotateY(180deg);
}

/* contact-editorial — dt label width responsive (TW md:w-40 has no BS flex util) */
@media (min-width: 768px) {
    .contact-editorial__dt {
        width: 10rem;
        flex-shrink: 0;
    }
}

/* contact-editorial — decorative background symbol (inherited text color + opacity) */
.contact-editorial__decor::before {
    content: '@';
    font-size: 40vw;
    font-weight: 900;
    opacity: 0.04;
    position: absolute;
    top: -10%;
    right: -5%;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}