/* projects.css */

.projects-wrap{
  display: inline-block; /* matches your original intent */
}

/* Banner is already styled in base CSS; keep it as-is */



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

/* Tech line */
.techline{
  width:100%;
  border:2px dashed black;
  padding:.5rem .75rem;
  background:white;
  box-sizing:border-box;
  font-size:95%;
  margin-top:.5rem;
}

/* Pills */
.pill{
  display:inline-block;
  border:2px dashed black;
  padding:.1rem .45rem;
  font-weight:bold;
  background:white;
  margin-right:.35rem;
  font-size:85%;
  user-select:none;
}

/* Grid of pills */
.projgrid{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:center;
  margin-top:.25rem;
  margin-bottom:.75rem;
}

/* Project titles */
.proj-title{
  cursor:pointer;
  user-select:none;
}

.proj-bullet{
  margin-right:.5em;
}

/* Minor cleanup for removed inline styles */
.proj-par{
  width:100%;
  margin-top:0;
}

.proj-list{
  width:100%;
}

/* Optional: improve tap targets on mobile */
@media (max-width: 720px){
  .proj-title{
    padding: .25rem 0;
  }
}


/* Force-show banner even if base.css hides all h1 */
#projects #banner{
  display: flex !important;
}