/* Compact case-study navigation. It occupies only the control's own height. */
.case-study-nav{
  position:sticky;
  top:70px;
  z-index:60;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(14px);
}

.case-study-nav-inner{
  width:min(calc(100% - 40px),var(--max));
  min-height:46px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
}
.case-study-nav-inner::-webkit-scrollbar{display:none}

.case-study-nav a{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:9px;
  color:var(--muted-2);
  font-size:11px;
  font-weight:800;
}

.case-study-nav a[aria-current="true"]{
  color:var(--text);
  background:color-mix(in srgb,var(--panel) 62%,transparent);
  box-shadow:inset 0 -2px 0 var(--orange);
}

@media(max-width:650px){
  .case-study-nav{top:58px}
  .case-study-nav-inner{width:min(calc(100% - 28px),var(--max));min-height:42px}
  .case-study-nav a{padding:6px 9px;font-size:10.5px}
}