/* member-detail-wide-v1 — メンバー詳細の大きな画面（1440 を超える幅）で、文字とパーツを列の倍率で大きくする（和紋担当、2026-09-29）。
   オーナー「メンバー詳細、画面大きいとフォントとかパーツのサイズ小さすぎ」。
   倍率 k = --site-max ÷ 1168（site-width-v2.css：--site-max = clamp(1168px, 画面の幅 × 1168/1440, 1752px)）。
     1440 以下 k = 1（このファイルは効かない。今のまま）、1600 k ≈ 1.111、1920 k ≈ 1.333、2160 以上 k = 1.5。
   --mbu = --site-max ÷ 1168（1440 以下で 1px、1920 で約 1.333px）を単位にし、members-v2.css の詳細の値（px）をすべて × --mbu にする。
   文字の大きさ・行の高さ・部品の大きさ・文字どうしの間隔を同じ倍率にするので、文字との距離・余白の比は 1440 と同じ。
   変えないもの：ヘッダー（全ページ共通）、帯の上端 → 絵の箱 32（帯の共通の規則）、ヘッダーの下端 → 名前のインク 64 のうち
   ヘッダーの位置（名前の大きさに応じてインクの位置の補正だけ倍率に合わせる）。
   読むのは試験ページ member-hiun5.html（members-v2.css・accent-v1.css の後）。 */
@media (min-width: 1441px) {
  body.mb-page.mb-page--detail {
    --mbu: calc(var(--site-max, 1168px) / 1168);
    /* 絵の箱：1440 の 560 = 中身の 0.48。上限 640 も倍率で（1920：744、1600：616） */
    --mb-art-w: min(calc(640 * var(--mbu)), round(down, calc(0.48 * var(--mb-content)), 8px));
  }
  body.mb-page.mb-page--detail .mb-hero { column-gap: calc(48 * var(--mbu)); }

  /* 名前：56/1.15。ヘッダーの下端 → 名前のインク 64 は保ち、箱の上からインクまでの 8.7（56px のとき）だけ倍率に合わせる */
  body.mb-page.mb-page--detail .mb-head { padding-top: calc(var(--sp-title-ink, 64px) - 8.7 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-h1 {
    font-size: calc(56 * var(--mbu));
    gap: calc(8 * var(--mbu)) calc(16 * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-h1 .mb-badge { font-size: calc(16 * var(--mbu)); }
  /* 読み・役割（副情報の行）：13px・字間 0.2em。名前のインク → この行のインク 24 を倍率で */
  body.mb-page.mb-page--detail .mb-kicker.sp-meta {
    font-size: calc(15 * var(--mbu));
    line-height: calc(15 * var(--mbu));
    gap: 0 calc(12 * var(--mbu));
    padding-top: calc((24 - 11.2 - 2.6 + 8) * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-kicker span + span::before { margin-right: calc(12 * var(--mbu)); }

  /* CHANNELS：見出し行 44、節点 48（アイコン 20）、線の中心 24、文字 12/16・13/16、間隔 12・10 をすべて倍率で。読む列の上限 640 も */
  body.mb-page.mb-page--detail .mb-channels {
    margin-top: calc(26 * var(--mbu));
    width: calc(min(100%, calc(640 * var(--mbu))) * var(--n, 3) / 3);
  }
  body.mb-page.mb-page--detail .mb-ch-head { min-height: calc(44 * var(--mbu)); gap: calc(24 * var(--mbu)); }
  /* 文字の大きさの元は、全ページの文字の下限 type-floor-v1.css の値（CHANNELS・節点の名前・前後の見出し 13、配信の状態 15/1.5） */
  body.mb-page.mb-page--detail .mb-ch-label,
  body.mb-page.mb-page--detail .mb-ch-state {
    font-size: calc(15 * var(--mbu));
    line-height: calc(16 * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-ch-state > span { font-size: calc(15 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-ch-label,
  body.mb-page.mb-page--detail .mb-ch-state > span { padding-bottom: calc(12 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-ch-state { gap: calc(8 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-rail { margin-top: calc(12 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-rail::before { top: calc(24 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-node a { min-height: calc(48 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-node-ring { width: calc(48 * var(--mbu)); height: calc(48 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-node-ring svg { width: calc(20 * var(--mbu)); height: calc(20 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-node-name {
    margin-top: calc(12 * var(--mbu));
    font-size: calc(15 * var(--mbu));
    line-height: calc(16 * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-node-name::after { bottom: calc(-6 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-node-handle {
    margin-top: calc(10 * var(--mbu));
    font-size: calc(15 * var(--mbu));
    line-height: calc(16 * var(--mbu));
  }

  /* 紹介文：16/30、ハンドル → 紹介文 48（箱では 37.5）、読む列の上限 640 */
  body.mb-page.mb-page--detail .mb-bio {
    margin-top: calc(37.5 * var(--mbu));
    max-width: calc(640 * var(--mbu));
    font-size: calc(16 * var(--mbu));
    line-height: calc(30 * var(--mbu));
  }

  /* 閉じの帯（ALL MEMBERS・前後のメンバー）も同じ倍率で */
  body.mb-page.mb-page--detail .mb-band--close {
    gap: calc(32 * var(--mbu)) calc(48 * var(--mbu));
    padding-top: calc(92 * var(--mbu));
    padding-bottom: calc(65.5 * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-band--close.is-solo { padding-top: calc(75.5 * var(--mbu)); padding-bottom: calc(54 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-neighbors { gap: calc(16 * var(--mbu)) calc(64 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-nb { gap: calc(8 * var(--mbu)); min-height: calc(44 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-nb-k { font-size: calc(15 * var(--mbu)); line-height: calc(16 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-nb-name { font-size: calc(18 * var(--mbu)); line-height: calc(24 * var(--mbu)); }
  body.mb-page.mb-page--detail .mb-band--close .mb-u {
    font-size: calc(15 * var(--mbu));
    min-height: calc(44 * var(--mbu));
    padding-bottom: calc(12 * var(--mbu));
    gap: calc(10 * var(--mbu));
  }
  body.mb-page.mb-page--detail .mb-band--close .mb-u::after { bottom: calc(5 * var(--mbu)); } /* 元は site-shell-v1b.css の 5px */
}