/* BAUVERIS Flip Cards 1.0.0 | GPL-2.0-or-later */
.bv-flip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bv-flip{--flip-accent:var(--mint,#afe6d5);--flip-bg:#102332;--flip-text:#eef6f5;perspective:1100px;min-width:0;border:0}
.bv-flip-inner{border:1px solid #a8e3d52e;border-radius:16px;background:var(--flip-bg)}
.bv-flip-face{padding:22px;border-radius:16px;min-width:0;color:var(--flip-text);box-sizing:border-box}
.bv-flip-front{width:100%;text-align:left;border:0;background:linear-gradient(135deg,#153443,var(--flip-bg));font:inherit;cursor:pointer}
.bv-flip-front .icon{width:30px;height:30px;color:var(--flip-accent);display:block;margin:0 0 23px}
.bv-flip-title{display:block;font-size:16px;font-weight:600;line-height:1.4;max-width:24ch}
.bv-flip-hint{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;letter-spacing:.04em;color:var(--flip-accent)}
.bv-flip-back{background:linear-gradient(135deg,#214c52,var(--flip-bg));display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.bv-flip-back p{font-size:12px;line-height:1.65;color:var(--flip-text);margin:0}
.bv-flip-back a{font-size:11px;font-weight:600;text-decoration:none;color:var(--flip-accent);display:inline-flex;align-items:center;gap:10px;min-height:40px}
.bv-flip-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}
.bv-flip-close{display:none;border:1px solid #afe6d54d;border-radius:50%;width:36px;height:36px;flex:none;background:transparent;color:var(--flip-text);font:18px sans-serif;cursor:pointer}
.bv-flip.flip-ready .bv-flip-close{display:block}
.bv-flip.flip-ready .bv-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.25,1);border:0;background:none}
.bv-flip.flip-ready .bv-flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:225px;border:1px solid #a8e3d52e}
.bv-flip.flip-ready .bv-flip-front{display:flex;flex-direction:column;justify-content:center;transform:rotateY(0deg)}
.bv-flip.flip-ready .bv-flip-back{transform:rotateY(180deg)}
.bv-flip.flip-ready.is-flipped .bv-flip-inner{transform:rotateY(180deg)}
.bv-flip :focus-visible{outline:2px solid var(--flip-accent);outline-offset:4px}
html[data-motion-paused=true] .bv-flip-inner{transition:none!important}
@media(max-width:1000px){.bv-flip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bv-flip-grid{gap:10px}.bv-flip-face{padding:17px}.bv-flip-title{font-size:14px}.bv-flip.flip-ready .bv-flip-face{min-height:235px}.bv-flip-back p{font-size:11px}.bv-flip-hint{font-size:9px}}
@media(max-width:370px){.bv-flip-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bv-flip-inner{transition:none!important}}