/* Shared header: responsive social glyph sizes and approved logo dimensions. */
.topbar .topbar-social-link svg{width:23px!important;height:23px!important}
@media(min-width:901px) and (max-width:1080px){.topbar .topbar-social-link svg{width:21px!important;height:21px!important}}
@media(min-width:621px) and (max-width:900px){.topbar .topbar-social-link svg{width:19px!important;height:19px!important}}
@media(max-width:620px){.topbar .topbar-social-link svg{width:18px!important;height:18px!important}}
@media(min-width:1321px){.header .logo{width:285px!important;flex-basis:285px!important}}
@media(min-width:1161px) and (max-width:1320px){.header .logo{width:245px!important;flex-basis:245px!important}}
@media(min-width:1081px) and (max-width:1160px){.header .logo{width:210px!important;flex-basis:210px!important}}
@media(min-width:701px) and (max-width:1080px){.header .logo{width:285px!important;flex-basis:285px!important}}
@media(min-width:391px) and (max-width:700px){.header .logo{width:170px!important;flex-basis:170px!important}}
@media(max-width:390px){.header .logo{width:170px!important;flex-basis:170px!important}}

/* Compact directional cube; one accessible link per destination. */
.topbar .topbar-social-link{
 --cube-color:#302044;--cube-size:30px;--cube-depth:15px;--cube-turn:rotateY(-180deg);
 position:relative;perspective:350px;overflow:visible!important;
 border:0!important;border-radius:0!important;background:none!important;box-shadow:none;
 color:#fff;isolation:auto;
}
.topbar .topbar-social-link.social-cube-ready>svg{display:none}
.topbar .social-cube{
 position:absolute;top:50%;left:50%;
 width:var(--cube-size);height:var(--cube-size);
 margin-top:calc(var(--cube-size) / -2);margin-left:calc(var(--cube-size) / -2);
 pointer-events:none;transform-style:preserve-3d;
 transform:translateZ(calc(0px - var(--cube-depth)));
 transition:transform .3s ease-out;
}
.topbar .social-cube-face{
 position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
 background:var(--cube-color);color:#fff;backface-visibility:hidden;
}
.topbar .social-cube-face:nth-child(1){transform:translateZ(var(--cube-depth))}
.topbar .social-cube-face:nth-child(2){transform:rotateY(180deg) translateZ(var(--cube-depth));background:#ff751d;color:#fff}
.topbar .social-cube-face:nth-child(3){transform:rotateX(90deg) translateZ(var(--cube-depth));filter:brightness(1.2)}
.topbar .social-cube-face:nth-child(4){transform:rotateX(-90deg) translateZ(var(--cube-depth));filter:brightness(.8)}
.topbar .social-cube-face:nth-child(5){transform:rotateY(90deg) translateZ(var(--cube-depth));filter:brightness(1.1)}
.topbar .social-cube-face:nth-child(6){transform:rotateY(-90deg) translateZ(var(--cube-depth));filter:brightness(.9)}
.topbar .topbar-social-link:focus-visible{outline:2px solid #ff872f;outline-offset:3px}
.topbar .topbar-social-link:focus-visible .social-cube{transform:translateZ(calc(0px - var(--cube-depth))) rotateY(-180deg)}
@media(hover:hover) and (pointer:fine){
 .topbar .topbar-social-link:hover{transform:none;box-shadow:none}
 .topbar .topbar-social-link:hover .social-cube{transform:translateZ(calc(0px - var(--cube-depth))) var(--cube-turn)}
}
.topbar .topbar-social-link[aria-disabled="true"]{cursor:default;opacity:.65}
@media(prefers-reduced-motion:reduce){
 .topbar .social-cube{transition:none}
 .topbar .topbar-social-link:hover .social-cube,.topbar .topbar-social-link:focus-visible .social-cube{transform:translateZ(calc(0px - var(--cube-depth)))}
}


/* Static cube faces and directional hit areas work without JavaScript. */
.topbar .topbar-social-link{--cube-size:32px;--cube-depth:16px}
.topbar .social-cube-zone{position:absolute;inset:0;z-index:2}
.topbar .social-cube-zone-top{clip-path:polygon(0 0,100% 0,50% 50%)}
.topbar .social-cube-zone-right{clip-path:polygon(100% 0,100% 100%,50% 50%)}
.topbar .social-cube-zone-bottom{clip-path:polygon(100% 100%,0 100%,50% 50%)}
.topbar .social-cube-zone-left{clip-path:polygon(0 100%,0 0,50% 50%)}
@media(hover:hover) and (pointer:fine){
 .topbar .social-cube-zone:hover{clip-path:none;z-index:3}
 .topbar .topbar-social-link:has(>.social-cube-zone-top:hover){--cube-turn:rotateX(-180deg)}
 .topbar .topbar-social-link:has(>.social-cube-zone-bottom:hover){--cube-turn:rotateX(180deg)}
 .topbar .topbar-social-link:has(>.social-cube-zone-left:hover){--cube-turn:rotateY(180deg)}
 .topbar .topbar-social-link:has(>.social-cube-zone-right:hover){--cube-turn:rotateY(-180deg)}
 .topbar .topbar-social-link:has(>.social-cube-zone-top:hover) .social-cube-face:nth-child(2),
 .topbar .topbar-social-link:has(>.social-cube-zone-bottom:hover) .social-cube-face:nth-child(2){transform:rotateY(180deg) rotateZ(180deg) translateZ(var(--cube-depth))}
}
@media(max-width:900px){.topbar .topbar-social-link{--cube-size:28px;--cube-depth:14px}}
@media(max-width:620px){.topbar .topbar-social-link{--cube-size:26px;--cube-depth:13px}}
@media(max-width:390px){.topbar .topbar-social-link{--cube-size:24px;--cube-depth:12px}}
