/* HYEDRAM reference-inspired social bar: all nine pages */
:root{--hye-social-idle:#f3f3f6;--hye-social-gold:#e6b923;--hye-social-bg:#333443}
.social-icons{display:flex!important;align-items:center!important;justify-content:flex-end;gap:13px!important;flex-wrap:nowrap}
.social-icons>a{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:29px;height:29px;padding:3px;border-radius:50%;color:var(--hye-social-idle)!important;background:transparent!important;opacity:1;transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;outline-offset:4px;text-decoration:none}
.social-icons>a svg{width:21px!important;height:21px!important;display:block;fill:currentColor;overflow:visible;transition:transform .2s ease}
.social-icons>a svg [fill="none"]{fill:none}
.social-icons>a:hover,.social-icons>a:focus-visible{color:var(--hye-social-gold)!important;background:rgba(255,255,255,.07)!important;transform:translateY(-2px);box-shadow:0 3px 14px rgba(0,0,0,.15)}
.social-icons>a:focus-visible{outline:2px solid var(--hye-social-gold)}
.social-icons>a:active{transform:translateY(0) scale(.93)}
.social-icons>a::after{content:attr(data-social-name);position:absolute;z-index:90;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);padding:5px 9px;border-radius:4px;background:#22232d;color:#fff;font:500 12px/1.2 Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}
.social-icons>a:hover::after,.social-icons>a:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:767px){.social-icons{gap:6px!important;justify-content:center}.social-icons>a{width:30px;height:30px}.social-icons>a svg{width:19px!important;height:19px!important}}
@media(prefers-reduced-motion:reduce){.social-icons>a,.social-icons>a svg,.social-icons>a::after{transition:none!important}}