/* INTERVIEW 08（mayama-yamada）専用。interview.css の後に、この記事の詳細ページでのみ読み込む（functions.php current_official_interview_assets()）。
 * 吉田夏海対談（interview-yoshida-yamada.css）の会話・地の文・PROFILEの寸法を踏襲。
 * 話者アイコン：Word内の元写真にWordの切り取り範囲を適用した正方形画像を、Wordと同じ丸型（円）で表示。
 * 本文写真：縦横比を維持し、原寸を超えて拡大しない（--fig-max）。06の告知2点は同じ高さで横並び（1点あたり約320px）、860px以下は縦に並べる。 */

/* 会話：アイコン＋名前（第7弾と同じ寸法。アイコンは円形） */
.iv-article--mayama-yamada .iv-turn { grid-template-columns: 7.5em minmax(0,1fr); margin-bottom: .8em; }
.iv-article--mayama-yamada .iv-turn__speaker { display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 4px; line-height: 1.5; text-align: center; }
.iv-article--mayama-yamada .iv-my-turn-icon { display: block; width: 52px; height: 52px; border-radius: 50%; }
.iv-article--mayama-yamada .iv-turn__body p { margin-bottom: .9em; }

/* OUR GUEST：肩書は既存（interview.css）と同じく空白の位置でのみ折り返す（「代表／取締役」の分割を防ぐ）。収まらない場合のみ任意位置で折り返し、はみ出さない */
.iv-article--mayama-yamada .iv-guest__role { overflow-wrap: anywhere; }

/* 本文写真（1点） */
.iv-article--mayama-yamada .iv-my-fig { max-width: var(--fig-max); margin: 36px auto 44px; }
.iv-article--mayama-yamada .iv-my-fig img { display: block; width: 100%; height: auto; }
.iv-article--mayama-yamada .iv-my-fig figcaption, .iv-article--mayama-yamada .iv-my-pair figcaption { text-align: center; } /* 写真下の公式リンク（中央）とそろえる */

/* 06：告知2点（同じ高さで横並び。各セルの幅は画像の縦横比に比例） */
.iv-article--mayama-yamada .iv-my-pair { max-width: 652px; margin: 36px auto 20px; }
.iv-article--mayama-yamada .iv-my-pair__row { display: flex; align-items: flex-start; justify-content: center; gap: 16px; }
.iv-article--mayama-yamada .iv-my-pair__cell { flex: var(--g) 1 0; min-width: 0; max-width: 325px; }
.iv-article--mayama-yamada .iv-my-pair__cell img { display: block; width: 100%; height: auto; }

/* 写真下の公式リンク */
.iv-article--mayama-yamada .iv-my-link { margin: -24px 0 8px; font-size: 14px; line-height: 1.8; text-align: center; }
.iv-article--mayama-yamada .iv-my-link + .iv-my-link { margin-top: 0; }
.iv-article--mayama-yamada .iv-my-link:last-of-type { margin-bottom: 40px; }
.iv-article--mayama-yamada .iv-my-pair + .iv-my-link { margin-top: 4px; }
.iv-article--mayama-yamada .iv-my-link a,
.iv-article--mayama-yamada .iv-my-profile__link a { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.iv-article--mayama-yamada .iv-my-link a:hover,
.iv-article--mayama-yamada .iv-my-profile__link a:hover { opacity: .7; }

/* PROFILE：2名（円形アイコン＋氏名・肩書・本文） */
.iv-article--mayama-yamada .iv-my-profile { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 28px; }
.iv-article--mayama-yamada .iv-my-profile + .iv-my-profile { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--iv-line); }
.iv-article--mayama-yamada .iv-my-profile-icon { display: block; width: 96px; height: 96px; border-radius: 50%; }
.iv-article--mayama-yamada .iv-my-profile__role { margin: 4px 0 14px !important; color: var(--iv-sub); font-size: 13px; line-height: 1.8; }
.iv-article--mayama-yamada .iv-my-profile__link { margin-top: 4px; font-size: 14px; }
.iv-article--mayama-yamada .iv-contents__list a { grid-template-columns: 44px minmax(0,1fr); }

/* 締め：本文なし（SHAREのみ） */
.iv-article--mayama-yamada .iv-closing { margin-top: clamp(48px, 6vw, 80px); }

/* 詳細H1：<wbr>・<br>の位置でのみ改行（助詞「の」が行頭に来るのを防ぐ） */
.iv-article--mayama-yamada .iv-hero__title { word-break: keep-all; overflow-wrap: anywhere; }
/* 章見出し（全17章）：本文パーツで文節の区切りに<wbr>（文言は変えない）を入れ、その位置でのみ折り返す。「広が／る」のような語の途中の改行を防ぐ（収まらない場合のみ任意位置で折り返し、はみ出さない） */
.iv-article--mayama-yamada .iv-my-ch-phrase { word-break: keep-all; overflow-wrap: anywhere; }

/* 見出し・本文：1文字だけの改行を避ける */
.iv-article--mayama-yamada .iv-hero__title, .iv-article--mayama-yamada .iv-chapter__title { text-wrap: balance; }
.iv-article--mayama-yamada figcaption, .iv-article--mayama-yamada .iv-contents__name, .iv-article--mayama-yamada .iv-turn__body p, .iv-article--mayama-yamada .iv-intro__lead, .iv-article--mayama-yamada .iv-profile__text p { text-wrap: pretty; }

@media (max-width: 860px) {
  .iv-article--mayama-yamada .iv-turn { grid-template-columns: 52px minmax(0,1fr); gap: 0 14px; margin-bottom: 12px; }
  .iv-article--mayama-yamada .iv-my-turn-icon { width: 40px; height: 40px; }
  .iv-article--mayama-yamada .iv-turn__speaker { font-size: 12px; letter-spacing: .02em; }
  .iv-article--mayama-yamada .iv-my-fig { margin: 28px auto 36px; }
  /* 06：縦に並べる（読みやすい幅＝最大320px程度、原寸を超えない） */
  .iv-article--mayama-yamada .iv-my-pair { max-width: 325px; margin: 28px auto 16px; }
  .iv-article--mayama-yamada .iv-my-pair__row { flex-direction: column; align-items: center; gap: 16px; }
  .iv-article--mayama-yamada .iv-my-pair__cell { flex: none; width: 100%; }
  .iv-article--mayama-yamada .iv-my-pair__cell:first-child { max-width: 317px; }
  .iv-article--mayama-yamada .iv-my-link { margin-top: -16px; font-size: 13px; }
  .iv-article--mayama-yamada .iv-my-profile { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .iv-article--mayama-yamada .iv-my-profile-icon { width: 80px; height: 80px; }
  .iv-article--mayama-yamada .iv-contents__list a { grid-template-columns: 34px minmax(0,1fr); }
}