@import url("/sites/biz/styles.css");

/* =========================================
   6호 (/research) BESPOKE 5-CHAPTER CONSISTENCY STRIP
   ========================================= */
.chapter-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.chap-chip {
  padding: 7px 6px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-align: center;
  transition: all 0.55s var(--ease-out);
}

.ws-scene.pain-state .chap-chip {
  background: rgba(184, 59, 43, 0.05);
  border: 1px dashed rgba(184, 59, 43, 0.3);
}

.ws-scene.fixed-state .chap-chip {
  background: #f6f7fa;
  border: 1px solid rgba(29, 29, 31, 0.16);
}

.chap-chip b {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--ink);
}

.chap-chip span {
  font-size: 9.5px;
  color: var(--ink-2);
}

@media (max-width: 980px) {
  .chapter-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}