<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->
<!--
  📋 quote-big-mark
  ─────────────────
  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용
  슬롯: quote_text (필수), source (선택)
  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)
-->
<div class="block-quote-big">
  <div class="qb-mark qb-open">❝</div>
  <div class="qb-content">
    <div class="qb-text">{{ quote_text }}</div>
    {% if source %}<div class="qb-source">— {{ source }}</div>{% endif %}
  </div>
  <div class="qb-mark qb-close">❞</div>
</div>

<style>
.block-quote-big {
  background: #f8fafc;
  border-radius: var(--radius);
  padding: 24px 28px;
  position: relative;
  border: 1px solid #e2e8f0;
}
.qb-mark {
  font-size: 3rem;
  color: #cbd5e1;
  font-weight: 900;
  line-height: 1;
  position: absolute;
}
.qb-open {
  top: 8px;
  left: 12px;
}
.qb-close {
  bottom: -8px;
  right: 16px;
}
.qb-content {
  padding: 10px 30px 0;
}
.qb-text {
  font-size: 15px;
  font-weight: 500;
  color: #1e293b;
  line-height: 1.8;
  word-break: keep-all;
  white-space: pre-line;
}
.qb-source {
  font-size: 12px;
  color: #64748b;
  font-style: italic;
  margin-top: 10px;
  text-align: right;
}
</style>
