/* Match the local feature navigation's dimensions and account buttons. */
#o2c-announcements .o2c-shared-header {
  border-bottom: 0;
  box-shadow: 0 1px 0 #1f3a3314;
}

#o2c-announcements .o2c-shared-logo { width: 146px; }
#o2c-announcements .o2c-shared-header-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1680px;
  min-height: 68px;
  padding-inline: clamp(24px, 3.2vw, 56px);
}

#o2c-announcements .o2c-nav-away {
  justify-content: flex-end;
  border: 0 !important;
  padding: 0;
  gap: 19px;
}

#o2c-announcements .o2c-nav-away .o2c-nav-login,
#o2c-announcements .o2c-nav-away .o2c-nav-signup {
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid #297d77;
  border-radius: 999px;
  background: #fff;
  color: #161616;
  font: 500 13px/1.35 'O2C Inter', Inter, Arial, sans-serif;
  box-shadow: none;
}

#o2c-announcements .o2c-nav-away .o2c-nav-login:hover {
  border-color: #216861;
  background: #fff;
  color: #161616;
}

#o2c-announcements .o2c-nav-away .o2c-nav-signup {
  padding-block: 12px;
  background: #297d77;
  color: #fff;
  font-weight: 600;
}

#o2c-announcements .o2c-nav-away .o2c-nav-signup:hover {
  border-color: #216861;
  background: #216861;
  color: #fff;
}

/* Keep the page links beside the logo and account actions at the far right. */
@media (min-width: 951px) {
  #o2c-announcements .o2c-shared-nav {
    flex: 1;
    min-width: 0;
    justify-content: space-between;
  }
}

@media (max-width: 1320px) {
  #o2c-announcements .o2c-shared-logo { width: 132px; }
  #o2c-announcements .o2c-shared-header-inner { padding-inline: 28px; }
  #o2c-announcements .o2c-nav-away { gap: 15px; }
  #o2c-announcements .o2c-nav-away .o2c-nav-signup { padding-inline: 16px; }
}

@media (max-width: 800px) {
  #o2c-announcements .o2c-shared-header-inner { padding-inline: 24px; }
}

@media (max-width: 640px) {
  #o2c-announcements .o2c-shared-logo { width: 117px; }
  #o2c-announcements .o2c-nav-local { flex-wrap: wrap; row-gap: 0; }
  #o2c-announcements .o2c-shared-header-inner { padding-inline: 18px; }
  #o2c-announcements .o2c-nav-away { flex-wrap: wrap; gap: 15px; }
  #o2c-announcements .o2c-nav-away .o2c-nav-signup {
    min-height: 40px;
    padding: 10px 14px;
    font-size: 11px;
  }
}