.site-menu.shell{
  position:relative;
  z-index:40;
  max-width:1400px;
  margin:8px auto 16px;
  padding:0 20px;
  color:var(--ink,#141a24);
  font-family:'IBM Plex Sans',sans-serif;
}
.site-menu .menu-bar{
  position:relative;
  display:flex;
  align-items:center;
  gap:3px;
  padding:7px 9px 7px 7px;
  border:1px solid var(--line,rgba(20,26,36,.12));
  border-left:4px solid var(--acc,#15803d);
  border-radius:9px;
  background:var(--panel,#fff);
  box-shadow:0 8px 22px rgba(20,26,36,.06);
}
.site-menu .menu-kicker{
  order:0;
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 13px 0 9px;
  border-right:1px solid var(--line,rgba(20,26,36,.12));
  color:var(--acc,#15803d);
  font:700 10px/1 ui-monospace,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.site-menu .menu-bar>.menu-link:not([href*="blog"]):not([href*="smart-picks"]){order:1}
.site-menu .menu-bar>.menu-link[href*="blog"]{order:2}
.site-menu .menu-bar>.menu-group:not(.menu-group-end):nth-of-type(1){order:3}
.site-menu .menu-bar>.menu-link[href*="smart-picks"]{order:4}
.site-menu .menu-bar>.menu-group:not(.menu-group-end):nth-of-type(2){order:5}
.site-menu .menu-link,
.site-menu .menu-trigger{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:9px 12px;
  border-radius:6px;
  color:var(--sub,#5d6675);
  font:600 13px 'Space Grotesk',sans-serif;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.site-menu .menu-link:hover,
.site-menu .menu-trigger:hover,
.site-menu .menu-group[open]>.menu-trigger{
  background:var(--panel2,#f1f4f8);
  color:var(--ink,#141a24);
}
.site-menu .menu-link:focus-visible,
.site-menu .menu-trigger:focus-visible,
.site-menu .menu-dropdown a:focus-visible{
  outline:2px solid var(--acc,#15803d);
  outline-offset:2px;
}
.site-menu .menu-link.current,
.site-menu [aria-current="page"]{
  color:var(--acc,#15803d);
}
.site-menu .menu-group{position:relative}
.site-menu .menu-group summary{list-style:none}
.site-menu .menu-group summary::-webkit-details-marker{display:none}
.site-menu .menu-trigger:after{
  content:'';
  width:6px;
  height:6px;
  margin:0 2px 3px 9px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
.site-menu .menu-group[open]>.menu-trigger:after{
  margin-top:5px;
  transform:rotate(225deg);
}
.site-menu .menu-group-end{order:6;margin-left:auto}
.site-menu .menu-dropdown{
  position:absolute;
  z-index:60;
  top:calc(100% + 7px);
  left:0;
  width:280px;
  padding:7px;
  border:1px solid var(--line,rgba(20,26,36,.12));
  border-radius:9px;
  background:var(--panel,#fff);
  box-shadow:0 18px 38px rgba(20,26,36,.14);
}
.site-menu .menu-group-end .menu-dropdown{right:0;left:auto}
.site-menu .menu-dropdown a{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:48px;
  gap:2px;
  padding:8px 11px;
  border-radius:6px;
  color:var(--ink,#141a24);
  font:600 13px 'Space Grotesk',sans-serif;
  text-decoration:none;
}
.site-menu .menu-dropdown a span{
  color:var(--sub,#5d6675);
  font:400 11px/1.35 'IBM Plex Sans',sans-serif;
}
.site-menu .menu-dropdown a:hover,
.site-menu .menu-dropdown a:focus-visible{
  background:var(--panel2,#f1f4f8);
  color:var(--acc,#15803d);
}
.site-menu+main{margin-top:0}
@media(max-width:760px){
  .site-menu{margin-bottom:14px}
  .site-menu .menu-bar{align-items:stretch;flex-direction:column;padding:7px}
  .site-menu .menu-kicker{min-height:27px;padding:4px 10px;border-right:0;border-bottom:1px solid var(--line,rgba(20,26,36,.12))}
  .site-menu .menu-link,.site-menu .menu-trigger{justify-content:space-between;width:100%;min-height:44px;padding:9px 10px}
  .site-menu .menu-group-end{margin-left:0}
  .site-menu .menu-dropdown,.site-menu .menu-group-end .menu-dropdown{position:static;width:auto;margin:2px 4px 7px;padding:5px;border-radius:7px;box-shadow:none}
  .site-menu .menu-dropdown a{padding:9px 10px 9px 15px;border-left:2px solid var(--line,rgba(20,26,36,.12));border-radius:0 6px 6px 0}
}
@media(max-width:680px){
  .site-menu.shell{padding-left:14px;padding-right:14px}
}
@media(prefers-reduced-motion:reduce){
  .site-menu *{transition-duration:0s!important}
}