/* =========================================================
   Figma 1:1 정밀 재현 — 절대좌표 캔버스 (fee.html / tax.html)
   Figma 프레임을 그대로 옮긴 뒤 화면 폭에 맞춰 스케일
   ========================================================= */

.ff-viewport {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}
.ff-canvas {
  position: relative;
  transform-origin: top left;
  background: #ffffff;
  overflow: hidden;   /* Figma clipsContent 재현 */
}
.ff-el {
  position: absolute;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.ff-tx {
  white-space: pre-wrap;   /* Figma 줄바꿈 + 자동 줄바꿈 재현 */
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
img.ff-el {
  display: block;
  object-fit: fill;   /* 아이콘/사진은 원본 비율 그대로 bbox에 채움 */
  max-width: none;    /* 전역 img{max-width:100%}가 절대좌표 이미지 폭(예: 회전 배경 1801px)을 캔버스폭으로 자르는 것 방지 */
  max-height: none;
}

/* 파스텔 배경 보정: Figma 그룹이 프레임 밖(left:-758px, width:3477px)까지 걸쳐 있어
   그라데이션 색이 화면 밖으로 빠지고 화면 오른쪽이 흰색으로 보이는 문제 → 프레임 전체 폭을 덮도록 정렬 */
img.ff-el[src$="pastel.svg"] {
  left: 0 !important;
  width: 1948px !important;
}