/* =============================================================================
   final-preview.css
   本番候補版（/final-preview/ /final-guide/ /final-helper/ /final-bases/ /final-recruit/）
   専用の調整レイヤー。既存の blocks.css / concept-d.css / pages.css / pages-v2.css /
   refine.css / mtg0813.css の後に読み込む、最後の調整用CSSです。

   既存CSSファイルは一切変更していません。このファイルのクラスはすべて
   "fp-" 名前空間を使い、既存ページ（Design Labの他の案）には影響しません。
   ========================================================================== */

/* -----------------------------------------------------------------------
   1. final-preview トップページ：「会社情報」の写真枠をやや小さめに
      写真差し込み版PDF（9/1・p.4）コメント「写真そのまま（枠やや小さめに）」への対応。
      写真そのもの・本文は変更せず、表示枠の高さのみ既存の .bk-person__media より
      小さくしている（既存 blocks.css の .bk-person はそのまま利用）。
   ----------------------------------------------------------------------- */
.fp-person-compact .bk-person__media img {
  height: clamp(300px, 38vw, 520px);
}
@media (max-width: 767px) {
  .fp-person-compact .bk-person__media img {
    height: 220px;
  }
}

/* -----------------------------------------------------------------------
   1b. タップ領域が44pxに満たない既存UIパーツの補正（アクセシビリティ）
      表示切替バー（背景色・文字サイズ）と拠点カードの「詳しく見る」リンクが
      SP幅で44px未満だったため、この本番候補版でのみ最小高さを補っている。
      既存の d-a11ybar / bk-cards__link 自体のCSS（blocks.css / concept-d.css）
      は変更していない。
   ----------------------------------------------------------------------- */
.d-a11ybar__btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.bk-cards__link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* -----------------------------------------------------------------------
   2. lab-todo（要確認メモ）の見た目を、本番候補版でも分かりやすく維持
      既存の refine.css の見た目（赤枠）をそのまま使うが、装飾用の演出
      （lab-tag のフロートラベル等）は final-preview では取り除いているため
      見出しとの間隔だけ軽く調整する。
   ----------------------------------------------------------------------- */
.fp-person-compact + .lab-todo,
section > .lab-todo:last-child {
  margin-top: 24px;
}