.lecture-page {
  max-width: 1980px;
  margin: 0 auto;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  color: #333;
}

.lecture-page h2,
.lecture-page__term-picker,
.lecture-page__content {
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}

.lecture-page h2 {
  color: #1a93cb;
  border-bottom: 2px solid #1a93cb;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

.lecture-page__term-picker {
  margin-bottom: 1em;
}

.lecture-page__term-picker select {
  margin-left: 0.5em;
  padding: 0.3em 0.6em;
  border: 1px solid #b8d9e8;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 1em;
}

.lecture-page table {
  width: 100%;
  border-collapse: collapse;
}

.lecture-page table p {
  margin: 0;
}

.lecture-page table,
.lecture-page th,
.lecture-page td {
  border: 1px solid #d8e6ee;
}

.lecture-page th {
  background: #ecf5ff;
  color: #1a93cb;
  padding: 0.6em;
}

.lecture-page td {
  padding: 0.6em;
}

.lecture-page tr:nth-child(even) td {
  background: #f7fbfd;
}

.lecture-page__content {
  height: 350px;
  overflow-x: auto;
  border-radius: 4px;
}

.lecture-page__error {
  margin: 1em;
  padding: 0.8em 1em;
  border: 1px solid #f0c36d;
  border-radius: 4px;
  background: #fff8e6;
  color: #7a5b00;
  line-height: 1.6;
}