/* Shared Muse-style text nav + Blog button (Wayback pagesheets lost original nav CSS). */

a.wf-blog-link,
.wf-menu > a.wf-nav-item {
  display: block;
  box-sizing: border-box;
  width: 170px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #000;
  color: #fff !important;
  font-family: Verdana, Tahoma, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-decoration: none !important;
  text-transform: uppercase;
}

a.wf-blog-link:hover,
.wf-menu > a.wf-nav-item:hover {
  background: #c69c6d;
  color: #fcf9f0 !important;
}

a.wf-blog-link.MuseLinkActive,
.wf-menu > a.wf-nav-item.MuseLinkActive {
  background: #c69c6d;
  color: #fcf9f0 !important;
}

/* Home: Blog under HOME inside left column #u222 */
#u222 > a.wf-blog-link {
  margin-top: 10px;
  position: relative;
  z-index: 138;
}

/* Reconstructed flow pages: logo row + horizontal text nav */
#page .wf-menu {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 0 22px !important;
  padding: 0;
  width: auto !important;
  max-width: 100% !important;
}

#page .wf-menu > .clip_frame:empty,
#page .wf-menu > .clip_frame > [id$="_clip"]:empty {
  display: none !important;
}

#page .wf-menu > a.clip_frame,
#page .wf-menu > .clip_frame:not(:empty) {
  display: block !important;
  float: none !important;
  flex: 1 1 100%;
  margin: 0 0 4px !important;
  max-width: 100% !important;
  left: auto !important;
  position: static !important;
}

#page .wf-menu > a.clip_frame img,
#page .wf-menu > .clip_frame img {
  display: block;
  max-width: 280px;
  height: auto;
}

#page .wf-menu > a.wf-nav-item,
#page .wf-menu > a.wf-blog-link {
  display: inline-block !important;
  float: none !important;
  flex: 0 0 auto;
  width: auto !important;
  min-width: 88px;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 12px;
  line-height: 1.2;
  left: auto !important;
  right: auto !important;
  position: static !important;
}