._archive-banner {
  position: sticky; top: 0; z-index: 9999;
  background: #1a1a1a;
  padding: 18px 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
               'Helvetica Neue', Arial, sans-serif;
  border-bottom: 2px solid #ff6b35;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
._archive-banner-inner {
  max-width: 1080px; margin: 0 auto;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 8px 10px;
  border-radius: 999px;
  background: #262626;
  border: 1.5px solid #3a3a3a;
}
._archive-banner-pill {
  flex-shrink: 0;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: #ff6b35; color: #fff;
  font-size: 12px; font-weight: 800;
  letter-spacing: 0.09em; text-transform: uppercase;
  white-space: nowrap;
}
._archive-banner-body {
  flex: 1; min-width: 220px;
  color: #f2f2f2;
  font-size: 14px; line-height: 1.55;
  padding: 2px 6px;
}
._archive-banner-body strong {
  color: #ffffff; font-weight: 700;
  display: block; margin-bottom: 2px;
}
._archive-banner-cta {
  flex-shrink: 0;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 999px;
  background: #ffffff; color: #1a1a1a !important;
  font-size: 13px; font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform .12s, background .12s;
}
._archive-banner-cta:hover {
  background: #ff6b35; color: #ffffff !important;
  transform: translateX(2px);
}
@media (max-width: 720px) {
  ._archive-banner { padding: 14px 12px; }
  ._archive-banner-inner {
    flex-direction: column; align-items: stretch;
    border-radius: 20px;
    gap: 10px; padding: 14px;
    text-align: center;
  }
  ._archive-banner-pill { align-self: center; }
  ._archive-banner-cta { align-self: center; }
  ._archive-banner-body { min-width: 0; }
}