.performance-context {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .8rem;
  width: min(100%, 1100px);
  margin: 0 auto;
  padding: 1rem clamp(1rem, 4vw, 3rem);
  color: #f1ddb9;
  font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif;
  font-size: .8rem;
  line-height: 1.8;
}
.performance-context a { border: 0; color: inherit; text-decoration: none; }
.performance-context a:hover { color: #fff; }
.performance-context a:focus-visible { outline: 2px solid #eab766; outline-offset: 4px; }
.performance-context span[aria-hidden] { opacity: .5; }
.performance-context .context-current { color: #fff; }
.survey-content .performance-context {
  width: 100%;
  padding: 0 0 1.5rem;
  color: #596774;
  font-size: .8rem;
}
.survey-content .performance-context a:hover { color: #087a99; }
.survey-content .performance-context .context-current { color: #212931; }
.survey-page #main > .performance-context { padding: 1.5rem 2rem; color: #596774; }
.audience-console .performance-context {
  padding: 0 0 1rem;
  color: #717981;
}
.audience-console .performance-context a:hover { color: #087a99; }
@media (max-width: 480px) {
  .performance-context { gap: .3rem .5rem; font-size: .75rem; }
}