/* ========== Sidebar Profiles (scoped) ========== */
#side .sidebar-profiles { 
  padding-top: 0; 
}

/* 見出し（サイトのトーンに寄せる） */
#side .sidebar-profiles .sb-ttl{
  margin: 0 0 10px;
  font-size: 1.05rem; font-weight: 700; color:#1f3f66;
  padding-left: .6rem; line-height: 1.3;
  position: relative;
}
#side .sidebar-profiles .sb-ttl::before{
  content:""; position:absolute; left:0; top:.1em; bottom:.1em;
  width:5px; background:#0d3a6b; border-radius:3px;
}

/* カード本体（白箱＋薄影＋角丸） */
#side .profile-card{
  background:#fff; border:1px solid #dfe6ef; border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  padding:12px; margin-bottom:18px;
}

/* 画像は横幅いっぱい、角丸を軽く */
#side .profile-media{ margin:0 0 10px; }
#side .profile-media img{ width:100%; height:auto; display:block; border-radius:8px; }

/* 文字組み（読みやすい行間&抑えたサイズ） */
#side .profile-body{ font-size:.93rem; line-height:1.75; color:#222; }
#side .profile-role{ margin:.1rem 0 .2rem; color:#374151; font-weight:600; font-size:.9rem; }

/* 氏名：和文を主、英文は淡色で補助 */
#side .profile-name{ margin:0 0 .35rem; line-height:1.35; }
#side .profile-name .name-ja{ font-weight:700; margin-right:.45rem; }
#side .profile-name .name-en{ color:#6b7280; font-size:.86rem; }

/* 本文は2〜4行で気持ち短めに */
#side .profile-text{ margin:0 0 .5rem; }

/* 詳細リンク */
#side .profile-link a{ color:#1f4d8a; text-decoration:underline; }
#side .profile-link a:hover{ opacity:.85; }

/* スマホ時：サイドバーが下に来る想定。横レイアウトで読みやすく */
@media (max-width: 768px){
  #side .profile-card{
    display:grid; grid-template-columns:110px 1fr; gap:10px; align-items:start;
  }
  #side .profile-media{ margin:0; }
}

/* 例：縦長 5:6 で固定（お好みで 3/4 や 4/5 に） */
#side .sidebar-profiles .profile-media{ aspect-ratio: 5 / 6; }
#side .sidebar-profiles .profile-media img{ width:100%; height:100%; object-fit:cover; }