/* The archive banner. This file is new in the archive copy, kept separate so
   style-6.css stays byte-identical to what the Pi served. */

.archive-banner {
  background: #15171c; /* --text from style-6.css */
  color: #eef0f4;
  font-size: .875rem;
  line-height: 1.55;
  padding: 12px 20px;
}

.archive-banner .in {
  max-width: 1000px; /* same as .wrap */
  margin: 0 auto;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.archive-banner .tag {
  flex: none;
  position: relative;
  top: -1px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #fff;
  background: var(--accent);
  border-radius: 999px;
  padding: 3px 10px;
}

.archive-banner b {
  color: #fff;
  font-weight: 600;
}