/* brochure.css — 브로슈어($pageKey='brochure') 전용 스타일. brochure 페이지에서만 자동 로드. */

/* ── PDF 뷰어(회색 영역) ─────────────────────────────────
   헤더/푸터와 동일한 1600 컨테이너 정렬. 헤더 아래 64 · 푸터 위 120 간격(시안). */
.brochure-viewer {
  max-width: var(--container-3xl);
  /* 1600 */
  margin: var(--space-2xl) auto var(--space-5xl);
  /* 64 · 120 */
  padding: 0 var(--gutter);
}

/* DearFlip 플립북 컨테이너 = 회색 박스(#d4d4d4) */
.brochure-flipbook {
  width: 100%;
  height: 640px;
  background: var(--gray-300);
}

/* DearFlip 내부 캔버스/뷰어도 동일 회색으로 (기본 그라데이션 덮어쓰기) */
.brochure-flipbook .df-container,
.brochure-flipbook .df-bg {
  background: var(--gray-300);
}

/* ── 반응형: 모바일 시안 (≤1024px) ───────────────────────
   회색 박스 335×506 · 헤더 아래 32 · 푸터 위 80 · 좌우 여백 20 */
@media (max-width: 1024px) {
  .brochure-viewer {
    margin: var(--space-ml) auto var(--space-3xl);
    /* 32 · 80 */
    padding: 0 20px;
  }

  .brochure-flipbook {
    height: 506px;
  }
}