/* DREAM: force exactly 5 pills per row on desktop, guaranteed fit */
.dream-row {
  display:grid;
  grid-template-columns:repeat(5, 1fr); /* always 5 equal columns */
  gap:.5rem;
  margin-top:.35rem;
}

/* Pills shrink gracefully without breaking layout */
.dream-pill {
  padding:.35rem .45rem;
  border-radius:.65rem;
  background:#1d4ed8;
  color:#eff6ff;
  font-size:.72rem;            /* slightly smaller to guarantee fit */
  font-weight:600;
  text-align:center;
  line-height:1.2;
  white-space:normal;          /* allow wrapping */
  word-break:break-word;       /* break anywhere if necessary */
}

/* Mobile/tablet: single column */
@media (max-width: 640px) {
  .dream-row {
    grid-template-columns:1fr;
  }
  .dream-pill {
    font-size:.82rem;          /* bigger for mobile readability */
    word-break:normal;         /* clean wrapping on mobile */
  }
}







/* CE N T E R G Y pills */

.centergy-row{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:.35rem;
}

.centergy-pill{
  display:inline-flex;
  align-items:center;
  gap:.2rem;
  border-radius:999px;
  padding:.2rem .55rem;
  font-size:.78rem;
  font-weight:600;
  background:#fff;
  color:#1f2937;
  border:1px solid rgba(148,163,184,.7);
  text-decoration:none;
  cursor:pointer;
}

.centergy-pill:hover{
  background:#eff6ff;
}

.centergy-pill span.letter{
  display:inline-flex;
  width:1.1rem;
  height:1.1rem;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  font-size:.7rem;
  font-weight:800;
  background:#1d4ed8;
  color:#eff6ff;
}

.centergy-pill span.label{
  font-weight:500;
}

.centergy-pill.is-active{
  border-color:#2563eb;
  background:#eff6ff;
  box-shadow:0 0 0 1px rgba(37,99,235,0.25);
}