/* ═══════════════════════════════════════════
   営業資料PDFプレビューページ（/materials）専用スタイル
   sales-deck.css の変数・ヘッダースタイルを継承しつつ、
   タブ切替＋iframeビューア部分のみ追加定義する。
   ═══════════════════════════════════════════ */

.materials-hero{
  padding:36px 24px 20px;
  max-width:960px;
  margin:0 auto;
  text-align:center;
}
.materials-hero-title{
  font-size:26px;
  font-weight:900;
  color:var(--brand-black);
  margin-bottom:10px;
}
.materials-hero-desc{
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}

.materials-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  max-width:1100px;
  margin:0 auto;
  padding:0 16px 20px;
}
.materials-tab-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  border-radius:14px;
  border:1.5px solid var(--border);
  background:#fff;
  cursor:pointer;
  font-weight:700;
  font-size:13.5px;
  color:var(--text);
  transition:all .15s;
  text-align:left;
}
.materials-tab-btn:hover{ border-color: var(--brand-red); }
.materials-tab-btn.is-active{
  border-color:var(--brand-red);
  background:var(--brand-red-light);
  color:var(--brand-red-dark);
}
.materials-tab-btn .materials-tab-icon{ font-size:20px; flex-shrink:0; }
.materials-tab-btn .materials-tab-text{ display:flex; flex-direction:column; gap:2px; }
.materials-tab-btn .materials-tab-label{ font-size:13.5px; font-weight:800; }
.materials-tab-btn .materials-tab-sub{ font-size:11px; font-weight:500; color:var(--muted); }
.materials-tab-btn.is-active .materials-tab-sub{ color:var(--brand-red-dark); opacity:.8; }

.materials-viewer-wrap{
  max-width:1100px;
  margin:0 auto 40px;
  padding:0 16px;
}
.materials-viewer-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:10px;
}
.materials-viewer-title{
  font-size:16px;
  font-weight:800;
  color:var(--brand-black);
}
.materials-viewer-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.materials-viewer-actions .deck-btn{ font-size:12.5px; padding:8px 14px; }

.materials-viewer-frame-wrap{
  position:relative;
  width:100%;
  height:78vh;
  min-height:480px;
  background:#525659;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.materials-viewer-frame{
  width:100%;
  height:100%;
  border:none;
  display:block;
}
.materials-viewer-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:14px;
  font-weight:600;
  background:#525659;
  text-align:center;
  padding:20px;
}
.materials-viewer-placeholder.is-hidden{ display:none; }

.materials-viewer-note{
  margin-top:10px;
  font-size:11.5px;
  color:var(--muted);
  text-align:center;
}

@media (max-width: 640px){
  .materials-hero{ padding:24px 16px 14px; }
  .materials-hero-title{ font-size:21px; }
  .materials-tab-btn{ padding:10px 14px; }
  .materials-viewer-frame-wrap{ height:64vh; }
}