.site-head[data-savoirs] { position: relative; overflow: hidden; }
.site-head[data-savoirs] > :not(.savoirs-cv):not(.savoirs-carte) { position: relative; z-index: 1; }
.savoirs-cv { position: absolute; z-index: 0; pointer-events: none; }
.site-head.savoirs-main { cursor: pointer; }
.site-head.savoirs-main a, .site-head.savoirs-main button { cursor: pointer; }
.savoirs-astuce { margin: 12px 0 0; text-align: center; font-size: 13px; color: #9FB0CC; }
.savoirs-carte { position: absolute; z-index: 5; transform: translateY(-100%); background: #0E2140; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; padding: 14px 16px; color: #fff; box-shadow: 0 18px 40px rgba(0,0,0,.4); animation: svIn .2s ease-out; cursor: pointer; }
.savoirs-carte .sv-type { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.savoirs-carte b { display: block; font-family: Fraunces, Georgia, serif; font-size: 20px; margin: 4px 0 6px; }
.savoirs-carte p { margin: 0 0 8px; font-size: 14px; line-height: 1.45; color: #D6DEEC; }
.savoirs-carte .sv-m { display: inline-block; font-size: 12px; padding: 3px 10px; border-radius: 99px; background: rgba(255,255,255,.1); color: #F2D58A; }
@keyframes svIn { from { opacity: 0; transform: translateY(calc(-100% + 6px)); } }