.hn-project-access{--pa-line:#7c8d984d;--pa-ink:#e2e9eb;--pa-current:#dce6e8;--pa-current-ink:#17232b;display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--pa-line);border-radius:7px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;background:#17232b66;white-space:nowrap}
.hn-project-access a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border-radius:4px;color:var(--pa-ink);text-decoration:none;border:1px solid transparent;transition:background-color .16s ease,color .16s ease;touch-action:manipulation}
.hn-project-access a[aria-current=page]{background:var(--pa-current);color:var(--pa-current-ink)}
.hn-project-access svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hn-project-access a:focus-visible{outline:2px solid var(--pa-current);outline-offset:3px}
[data-hn-project-access-slot][hidden]{display:none!important}
.admin-product-access{display:flex;justify-content:flex-end;align-items:center;min-height:58px;padding:8px 32px;border-bottom:1px solid #9aa8b326;background:#141d2433}
.admin-product-access:has([data-hn-project-access-slot][hidden]){display:none}
:is(.site-header--tinyregrets,.office-top) .hn-project-access{--pa-line:#84634b66;--pa-ink:#ead8c3;--pa-current:#e5b57c;--pa-current-ink:#302319;background:#33271c80}
.office-top{flex-wrap:wrap;gap:12px}
@media(hover:hover){.hn-project-access a:not([aria-current=page]):hover{background:#809ba52b}}
@media(max-width:620px){.hn-project-access{gap:2px}.hn-project-access a{min-height:44px;padding:8px 10px}.hn-project-access svg{width:17px;height:17px}.admin-product-access{padding:5px 18px}}
@media(prefers-reduced-motion:reduce){.hn-project-access a{transition:none}}