@charset "utf-8";
/* 教員ページ（site/sakumura/）で使う */

/* 業績一覧で自分の名前に下線を引く（.self は bib2md.py，.underline は手で書いた一覧） */
.self,
.underline {
  text-decoration: underline;
}

/* 顔写真と自己紹介を横に並べる（スマホでは縦に並べる） */
.profile {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  margin: 1rem 0 1.5rem;
  text-align: left;
}

.profile p {
  margin-top: 0;
}

.profile-photo {
  width: 140px;
  height: auto;
  aspect-ratio: auto;
  border-radius: 4px;
  flex: none;
}

@media (max-width: 600px) {
  .profile {
    flex-direction: column;
  }
}

/* 学歴・職歴・受賞などの年譜（左に年月，右に内容） */
.cv dl {
  display: grid;
  grid-template-columns: 10em 1fr;
  gap: 0.5rem 1.5rem;
  margin: 1rem 0 1.5rem;
  text-align: left;
}

.cv dt {
  font-weight: bold;
  color: #0481A2;
}

.cv dd {
  margin: 0;
}

.cv dd ul {
  margin: 0.25rem 0 0;
  padding-left: 1.2em;
}

/* 研究テーマの一覧は題目が長いので，年譜の形にせず縦に並べる */
.topics dl {
  display: block;
}

.topics dt {
  margin-top: 1rem;
}

.topics dd {
  margin: 0.25rem 0 0 1.5em;
}

@media (max-width: 600px) {
  .cv dl {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }

  .cv dd {
    margin-bottom: 0.75rem;
  }
}

/* 教員ページのトップの外部リンク */
.link-list p {
  line-height: 2;
}

/* 研究室の英語版のメンバの一覧（scripts/members.py が作る）．見出しに合わせて左に寄せる */
.en-names {
  text-align: left;
  margin: 0.5rem 0 1.5rem;
  line-height: 2;
}

.en-names span {
  margin: 0 1em 0 0;
  white-space: nowrap;
}

/* 修士課程に進学した卒業生（日本語のページの下線と同じ） */
.en-names .grad {
  border-bottom: 3px solid #E8820C;
}

/* 教員ページのヘッダの，業績のデータベースへのリンク */
.ext-links {
  font-size: 0.85em;
  color: black;
  margin-top: 0.25rem;
}

/* 内容に合わせた幅の表（ゼミ配属のページの「2年間の流れ」「分野ごとの人数」など）．::: {.compact-table} で囲む．
   見出しと同じく左に寄せる */
.compact-table table {
  width: auto;
  margin: 0.5rem 0 1.5rem;
  border-collapse: collapse;
}

.compact-table th,
.compact-table td {
  padding: 0.3rem 1.2rem;
  border-bottom: 1px solid #ddd;
}