/* Offer arithmetic describes the current price, not a historical selling price. */
.course-offer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:20px 0 14px; font:500 13px/1.5 "DM Sans",sans-serif; letter-spacing:0; color:inherit; }
.course-offer strong { display:inline-block; background:#ede5ff; color:#4822bd; padding:3px 9px; font-size:12px; white-space:nowrap; }
.course-offer .offer-base { white-space:nowrap; }
.course-offer .offer-net { font-weight:700; white-space:nowrap; }
.section-cta > .course-offer { grid-column:1 / -1; }
.sample-cta .course-offer { margin:24px 0 14px; font-size:14px; }
.sample-cta .lab-primary { max-width:100%; box-sizing:border-box; line-height:1.5; white-space:normal; }
.sample-cta .sample-note { margin:26px 0 0; font:12px/1.7 var(--mono); max-width:65ch; }
.sample-cta h2 { margin-top:14px; }
@media(max-width:600px) {
 .sample-cta { padding:24px 20px; }
 .sample-cta .lab-primary { display:block; text-align:center; padding:16px; font-size:16px; }
 .sample-cta .sample-note { margin-top:24px; }
}

.offer-action { min-width:0; max-width:100%; }
.offer-action > .course-offer { margin-top:0; }
.section-cta > .offer-action { flex-shrink:0; }
.section-cta .course-offer { margin:0 0 14px; font-size:13px; }
.section-cta .course-offer strong { font-size:12px; display:inline-block; }
.studio-contact > .offer-action .course-offer { justify-content:center; }
@media(max-width:767px) { .section-cta > .offer-action { flex-shrink:1; width:100%; } }

/* Don't flash an HTML fallback price while the assigned offer loads. */
body:not(.offer-ready) [data-campaign-price], body:not(.offer-ready) [data-price], body:not(.offer-ready) .web-price { visibility:hidden; }