.yoice-fi{width:100%;min-width:0}
.yoice-fi-card{position:relative;width:100%;transform-style:preserve-3d;transition:transform .6s ease,height .6s ease;box-sizing:border-box}
.yoice-fi-front,.yoice-fi-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;min-width:0;width:100%}
.yoice-fi-front{position:relative}
.yoice-fi-front img{display:block;max-width:100%;height:auto}
.yoice-fi-back{position:absolute;top:0;left:0;right:0;transform:rotateY(180deg);padding:clamp(12px,2vw,24px);background:#f7f9f8;color:#26383a;border:1px solid #dce4e1;border-radius:5px;overflow:visible;max-height:none;height:auto}
.yoice-fi-back h3{font-size:1.1rem;margin:0 0 12px}
.yoice-fi.is-flipped .yoice-fi-card{transform:rotateY(180deg)}
.yoice-fi-table{border-collapse:collapse;width:100%;font-size:.9rem;table-layout:fixed}
.yoice-fi-table th,.yoice-fi-table td{text-align:left;vertical-align:top;padding:7px 9px;border-bottom:1px solid #dce4e1;overflow-wrap:anywhere;word-break:normal}
.yoice-fi-table th{width:30%;font-weight:600}
.yoice-fi-toggle{appearance:none;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;padding:8px 0;font:inherit;font-size:.85rem}
.yoice-fi-toggle:focus-visible{outline:2px solid #1c4f54;outline-offset:3px}
.yoice-fi:not(.is-flipped) .yoice-fi-back{visibility:hidden}
.yoice-fi.is-flipped .yoice-fi-front{visibility:hidden}
@media(max-width:480px){.yoice-fi-table{font-size:.82rem}.yoice-fi-table th,.yoice-fi-table td{padding:6px 5px}.yoice-fi-table th{width:34%}}
@media(prefers-reduced-motion:reduce){.yoice-fi-card{transition:none}}

/* Prevent hidden face from receiving pointer events during flips. */
.yoice-fi:not(.is-flipped) .yoice-fi-back{pointer-events:none}
.yoice-fi.is-flipped .yoice-fi-front{pointer-events:none}