/* research.css */

/* Keep layout consistent with other pages */
#research .research-wrap{
  display: inline-block;
}

/* Banner is H1 and must remain visible */
#research #banner{
  display: flex;
  margin: 0 0 0.75rem 0;
}

/* Tags */
#research .tagrow{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin-top: .25rem;
  margin-bottom: .75rem;
}

#research .tag{
  border: 2px dashed black;
  padding: .1rem .5rem;
  background: white;
  font-weight: bold;
  font-size: 90%;
  user-select: none;
}

/* Note */
#research .note{
  width: 100%;
  border: 2px dashed black;
  padding: .75rem 1rem;
  background: #fcfcfc;
  box-sizing: border-box;
  font-size: 95%;
  margin-bottom: .75rem;
}

/* Mini headings inside folds */
#research .minihead{
  width: 100%;
  font-weight: bold;
  margin-top: .25rem;
  margin-bottom: -.25rem;
}

/* Fold titles: remove inline styles, keep them clickable */
#research .fold-title{
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* The icon was previously inline margin; make it consistent everywhere */
#research .fold-title .bulletAr{
  margin-right: 0; /* gap handles spacing */
}