@import url(../../css/common2025.css);

:root {
  --special-theme-color-rgb: 221, 51, 0; /* #dd3300 */
}

h2, h3, h4,
.table > thead > tr > th {
  background-color: rgba(var(--special-theme-color-rgb), 0.3);
}

ul.icon-head li::before {
  color: rgba(var(--special-theme-color-rgb), 1.0);
}

section#watching table thead tr th {
  text-align: center;
  vertical-align: middle;
}

section#watching table tr th,
section#watching table tr td,
section#watching table caption {
  font-size: .92rem;
}

section#watching div.timetable table thead tr:nth-child(2) th,
section#watching div.timetable table tbody tr td:nth-child(n+3) {
  text-align: right;
}

section#watching div.timetable table tbody tr td:nth-child(-n+2) {
  text-align: left;
}

section#watching div.timetable table tbody td.twilight {
  background-color: rgba(0, 128, 255, 0.16);
}

section#about div.eclipse-list table thead tr th {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

section#about div.eclipse-list table tr th,
section#about div.eclipse-list table tr td,
section#about div.eclipse-list table caption {
  font-size: .92rem;
}

section#about div.eclipse-list table tbody tr td {
  padding-top: .2rem; padding-bottom: .2rem;
}

section#about div.eclipse-list table tbody tr td:nth-child(-n+2) {
  text-align: right;
  white-space: nowrap;
}

section#about div.eclipse-list table tbody tr td:last-child {
  padding-left: 1rem;
}

section#about div.eclipse-list table tbody tr.thistime * {
  background-color: rgba(var(--special-theme-color-rgb), 0.16);
}