/* One quiet blue label; the invitation is revealed on hover or keyboard focus. */
.reference-header nav .blueprints-nav-link,.site-header .site-nav .blueprints-nav-link{position:relative;display:inline-grid;place-items:center;box-sizing:border-box;width:84px;min-height:0;height:26px;padding:0 6px;border-radius:2px;background:#154991;color:#fff;font:400 12px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap;align-self:center}
/* Keep a comfortable touch target without enlarging the visible blue box. */
.blueprints-nav-link::before{content:"";position:absolute;inset:-9px 0}
.blueprints-nav-link .blueprints-label,.blueprints-nav-link .blueprints-invitation{grid-area:1/1;pointer-events:none}
.blueprints-nav-link .blueprints-invitation{opacity:0;font-size:10px}
.blueprints-nav-link:is(:hover,:focus-visible) .blueprints-label{opacity:0}
.blueprints-nav-link:is(:hover,:focus-visible) .blueprints-invitation{opacity:1}
.reference-header nav .blueprints-nav-link:hover,.site-header .site-nav .blueprints-nav-link:hover{background:#103b77;text-decoration:none}
.reference-header nav .blueprints-nav-link:focus-visible,.site-header .site-nav .blueprints-nav-link:focus-visible{outline:2px solid #154991;outline-offset:4px}
@media(max-width:380px){.reference-header .header-tools>nav:not(.language-switch){gap:14px;flex-wrap:wrap}.reference-header .header-tools{row-gap:4px}}