.discount-page { margin-bottom: 32px; }
.discount-page > p, .discount-entry > p { max-width: 72ch; }
.discount-page section { margin-top: 40px; }
.discount-page h2 { scroll-margin-top: 24px; }
.discount-jumps { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 28px 0; }
.discount-entry { padding: 28px 0; border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.discount-entry header { margin-bottom: 16px; }
.discount-entry h3 { margin: 4px 0 0; font-size: 1.25rem; line-height: 1.35; }
.discount-merchant { margin: 0; font-weight: 700; }
.discount-code-label { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.discount-code-label .offer-code { display: inline-block; font-size: 1.125rem; user-select: all; overflow-wrap: anywhere; max-width: 100%; }
.discount-details { margin: 20px 0; font-size: 0.9375rem; }
.discount-details > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; margin: 10px 0; }
.discount-details dt { font-weight: 700; }
.discount-details dd { margin: 0; overflow-wrap: anywhere; }
.discount-entry p { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .discount-details > div { grid-template-columns: 1fr; gap: 2px; margin: 14px 0; }
  .discount-jumps { flex-direction: column; gap: 12px; }
}