/* ゼミ生の研究成果（students.html と、トップページの「ゼミ生の研究成果」）。
   中身は tools/students.mjs が content/students.json から作る。一覧の行と見出しは research.css、トップのカードは news.css を使う */

.lab-students {
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
}
.lab-students-lead {
  margin: 0 0 2em;
}

/* 成果の一覧: 種類で絞り込む（JavaScript を使わず、ラジオボタンの選択で表示を切り替える） */
.lab-students-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.lab-students-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0 0 1.2em;
}
.lab-students-chips label {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
  padding: 0.1em 0.9em;
  border: 1px solid #6c3b19;
  color: #6c3b19;
  font-size: 0.9em;
  line-height: 2;
  cursor: pointer;
}
.lab-students-chips label:hover {
  background: #f7f3ef;
}
#lab-students-kind-all:checked ~ .lab-students-chips label[for="lab-students-kind-all"],
#lab-students-kind-award:checked ~ .lab-students-chips label[for="lab-students-kind-award"],
#lab-students-kind-paper:checked ~ .lab-students-chips label[for="lab-students-kind-paper"],
#lab-students-kind-presentation:checked ~ .lab-students-chips label[for="lab-students-kind-presentation"],
#lab-students-kind-book:checked ~ .lab-students-chips label[for="lab-students-kind-book"] {
  background: #6c3b19;
  color: #fff;
}
#lab-students-kind-all:focus-visible ~ .lab-students-chips label[for="lab-students-kind-all"],
#lab-students-kind-award:focus-visible ~ .lab-students-chips label[for="lab-students-kind-award"],
#lab-students-kind-paper:focus-visible ~ .lab-students-chips label[for="lab-students-kind-paper"],
#lab-students-kind-presentation:focus-visible ~ .lab-students-chips label[for="lab-students-kind-presentation"],
#lab-students-kind-book:focus-visible ~ .lab-students-chips label[for="lab-students-kind-book"] {
  outline: 2px solid #6c3b19;
  outline-offset: 2px;
}
#lab-students-kind-award:checked ~ .lab-students-years .lab-students-item:not([data-kind="award"]),
#lab-students-kind-paper:checked ~ .lab-students-years .lab-students-item:not([data-kind="paper"]),
#lab-students-kind-presentation:checked ~ .lab-students-years .lab-students-item:not([data-kind="presentation"]),
#lab-students-kind-book:checked ~ .lab-students-years .lab-students-item:not([data-kind="book"]) {
  display: none;
}
/* 該当する成果がなくなった年は、見出しごと隠す（:has() に対応していないブラウザーでは見出しだけ残る） */
#lab-students-kind-award:checked ~ .lab-students-years .lab-students-year:not(:has([data-kind="award"])),
#lab-students-kind-paper:checked ~ .lab-students-years .lab-students-year:not(:has([data-kind="paper"])),
#lab-students-kind-presentation:checked ~ .lab-students-years .lab-students-year:not(:has([data-kind="presentation"])),
#lab-students-kind-book:checked ~ .lab-students-years .lab-students-year:not(:has([data-kind="book"])) {
  display: none;
}
.lab-students-year + .lab-students-year {
  margin-top: 2em;
}
.lab-students-year-heading {
  margin: 0 0 0.3em;
  color: #6c3b19;
  font-family: Vollkorn, serif;
  font-size: 1.3em;
  font-variant-numeric: lining-nums;
  font-weight: 500;
  line-height: 1.6;
}
/* 絞り込むと最後の行が変わるので、下の線は一覧の枠に付ける */
.lab-students-list {
  border-bottom: 1px solid #e3d9cf;
}
.lab-students-list > .lab-research-latest-item:last-child {
  border-bottom: 0;
}
.lab-students-item {
  scroll-margin-top: 90px; /* トップページのカードから移動したとき、上部に出るメニューに隠れないように */
}
.lab-students-source {
  font-size: 0.8em;
  line-height: 1.8;
}
.lab-students-source a {
  color: #6c3b19;
}
.lab-students-contact {
  margin-top: 3em;
  color: #555;
  font-size: 0.9em;
}
.lab-students-contact a {
  color: #6c3b19;
  text-decoration: underline;
}

/* トップページ */
.lab-students-highlight {
  text-align: left;
}
.lab-students-more {
  margin-top: 1.6em;
}