/* Top utility bar: deliberate separation and consistent social spacing. */
.hye-reference-topbar{
 position:relative!important;
 isolation:isolate;
 background:#30313f!important;
 border-bottom:1px solid rgba(255,255,255,.095)!important;
 box-shadow:0 3px 0 rgba(0,0,0,.12),0 9px 19px rgba(0,0,0,.28)!important;
 z-index:1041!important;
}
.hye-reference-topbar .bar-inner{box-sizing:border-box;max-width:1180px!important;padding-left:22px!important;padding-right:22px!important;gap:clamp(18px,3vw,44px)!important}
.hye-reference-topbar .social-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(11px,1.35vw,20px)!important;margin-left:auto!important;padding:0 4px!important}
.hye-reference-topbar .social-icons>a[data-social-name]{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:5px!important;margin:0!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#f4f4f7!important}
.hye-reference-topbar .social-icons>a[data-social-name] svg{display:block!important;width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important}
.hye-reference-topbar .social-icons>a[data-social-name]:hover{color:#e7bd43!important;background:rgba(255,255,255,.065)!important;border-color:rgba(231,189,67,.3)!important}
.hye-reference-topbar .top-search{flex-shrink:0!important}
@media(min-width:768px) and (max-width:1050px){.hye-reference-topbar .bar-inner{gap:16px!important;padding-left:16px!important;padding-right:16px!important}.hye-reference-topbar .social-icons{gap:10px!important}.hye-reference-topbar .social-icons>a[data-social-name]{flex-basis:31px!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}}
/* Preserve existing mobile layout and its intentional hidden social row. */
@media(max-width:767px){.hye-reference-topbar .bar-inner{padding-left:14px!important;padding-right:14px!important;gap:8px 14px!important}.hye-reference-topbar .social-icons{display:none!important}.hye-reference-topbar{box-shadow:0 4px 12px rgba(0,0,0,.3)!important}}