.project-nav{position:relative}
.project-nav-help{position:relative;display:flex;align-items:stretch}
.project-nav-unavailable{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;cursor:help;white-space:nowrap}
.project-nav-unavailable:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.project-nav-tooltip{display:none;position:absolute;top:100%;right:0;z-index:50;width:320px;padding-top:8px;text-align:left}
.project-nav-tooltip>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#151d22;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.project-nav-tooltip p{margin:0 0 10px;color:var(--text);font-size:.8rem;line-height:1.5}
.project-nav .project-nav-tooltip a{padding:0;border:0;border-radius:0;color:var(--lime);font-size:.8rem;justify-content:flex-start;text-decoration:underline}
.project-nav-help:not([data-help-dismissed]):hover .project-nav-tooltip,.project-nav-help:not([data-help-dismissed]):focus-within .project-nav-tooltip{display:block}
@media(max-width:960px){.project-nav-help{position:static}.project-nav-tooltip{left:0;right:0;width:100%}.project-nav-unavailable{width:100%}}