/* Design V2 content-navigation layer. The markup already shipped; this file
   closes the previously missing stylesheet without inventing new routes. */
.sm-main-nav { display:flex; align-items:center; gap:2px; margin-left:auto; }
.sm-navgroup { position:relative; }
.sm-nav-item {
  display:flex; align-items:center; min-height:44px; padding:8px 10px;
  border-radius:var(--r-sm); color:var(--ink-2); font:600 13px/1.2 var(--body); text-decoration:none;
}
.sm-nav-item:hover,.sm-nav-item:focus-visible { color:var(--ink); background:var(--card-2); }
.sm-nav-item.is-b2b { color:var(--clay); }
.sm-caret { margin-left:5px; font-size:9px; opacity:.65; }
.sm-navdrop {
  position:absolute; z-index:80; top:calc(100% + 4px); left:0; min-width:230px;
  padding:8px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--card);
  box-shadow:0 18px 38px -24px rgba(42,32,24,.45); opacity:0; visibility:hidden;
  transform:translateY(-4px); transition:opacity .16s var(--ease),transform .16s var(--ease);
}
.sm-navgroup:hover .sm-navdrop,.sm-navgroup:focus-within .sm-navdrop,.sm-navgroup.open .sm-navdrop {
  opacity:1; visibility:visible; transform:none;
}
.sm-navdrop a { display:block; padding:9px 10px; border-radius:var(--r-sm); color:var(--ink-2); text-decoration:none; }
.sm-navdrop a:hover,.sm-navdrop a:focus-visible { background:var(--card-2); color:var(--ink); }
.sm-dd-note { display:block; margin-top:2px; color:var(--ink-3); font:10.5px/1.3 var(--mono); }

@media (max-width:980px) {
  .sm-main-nav { width:100%; overflow-x:auto; padding-bottom:3px; }
  .sm-navdrop { position:fixed; left:16px; right:16px; top:auto; min-width:0; }
}