.nav-skill{position:relative;display:inline-flex;align-items:stretch;flex:none;margin-left:.35rem;border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--ring);color:var(--oat-500)}.nav-skill .skill-install-main,.nav-skill .skill-install-menu,.nav-skill .skill-install-copy{border:0;background:transparent;color:inherit;cursor:pointer}.nav-skill .skill-install-main{display:inline-flex;align-items:center;gap:.4rem;min-height:2.05rem;padding:0 .55rem 0 .8rem;border-radius:var(--radius-pill) 0 0 var(--radius-pill);font:600 .85rem/1 var(--font-sans);letter-spacing:-.01em;transition:background var(--dur-fast)}.nav-skill .skill-install-main:hover,.nav-skill .skill-install-main:focus-visible{background:var(--oat-200);outline:none}.nav-skill .skill-install-main-icon{display:inline-flex;width:.95rem;height:.95rem;flex:none;color:var(--oat-400)}.nav-skill .skill-install-main-label{white-space:nowrap}.nav-skill .skill-install-main-icon svg,.nav-skill .skill-install-copy svg,.nav-skill .skill-install-link-icon svg,.nav-skill .skill-install-menu svg{width:100%;height:100%;display:block}.nav-skill .skill-install-menu{display:inline-grid;place-items:center;width:2.05rem;flex:none;color:var(--oat-400);border-left:1px solid var(--oat-200);border-radius:0 var(--radius-pill) var(--radius-pill) 0;transition:background var(--dur-fast),color var(--dur-fast)}.nav-skill .skill-install-menu svg{width:1rem;height:1rem}.nav-skill .skill-install-menu:hover,.nav-skill .skill-install-menu:focus-visible,.nav-skill .skill-install-menu[aria-expanded=true]{background:var(--oat-200);color:var(--oat-500);outline:none}.nav-skill .skill-install-popover{position:absolute;left:0;right:auto;top:calc(100% + .5rem);z-index:70;width:min(19rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);display:grid;gap:.6rem;padding:.85rem;border-radius:var(--radius-md);background:var(--white);box-shadow:0 18px 44px -14px #00000047,var(--ring)}.nav-skill .skill-install-popover[hidden]{display:none}.nav-skill .skill-install-kicker{font:400 .58rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--oat-400)}.nav-skill .skill-install-command{display:grid;grid-template-columns:minmax(0,1fr) 2.1rem;gap:.4rem;align-items:stretch}.nav-skill .skill-install-input{width:100%;min-width:0;height:2.1rem;padding:0 .6rem;border:0;border-radius:var(--radius-sm,.6rem);background:var(--oat-200);box-shadow:inset 0 0 0 1px var(--oat-300);color:var(--oat-500);font:500 .72rem/1 var(--font-mono);letter-spacing:-.01em}.nav-skill .skill-install-copy{display:inline-grid;place-items:center;height:2.1rem;border-radius:var(--radius-sm,.6rem);background:var(--white);box-shadow:inset 0 0 0 1px var(--oat-300);color:var(--oat-400);transition:background var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.nav-skill .skill-install-copy svg{width:.9rem;height:.9rem}.nav-skill .skill-install-copy:hover,.nav-skill .skill-install-copy:focus-visible{background:var(--oat-200);color:var(--oat-500);outline:none}.nav-skill .skill-install-copy[data-copied=true]{background:var(--lime-100);box-shadow:inset 0 0 0 1px var(--lime-300);color:var(--lime-400)}.nav-skill .skill-install-link{display:inline-flex;align-items:center;gap:.4rem;width:max-content;color:var(--brand-blue);font:600 .8rem/1 var(--font-sans)}.nav-skill .skill-install-link-icon{display:inline-flex;width:.85rem;height:.85rem}.nav-skill .skill-install-link:hover{text-decoration:underline}.nav-burger{display:none;flex:none;place-items:center;width:2.6rem;height:2.6rem;margin-left:.35rem;border:0;border-radius:var(--radius-btn);background:transparent;color:var(--oat-500);cursor:pointer;transition:background var(--dur-fast)}.nav-burger:hover{background:var(--oat-200)}.nav-burger:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.nav-burger-bars{display:grid;gap:4px;width:1.15rem}.nav-burger-bars>span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform var(--dur-md) var(--ease-machine),opacity var(--dur-fast)}.nav-burger[aria-expanded=true]>.nav-burger-bars>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-burger[aria-expanded=true]>.nav-burger-bars>span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true]>.nav-burger-bars>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-menu{position:absolute;z-index:59;left:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);top:calc(100% + .5rem);display:grid;gap:.35rem;padding:.6rem;border-radius:1.25rem;background:var(--white);box-shadow:0 18px 44px -14px #00000047,var(--ring)}.nav-menu[hidden]{display:none}.nav-menu-links{display:grid}.nav-menu a,.nav-menu button{text-align:left}.nav-menu-links a{padding:.7rem .8rem;border-radius:var(--radius-btn);font-size:1rem;font-weight:500;color:var(--oat-500);text-decoration:none}.nav-menu-links a:hover{background:var(--oat-200);color:var(--brand-blue)}.nav-menu-foot{display:none;padding-top:.45rem;margin-top:.15rem;border-top:1px solid var(--oat-200)}@media(max-width:520px){.nav-menu-foot{display:grid}}.nav-menu-foot .btn{justify-content:center;width:100%;font-size:1rem}@media(max-width:880px){.nav-burger{display:inline-grid}}@media(prefers-reduced-motion:reduce){.nav-burger-bars>span{transition:none}}@media(max-width:520px){.nav-skill{margin-left:.2rem}.nav-skill .skill-install-main{padding:0 .4rem 0 .6rem;font-size:.8rem}.nav-skill .skill-install-main-label{display:none}.nav-skill .skill-install-main{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}}