/* Floating vertical social bar — pinned to the right edge on every page.
   Loaded by the SocialFloat component so it works regardless of which
   page-level stylesheet is present. */
.social-float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:2px}
.social-float a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#FFD400;font-size:20px;text-decoration:none;transition:background 0.2s,color 0.2s}
.social-float a:first-child{border-top-left-radius:10px}
.social-float a:last-child{border-bottom-left-radius:10px}
.social-float a:hover{background:#FFD400;color:#0a0a0a}

@media(max-width:768px){
  .social-float a{width:36px;height:36px;font-size:17px}
}