/* Shared navigation search, scoped independently of the blog-page layout. */
.blog-menu-search .blog-search{display:flex;align-items:center;flex:none;border:1px solid #d7dee8;overflow:hidden}
.blog-menu-search .blog-search input{width:100%;min-width:0;padding:0 0 0 15px;border:0;background:transparent;color:#191c26;outline:none}
.blog-menu-search .blog-search input::placeholder{color:#8e93a0}
.blog-menu-search .blog-search button{display:grid;place-items:center;padding:0;flex:none;background:transparent;color:#8051d8}
.blog-menu-search .blog-search button:hover{color:#191c26}
.blog-menu-search .blog-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.blog-menu-search .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.desktop-nav .blog-dropdown{left:auto;right:0;min-width:274px}
.blog-menu-search{margin:0}
.blog-menu-search .blog-search{width:100%;max-width:none;height:40px;border-radius:10px;background:#fff}
.blog-menu-search .blog-search input{font-size:12px;padding-left:12px}
.blog-menu-search .blog-search button{height:38px;width:38px}
.desktop-nav .blog-menu-search{padding:3px 2px 12px;margin-bottom:4px;border-bottom:1px solid #e9e3f0}
.mobile-blog-search{margin:17px 0 21px}
.mobile-blog-search>label{display:block;font-size:12px;color:#77717f;margin-bottom:9px}
.mobile-blog-search .blog-search{height:42px}
.mobile-blog-search .blog-search button{height:40px;width:40px}
.blog-menu-search .blog-search:focus-within{border-color:#905bff;box-shadow:0 0 0 3px #905bff20}
.blog-menu-search button:focus-visible{outline:2px solid #905bff;outline-offset:-4px;border-radius:9px}

/* Direct blog sections in the landing mobile menu. */
.mobile-blog-menu{margin-top:18px;padding-top:16px;border-top:1px solid #e9e3f0}
.mobile-blog-heading{margin:0 0 7px;color:#77717f;font-size:12px}
.mobile-blog-links{display:grid;gap:2px}
.mobile-blog-links a{display:block;padding:7px 0;font-size:14px;line-height:1.5;text-underline-offset:3px}
.mobile-blog-links a:hover{text-decoration:underline;color:#7143cb}
.mobile-blog-links a:focus-visible{outline:2px solid #905bff;outline-offset:3px;border-radius:4px}