<!-- 텍스트 구분선: 좌우 선 + 중앙 텍스트 -->
<!--
  📋 divider-text
  ─────────────────
  용도: 섹션 구분, 주제 전환, 시각적 휴식점
  슬롯: text (필수)
-->
<div class="block-divider-text">
  <div class="dt-line"></div>
  <div class="dt-text">{{ text }}</div>
  <div class="dt-line"></div>
</div>

<style>
.block-divider-text {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
}
.dt-line {
  flex: 1;
  height: 1px;
  background: #cbd5e1;
}
.dt-text {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}
</style>
