/*
 * 既存のstyle.cssの後から読み込まれる追加スタイル。
 * 配色、見出し、サイドバー、スライドショーには手を加えない。
 */

/* Presentations and awards: 題目 → 著者 → 正式名称 → 日程・開催地 */
.talk-content,
.award-content {
  min-width: 0;
}

.talks .talk-title,
.award-list .award-title {
  font-size: 13px;
  line-height: 1.65;
}

.talks .talk-authors,
.award-list .talk-authors {
  display: block;
  margin-top: 5px;
  color: #d0cbd4;
  font-size: 12px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.talks .talk-event,
.award-list .talk-event {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.talks .talk-meta,
.award-list .talk-meta {
  display: block;
  color: var(--accent-light);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  margin-top: 4px;
}

.award-list .award-subject {
  display: block;
  font-size: 12px;
  line-height: 1.65;
  margin-top: 5px;
  color: #e2dce4;
}

.coauthor-heading {
  font-size: 14px;
  color: var(--accent-light);
  margin: 25px 0 10px;
}

.coauthor-group > .archive {
  margin: 15px 0 0;
}

@media (max-width: 600px) {
  .talks li,
  .award-list li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }
}

/* =========================================================
 * 2026-10-16 : 自己紹介の研究テーマと論文番号
 *
 * 研究テーマのテキスト : index.html 内の .hero-theme
 * 配置                : script.js 内の About セクション
 * 文字サイズ・余白     : 以下の CSS
 * ========================================================= */

/* テーマ移動後もトップの試料写真をきれいに収めます。 */
@media (min-width: 701px) {
  .hero > .hero-image {
    grid-row: 1 / span 3;
  }
}

/* 自己紹介見出しの直後、説明文章の手前に配置。 */
#about > .hero-theme {
  margin: 0 0 20px;
}

/* 論文番号：本文タイトルと同じ15pxに。色・カウンターは既存CSSを継承。 */
#publications .papers li::before {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.6;
  top: 16px;
}

/* スマホでは2桁の番号と題目が重ならないようにする。 */
@media (max-width: 520px) {
  #publications .papers li {
    padding-left: 35px;
  }
}