@charset "UTF-8";
/* =========================================================
   ブランディング提案ページ 共通：PDFで保存ボタン＋PDFの組み
   各案件の pdf/proposal-pdf.css にコピーして、提案ページの最後に読み込む
   色は案件ごとに --pdf-cta-bg / --pdf-cta-fg で変える（:root などで指定）
   ========================================================= */

/* ---------- PDFで保存（ヘッダーの右上に置く） ---------- */
.pdf-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  min-height: 44px;
  padding: 0 20px 0 16px;
  border-radius: 999px;
  background: var(--pdf-cta-bg, #17282A);
  color: var(--pdf-cta-fg, #fff);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity .2s;
}
.pdf-cta:hover { opacity: .86; }
.pdf-cta__ic { flex: none; width: 18px; height: 18px; }
.pdf-cta__sub { font-size: 12px; font-weight: 500; opacity: .8; }
/* 固定ヘッダーがないページ用：画面の右上に浮かせる */
.pdf-cta--float { position: fixed; top: 14px; right: 14px; z-index: 1000; }
@media (max-width: 540px) {
  .pdf-cta { min-height: 40px; padding: 0 14px 0 12px; font-size: 13px; }
  .pdf-cta__sub { display: none; }
}

/* ---------- PDF・印刷の組み（1600×1131px＝A4横の比率） ----------
   data-pdf="hide"  … PDFに出さない（固定ヘッダー・ボタン・デモ表示など）
   data-pdf="cover" … 表紙（1ページ目いっぱい）
   data-pdf="page"  … 章（新しいページから。背景をページの下まで伸ばす）
   data-pdf="end"   … 最後のページ（連絡先など。1ページいっぱい）
   data-pdf="keep"  … ページの途中で切らない */
@page { size: 1600px 1131px; margin: 0; }
@media print {
  html, body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .pdf-cta, .demo-badge, [data-pdf="hide"] { display: none !important; }
  [data-pdf="cover"], [data-pdf="end"] { min-height: 1129px; display: flex; flex-direction: column; justify-content: center; }
  [data-pdf="cover"] { break-after: page; }
  [data-pdf="page"], [data-pdf="end"] { break-before: page; }
  [data-pdf="page"] { min-height: 1129px; }
  [data-pdf="keep"], figure, img, table, li { break-inside: avoid; }
  h1, h2, h3 { break-after: avoid; }
}