.header {
  margin-bottom: 12mm;
}

.header h1 {
  font-size: 22pt;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--text-dark);
  margin-bottom: 3mm;
}

.header .tagline {
  font-size: 10pt;
  font-weight: 300;
  font-style: italic;
  color: var(--text-mid);
  letter-spacing: 0.01em;
}

.divider {
  border: none;
  border-top: 0.5px solid var(--text-light);
  margin-bottom: 10mm;
  opacity: 0.5;
}

.dinner-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5mm;
}

.dinner-list li a {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 4mm;
  text-decoration: none;
  color: inherit;
}

.dinner-list li a:hover .dinner-name {
  color: var(--text-mid);
}

.dinner-name {
  font-size: 11pt;
  font-weight: 400;
  color: var(--text-dark);
  transition: color 0.15s;
}

.dinner-date {
  font-size: 10pt;
  font-weight: 300;
  font-style: italic;
  color: var(--text-light);
  text-align: right;
  white-space: nowrap;
}

.footer {
  margin-top: 12mm;
  text-align: center;
}

.footer span {
  font-size: 9.5pt;
  font-weight: 300;
  color: var(--text-light);
  letter-spacing: 0.01em;
}