:root { --offer-bar-height: 44px; }
.offer-announcement {
  position: fixed; inset: 0 0 auto; z-index: 101;
  min-height: var(--offer-bar-height); box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: 24px;
  padding: 8px 16px; background: #fdd100; color: #171323;
  font-size: 15px; line-height: 1.4; text-align: center;
}
.offer-announcement a { color: inherit; text-decoration: none; }
.offer-announcement strong { font-weight: 800; white-space: nowrap; }
.offer-announcement .offer-announcement-action { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.offer-announcement .offer-asterisk { font-weight: 800; padding: 8px 5px 8px 1px; }
.offer-announcement a:focus-visible { outline: 3px solid #6d40fe; outline-offset: 3px; }
.nav { top: var(--offer-bar-height); }
main#top { margin-top: var(--offer-bar-height); }
.offer-terms { background: #fff; color: #777180; padding: 20px 0 24px; scroll-margin-top: 140px; }
.offer-terms p { font-size: 12px; line-height: 1.65; margin-block: 0; }
body.qualifier-mode .offer-announcement,
body.qualifier-mode .offer-terms { display: none; }
@media (max-width: 600px) {
  :root { --offer-bar-height: 64px; }
  .offer-announcement { flex-direction: column; gap: 2px; font-size: 14px; }
  .offer-announcement .offer-announcement-action { font-size: 12px; }
}