/**
 * single-interview.php ページ固有CSS（F分類・docs/29_template-map.md §2-2）
 * 正本: design/pages/interview-detail-akagawa.html <style id="page-scoped">（2026-10-14 tag 20261014l で design と同じ DOM・クラスに作り直し、
 * そのCSSをそのまま移植）。.iv-fv__body／.iv-fv__lead／.ph--video は design 側でも未使用のため移植していない。
 *
 * 末尾の「.iv-body」ブロックは、移し替え前の互換表示（post_content／旧 iv_ch*_text）用。移し替え完了後に削除してよい。
 *
 * @package idworks
 */

.wf-note,.wf-banner,.wf-label{display:none!important;}
[id]{scroll-margin-top:70px;}

/* 引用型FV */
.iv-fv__quote{font-weight:var(--fw-normal);font-size:var(--c1-fs-h2);letter-spacing:.04em;line-height:1.6;margin-bottom:var(--sp-2);}
/* 20261014v ディレクター指摘「デザイン的に違和感」→ ひと言を他ページのキャッチ（.hero-intro__catch）と同じ見出しの大きさに。
   旧＝13pxグレーの注釈扱いで、下のリード（15px）より小さく階層が逆転していた。印［動画］［読み物］は枠を外しラベルの下に小さく。 */
/* 20261014w ディレクター指示「暮らしのプロフィールと同じ文字サイズ・最大幅は他ページに合わせて」＝大きさ・幅は .hero-intro__catch のまま（SP28/PC32・幅指定なし）。
   最終行だけが短くなる段落ち（R08）は、行幅を狭めない text-wrap:pretty で抑える。 */
.iv-fv__sub{color:var(--c-text);}
/* [20261029b] SP（767px以下）では pretty を使わない＝iPhone の Safari は段落全体の行をそろえようとして全行が短くなり、文章が左に寄って見えるため（ディレクター選択＝案B）。 */
@media(min-width:768px){ .iv-fv__sub{text-wrap:pretty;} }
.iv-fv__formats{margin:0 0 20px;font-size:var(--fs-note);color:var(--c-text-sub);}
.iv-fv__formats .iv-format{display:inline-flex;align-items:center;gap:0;background:none;border:0;padding:0;margin:0 6px;color:inherit;font-size:inherit;}
.iv-format{display:inline-block;font-family:var(--ff-en);font-size:var(--fs-micro);letter-spacing:.08em;background:var(--c-btn);color:var(--c-btn-text);padding:2px 10px;margin:0 3px;}
.iv-format--read{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-text);}
.iv-format__ic{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-right:4px;}
/* プロフィール表 */
.profile-table{max-width:var(--c1-measure-narrow);margin:0 auto;width:100%;border-collapse:collapse;font-size:var(--fs-body);}
.profile-table th,.profile-table td{border-bottom:1px solid var(--c-line);padding:14px 8px;text-align:left;vertical-align:top;line-height:1.9;}
.profile-table th{width:34%;color:var(--c-text-sub);white-space:nowrap;font-weight:var(--fw-normal);}
.works-link{max-width:var(--c1-measure-narrow);margin:32px auto 0;border:1px solid var(--c-text);background:var(--c-bg);padding:20px;text-align:center;}
/* 動画（本編1本）＝WPはoEmbedのiframe */
.movie-single{max-width:980px;margin:0 auto;}
.movie-single iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;}
/* 読み物（Q&A対話） */
.acts{max-width:var(--c1-measure);margin:0 auto;}
.act{margin-bottom:64px;}
.act:last-child{margin-bottom:0;}
.iv-story{font-family:var(--ff-en);font-weight:200;font-size:var(--fs-tagline);
  line-height:1.15;letter-spacing:.16em;text-indent:.16em;text-align:center;
  color:var(--c-text);margin:0 0 var(--sp-5);}
.act__title{font-weight:500;font-size:var(--c1-fs-h2);letter-spacing:var(--ls-2);line-height:1.5;
  border-bottom:1px solid var(--c-line);padding-bottom:18px;margin-bottom:10px;word-break:auto-phrase;}
.qa{margin-top:28px;}
.qa__q{font-size:var(--fs-body);line-height:1.95;margin-bottom:14px;color:var(--c-text-sub);}
.qa__a{font-size:var(--fs-body);line-height:2.05;margin-bottom:20px;}
.qa__a:last-child{margin-bottom:0;}
.qa__who{font-weight:500;}
/* 章の後の写真（大判 → 小組 → 大判 → 中判）。.section__inner の兄弟として置く＝読み幅720pxを越えた大判が効く */
.iv-interlude{max-width:var(--w-content);margin:80px auto;}
.iv-interlude img{display:block;width:100%;height:auto;}
.iv-interlude--mid{max-width:980px;}
.iv-interlude--pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap);}
.iv-interlude--pair img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
@media(max-width:767px){
  .iv-story{letter-spacing:.12em;text-indent:.12em;margin-bottom:var(--sp-4);}
  .act__title{padding-bottom:14px;}
  .iv-interlude{margin:52px auto;}
  .iv-interlude--pair{grid-template-columns:1fr;gap:var(--grid-gap);}
}

/* ===== 移し替え前の互換表示（.iv-body＝post_content／旧 iv_ch*_text）。移し替え完了後に削除してよい ===== */
.iv-body{max-width:var(--c1-measure);margin:0 auto;}
.iv-body h2{
  font-weight:500;font-size:var(--c1-fs-h2);letter-spacing:var(--ls-2);line-height:1.5;
  margin:var(--sp-5) 0 20px;
}
.iv-body h2:first-child{margin-top:0;}
.iv-body h3{
  font-weight:500;font-size:var(--c1-fs-h3);letter-spacing:var(--ls-2);line-height:1.6;
  border-bottom:1px solid var(--c-line);padding-bottom:14px;margin:var(--sp-5) 0 20px;
}
.iv-body p{font-size:var(--fs-body);line-height:2.05;margin-bottom:20px;}
.iv-body p:last-child{margin-bottom:0;}
.iv-body p span:first-child{font-weight:500;letter-spacing:.02em;}
.iv-body table{max-width:var(--c1-measure-narrow);margin:0 auto var(--sp-5);width:100%;border-collapse:collapse;font-size:var(--fs-body);}
.iv-body th,.iv-body td{border-bottom:1px solid var(--c-line);padding:14px 8px;text-align:left;vertical-align:top;line-height:1.9;}
.iv-body th{width:34%;color:var(--c-text-sub);white-space:nowrap;font-weight:var(--fw-normal);}
.iv-body img{display:block;width:100%;height:auto;margin:var(--sp-4) 0;}
@media(max-width:767px){
  .iv-body h3{padding-bottom:10px;}
}

/* 段落ち対策ユーティリティ（docs/22 §9 R08） */
.nowrap{white-space:nowrap;}

/* サブナビ＝SPで中央寄せ（interview-archive.cssと同一措置） */
@media(max-width:767px){
  .sub-nav__list{padding-right:var(--pad-side,16px);}
  .sub-nav__item:first-child{margin-left:auto;}
  .sub-nav__list::after{margin-right:auto;}
}