@charset "UTF-8";
/* =========================================================
   プロフィール（/profile/）専用。共通部分は pages.css
   ========================================================= */

/* 写真＋名前・肩書き（PCは横並び、スマホは写真が上） */
.profile-intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 2.6rem; align-items: center; max-width: 960px; margin: 0 auto 2.6rem; }
.profile-photo { margin: 0; }
.profile-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; }
.profile-intro-text { text-align: left; }
.profile-intro-text .section-label, .profile-intro-text .section-title { text-align: left; }
.profile-intro-text .section-title { margin-bottom: 1.6rem; }
.profile-intro-text .section-title::after { margin-left: 0; }
.profile-intro .profile-titles { justify-content: flex-start; margin: 0; }
@media (max-width: 760px) {
  .profile-intro { grid-template-columns: 1fr; gap: 1.6rem; margin-bottom: 2.2rem; }
  .profile-photo img { aspect-ratio: 3 / 2; object-position: 50% 40%; }
  .profile-intro-text, .profile-intro-text .section-label, .profile-intro-text .section-title { text-align: center; }
  .profile-intro-text .section-title::after { margin-left: auto; }
  .profile-intro .profile-titles { justify-content: center; }
}

/* 公式SNSのカード（丸い画像・フォロワー数・合計）は pages.css へ移した（2026-11-08。/media/ と共通） */

/* 主な活動のボタン（共通の間隔指定は .cta-band 内だけなので、ここで付ける） */
.btn-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }

/* 写真ブロックと数字カードを同じ幅にそろえる（PC）／スマホは写真の上の余白を、ページタイトル帯とパンくずの間（パンくず ol の上マージン 1em＝.7rem）と同じにする */
@media (min-width: 761px) {
  .profile-head { max-width: 960px; margin-inline: auto; }
  .profile-head .profile-intro, .profile-head .profile-stats { max-width: none; }
}
@media (max-width: 760px) {
  .profile-head-section { padding-top: .7rem; }
}