.header-action-link { position:relative; display:inline-grid; place-items:center; height:44px; min-height:44px; padding:0 10px; border:0; border-radius:0; background:transparent; color:#283954; font-size:15px; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap; }
.header-action-separator { color:#bdc9db; font-size:16px; line-height:1; user-select:none; }
.header-action-label { grid-area:1/1; transition:opacity 500ms ease-in-out,transform 500ms ease-in-out; }
.header-action-icon { position:absolute; inset:0; margin:auto; width:26px; height:26px; opacity:0; transform:translateY(5px) scale(.8); stroke-dasharray:90; stroke-dashoffset:90; transition:opacity 500ms ease-in-out,transform 500ms ease-in-out,stroke-dashoffset 500ms ease-in-out; }
.header-action-link:focus-visible { outline:2px solid #8dbbff; outline-offset:2px; }
.header-action-link:focus-visible .header-action-label { opacity:0; transform:translateY(-5px) scale(.92); }
.header-action-link:focus-visible .header-action-icon { opacity:1; transform:translateY(0) scale(1); stroke-dashoffset:0; }
@media(hover:hover) and (pointer:fine) {
  .header-action-link:hover .header-action-label { opacity:0; transform:translateY(-5px) scale(.92); }
  .header-action-link:hover .header-action-icon { opacity:1; transform:translateY(0) scale(1); stroke-dashoffset:0; }
}
@media(prefers-reduced-motion:reduce) { .header-action-label,.header-action-icon { transition:none; } }

.site-header-actions { gap:0; }