/* Shared meaning across news, community, companies and events. */
:root{
  --gf1-label-text:#52677f;
  --gf1-label-surface:#eef3f8;
  --gf1-label-border:#d0dbe7;
  --gf1-label-active:#b02439;
  --gf1-label-active-surface:#fff0f2;
  --gf1-label-active-border:#dda6b0;
  --gf1-label-size:11px;
}

/* Ordinary classifications support the headline instead of competing with it. */
.story-kicker,
.story-row .story-category,
.community-story-content .story-category,
.live-post .community-story-content .story-category,
.front-update-meta,
.expo-feature-meta,
.expo-kicker,
.resource-meta,
.enterprise-post-card>div>small{
  color:var(--gf1-label-text);
  font-size:var(--gf1-label-size);
  font-weight:500;
  line-height:1.5;
}
.expo-kicker span{color:inherit;border-left-color:var(--gf1-label-border)}
.company-connection-label{color:var(--gf1-label-text)}
.company-showcase .company-industry,
.company-showcase .company-state:not(.is-verified){color:var(--gf1-label-text)}
.detail-meta,.card-meta{color:var(--gf1-label-text)}

/* These two legacy declarations are important in company-guides.css. */
.company-guide-kicker{
  color:var(--gf1-label-text)!important;
  font-size:var(--gf1-label-size)!important;
  font-weight:500;
  line-height:1.5;
}

/* Category chips share a neutral surface; verification/review states keep theirs. */
.type-pill,
.company-role,
.company-status:not(.verified){
  color:var(--gf1-label-text);
  background:var(--gf1-label-surface);
  border-color:var(--gf1-label-border);
  box-shadow:none;
}
#gf1-assistant .gfai-post-board{
  color:var(--gf1-label-text);
  background:var(--gf1-label-surface);
}

/* Red indicates a current choice. Page section accents remain the brand colour. */
.directory-group button,.directory-group a,
.city-guide-feature nav a,.enterprise-catalog-tabs a{
  color:var(--gf1-label-text);
}
.enterprise-catalog-tabs b{
  color:var(--gf1-label-text);
  background:var(--gf1-label-surface);
}
.enterprise-catalog-tabs a[aria-current=page]{color:var(--gf1-label-active)}
.enterprise-catalog-tabs a[aria-current=page] b,
.active-filters span,
.city-guide-feature nav a[aria-current=page]{
  color:var(--gf1-label-active);
  background:var(--gf1-label-active-surface);
  border-color:var(--gf1-label-active-border);
}
.city-guide-feature nav a[aria-current=page] .city-guide-count{color:inherit}
.story-category a,.resource-meta a{color:inherit}
.story-category a:hover,.resource-meta a:hover{color:#285d96;text-decoration:underline}

@media(max-width:700px){:root{--gf1-label-size:12px}}