:root {
    --red: #f95a5a;
    --yellow: #ffce62;
    --blue: #adc4ff;
}

h1, h2 {
    margin-bottom: .3em;
}

.tentative {
    opacity: .4;
}

.li-date,
.inline-note,
.timeline-table tr > :first-child,
.timeline-table tr > :nth-child(2) {
    font-size: .7em;
    opacity: .6;
}

.timeline-table tr > :nth-child(2) {
    border-right: 1px solid var(--pico-muted-border-color);
}

.timeline-table tr th:nth-child(n) {
    font-size: .7em;
    opacity: .8;
}

.timeline-table tr > * {
    padding: .1em .5em;
    border: none;
}

.timeline-table tr > *:last-child {
    width: 100%;
}

.timeline-table tr.vacances {
    font-style: italic;
    background: #222936;
}
.timeline-table tr.vacances > * {
    opacity: .4;
}

.timeline-table tr.vacances > *:last-child {
    font-size: .8em;
    margin: .5em 0;
    padding: .7em .5em;
    color: #888;
}

.yellow {
    color: var(--yellow);
    opacity: .8;
}

.italic {
    font-style: italic;
}

.timeline-table tr > td.row-te {
    color: var(--yellow);
    opacity: .8;
    font-style: italic;
}

.li-date {
    padding-right: .4em;
}

.timeline-table th {
  vertical-align: top;
}

/* Labos column: 4th column, no wrap */
.timeline-table th:nth-child(4),
.timeline-table td:nth-child(4) {
  white-space: nowrap;
}

.col-title {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  margin-bottom: 0.05em;
}
.col-subtitle {
  font-size: 1.0em;
  font-style: italic;
  color: #888;
  opacity: 0.8;
  white-space: nowrap;
  display: block;
}

.tab {
    display: inline-block;
    width: 2em;
}

@media screen and (min-width: 1280px) {
    main.container {
        max-width: 1000px;
    }
}

.chapter {
    font-style: italic;
    font-size: 0.75em;
}