/* 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);
}

/* content companion — hairline width for BS decor */
.content-companion__hair {
    width: 3rem;
}

/* numeric index column width on small screens */
.content-companion__index {
    min-width: 0;
}

.content-companion__index-digit {
    font-variant-numeric: tabular-nums;
}