.offers-hub .article-header h1 { font-size: clamp(1.6rem, 4.2vw, 3rem); }
.offers-hub .article-header h1 span { display: block; }
.offers-hub .article-header { padding-top: 40px; padding-bottom: 28px; }
.offers-hub .offer-entry { margin-top: 8px; }
.offer-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.offer-nav a { padding: 12px; border: 1px solid currentColor; text-decoration: none; font-weight: 700; }
.offer-nav a span { display: block; margin-top: 4px; font-size: .78rem; font-weight: 400; }
.offers-hub .article-body { padding-top: 28px; }
.offers-hub section { scroll-margin-top: 24px; }
.offers-hub .button { max-width: 100%; box-sizing: border-box; white-space: normal; text-align: center; }
.offers-hub .offer-kind { margin-bottom: 8px; color: #087c83; font-size: .83rem; font-weight: 800; }
.offer-facts { margin: 16px 0; padding-left: 1.3em; }
.offer-facts li { margin: 6px 0; }
.offer-facts strong { color: var(--ink); }
.offers-hub .offer-note { font-size: .85rem; }
.offer-preview { margin-top: 16px; padding: 12px 14px; border: 1px solid var(--line); background: var(--surface); }
.offer-preview summary { cursor: pointer; color: #087c83; font-weight: 700; }
.offer-preview figure { margin: 16px 0 0; }
.offer-preview img { display: block; max-width: 100%; height: auto; }
.offer-preview figcaption { margin-top: 10px; color: var(--muted); font-size: .8rem; }
.offers-hub .offer-support { margin-top: 14px; font-size: .85rem; }
.offer-support a { color: #087c83; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .offers-hub .article-header { padding-top: 28px; padding-bottom: 22px; }
  .offers-hub .article-header h1 { font-size: clamp(1.6rem, 6.6vw, 2.4rem); }
  .offer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offers-hub .button { width: 100%; }
}