/* Standalone 3D flip: both faces share a grid cell, so long backs determine height. */
.flip-card{position:relative;min-width:0;perspective:800px;color:var(--flip-ink,#4a2141)}
.flip-card:hover,.flip-card:focus-within{z-index:3}
.flip-card__inner{display:grid;grid-template-columns:minmax(0,1fr);height:100%;transform-style:preserve-3d;transform:rotateY(0deg)}
.flip-card[data-flip-animate="true"] .flip-card__inner{transition:transform var(--flip-duration,700ms) ease-in-out}
.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}
.flip-card__face{grid-area:1/1;min-width:0;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-wrap:anywhere}
:where(.flip-card__face){border:2px solid var(--flip-ink,#4a2141);border-radius:var(--flip-radius,28px);padding:28px 20px 32px;text-align:center}
.flip-card__front{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;margin:0;border:2px solid var(--flip-ink,#4a2141);border-radius:var(--flip-radius,28px);background:var(--flip-color,#e8def8);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;transform:rotateY(0deg)}
.flip-card__question{display:block;font:inherit;font-size:clamp(76px,8vw,104px);line-height:1.1;letter-spacing:0;pointer-events:none}
.flip-card__back{position:relative;transform:rotateY(180deg);background:var(--flip-back-color,#fff8ed)}
.flip-card__return{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid #4a21412b;border-radius:50%;background:var(--flip-back-color,#fff8ed);color:inherit;cursor:pointer;touch-action:manipulation}
.flip-card__return svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.flip-card__return[hidden]{display:none}
.flip-card__front:focus-visible,.flip-card__return:focus-visible{outline:3px solid var(--flip-ink,#4a2141);outline-offset:5px}
.flip-card[data-flip-animate="false"] .flip-card__inner{transition:none}
@media(prefers-reduced-motion:reduce){
 .flip-card .flip-card__inner{transition:none!important;transform:rotateY(180deg)!important}
 .flip-card .flip-card__front{visibility:hidden}
}