/* v52: homepage research chart axis controls. Explicitly scoped to featured slider so
   earlier global button declarations cannot restore browser-native styles. */
.featured-v8 .research-axis-controls{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;
  margin:10px 0 12px;padding:5px;border:1px solid rgba(116,175,181,.36);
  border-radius:13px;background:#091d2a;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.featured-v8 .research-axis-controls button{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;
  justify-content:center;min-height:37px;margin:0;padding:9px 14px;
  border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:#bed7e0!important;
  font-family:inherit!important;font-size:12px!important;font-weight:750!important;
  line-height:1.15!important;letter-spacing:0!important;box-shadow:none!important;
  cursor:pointer;transition:background .16s,color .16s,border-color .16s;
}
.featured-v8 .research-axis-controls button:hover{
  background:rgba(122,232,213,.12)!important;color:#f3fffb!important;
}
.featured-v8 .research-axis-controls button.selected,
.featured-v8 .research-axis-controls button[aria-pressed="true"]{
  background:#65dfca!important;color:#062b2b!important;
  border-color:#76ead4!important;box-shadow:0 3px 12px rgba(22,194,169,.14)!important;
}
.featured-v8 .research-axis-controls button:focus-visible{
  outline:2px solid #91f5df!important;outline-offset:3px;
}
@media(max-width:520px){
 .featured-v8 .research-axis-controls{display:flex;width:100%}
 .featured-v8 .research-axis-controls button{flex:1;min-width:0;padding:9px 7px;font-size:11px!important}
}
/* Light theme must retain the segmented control, rather than browser default buttons. */
html[data-theme="light"] .featured-v8 .research-axis-controls{background:#e7f4f5;border-color:#89b8bb}
html[data-theme="light"] .featured-v8 .research-axis-controls button{color:#315663!important}
html[data-theme="light"] .featured-v8 .research-axis-controls button.selected,
html[data-theme="light"] .featured-v8 .research-axis-controls button[aria-pressed="true"]{background:#1f806f!important;color:#fff!important;border-color:#1f806f!important}
