.archive-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1rem;
  background-color: #fff3cd;
  color: #664d03;
  font-size: 0.85rem;
  line-height: 1.4;
  text-align: center;
}

.archive-banner__text {
  max-width: 80ch;
}

.archive-banner a {
  color: #664d03;
  font-weight: 600;
  text-decoration: underline;
}

.archive-banner a:hover {
  color: #3d2e02;
}

/* Dark mode (Material slate scheme) */
[data-md-color-scheme="slate"] .archive-banner {
  background-color: #4a3c00;
  color: #ffe082;
}

[data-md-color-scheme="slate"] .archive-banner a {
  color: #ffe082;
}

[data-md-color-scheme="slate"] .archive-banner a:hover {
  color: #fff8e1;
}