/* ================================================================
   11 社員インタビュー — ページ専用CSS
   common.css で未定義のクラスのみ、すべて .nh-page プレフィックス付きで定義。
   ================================================================ */

/* ===== イントロ（見出し＋リード文） ===== */
.nh-page .iv-intro{padding-bottom:20px;}
.nh-page .iv-intro .deco-icon{top:10px;right:24px;width:150px;height:150px;color:var(--peach-deep);}

/* ===== インタビュー一覧 ===== */
.nh-page .iv-list{padding-top:20px;}
.nh-page .iv-card{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start;
  padding:48px;margin-bottom:36px;
  background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-lg);
  box-shadow:0 20px 46px rgba(90,64,40,.08);
  position:relative;overflow:hidden;
}
.nh-page .iv-card:last-child{margin-bottom:0;}
.nh-page .iv-card.rev{grid-template-columns:1.18fr .82fr;}
.nh-page .iv-card.rev .iv-media{order:2;}
.nh-page .iv-card.rev .iv-body{order:1;}

/* 背景の大きな引用符（装飾） */
.nh-page .iv-card::after{
  content:"\201D";position:absolute;top:-40px;right:28px;
  font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size:180px;font-weight:900;line-height:1;color:var(--peach);
  opacity:.55;z-index:0;pointer-events:none;
}
.nh-page .iv-card.rev::after{right:auto;left:28px;}

/* ----- 写真＋バッジ ----- */
.nh-page .iv-media{position:relative;z-index:1;}
.nh-page .iv-photo{border-radius:var(--r-md);overflow:hidden;height:340px;box-shadow:0 18px 38px rgba(150,110,70,.18);}
.nh-page .iv-badge{
  display:flex;align-items:center;gap:10px;margin-top:16px;
  background:var(--navy);border-radius:16px;padding:12px 18px;
}
.nh-page .iv-num{
  font-size:15px;font-weight:800;color:var(--glow);flex-shrink:0;
}
.nh-page .iv-role{font-size:12.5px;font-weight:700;color:#fff;line-height:1.5;}

/* ----- テキスト ----- */
.nh-page .iv-body{position:relative;z-index:1;}
.nh-page .iv-who{
  font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--coral-deep);
  text-transform:uppercase;margin-bottom:10px;display:block;
}
.nh-page .iv-title{
  font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size:clamp(18px,2.2vw,22px);font-weight:900;color:var(--ink);
  line-height:1.6;margin-bottom:26px;
}

/* ----- Q&A ----- */
.nh-page .iv-qa{display:flex;flex-direction:column;gap:22px;margin-bottom:26px;}
.nh-page .iv-qa-block{padding-left:20px;border-left:3px solid var(--peach-deep);}
.nh-page .iv-q{
  display:block;font-weight:700;font-size:14px;color:var(--coral-deep);
  margin-bottom:8px;
}
.nh-page .iv-a{color:var(--ink-soft);font-size:14.5px;}

/* ----- 興味・キーワードタグ ----- */
.nh-page .iv-tags{display:flex;flex-wrap:wrap;gap:8px;}
.nh-page .iv-tag{
  background:var(--peach);color:var(--coral-deep);font-size:12px;font-weight:700;
  padding:6px 14px;border-radius:20px;
}

/* ===== RESPONSIVE ===== */
@media (max-width:920px){
  .nh-page .iv-card{grid-template-columns:1fr;gap:26px;padding:32px 24px;}
  .nh-page .iv-card.rev{grid-template-columns:1fr;}
  .nh-page .iv-card.rev .iv-media{order:0;}
  .nh-page .iv-card.rev .iv-body{order:0;}
  .nh-page .iv-photo{height:260px;}
  .nh-page .iv-card::after{font-size:120px;top:-24px;}
}
@media (max-width:600px){
  .nh-page .iv-card{padding:26px 18px;border-radius:28px;}
  .nh-page .iv-badge{flex-wrap:wrap;}
}