<div class="box-container">
  <!-- em의 눈덩이 효과 -->
  <div style="flex: 1;">
    <strong>🚨 em의 복리 효과 (1.4em 중첩)</strong>
    <div class="box em-box">1단계
      <div class="box em-box">2단계
        <div class="box em-box">3단계 (너무 커요!)</div>
      </div>
    </div>
  </div>

  <!-- rem의 일관성 -->
  <div style="flex: 1;">
    <strong>✅ rem의 안정성 (1.4rem 중첩)</strong>
    <div class="box rem-box">1단계
      <div class="box rem-box">2단계
        <div class="box rem-box">3단계 (항상 일정!)</div>
      </div>
    </div>
  </div>
</div>