:root {
  --offer-background: #1453a0;
  --offer-foreground: #ffffff;
  --offer-height: 0px;
}
.october-offer {
  position: fixed;
  inset: 0 0 auto;
  z-index: 150;
  background: var(--offer-background);
  color: var(--offer-foreground);
  padding: 7px 16px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}
.october-offer a { color: inherit; text-decoration: underline; }
body.october-offer-active { padding-top: var(--offer-height); }
html .nav { transition-property: padding, background, border-color, box-shadow; }
.october-offer-active .nav,
.october-offer-active header.sticky { top: var(--offer-height); }
html.october-offer-active { scroll-padding-top: calc(90px + var(--offer-height)); }