/* Existing offer content only; forms and consent text are not selected. */
:root {
  --offer-label-on-light: #6e5124;
  --offer-label-on-dark: #f0d49e;
  --offer-copy-on-dark: #f7f1e8;
  --offer-cta-ink: #1b2a4a;
  --offer-cta-fill: #c8a96e;
}
.zl-readable-label {
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  max-width: 100%;
  margin-bottom: 16px !important;
}
.zl-readable-label.zl-readable-light { color: var(--offer-label-on-light) !important; }
.zl-readable-label.zl-readable-dark { color: var(--offer-label-on-dark) !important; }
.zl-readable-copy {
  font-size: 16px !important;
  line-height: 1.75 !important;
  overflow-wrap: break-word;
}
.zl-readable-copy.zl-readable-dark { color: var(--offer-copy-on-dark) !important; }
.zl-readable-copy.zl-readable-light { color: var(--offer-cta-ink) !important; }
.plan.best .pill.zl-readable-label { position: static; display: block; transform: none; margin-bottom: 20px !important; }
button.btn-start,button.btn-next,button.btn-print {
  min-height: 48px;
  font-weight: 700;
  line-height: 1.5;
  white-space: normal;
  max-width: 100%;
  color: var(--offer-cta-ink);
}
a.zl-readable-cta {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px !important;
  height: auto !important;
  max-width: 100%;
  padding: 14px 22px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  text-align: center;
}
a.zl-readable-cta:not(.zl-profile) {
  color: var(--offer-cta-ink) !important;
  background: var(--offer-cta-fill) !important;
}
@media (max-width: 600px) {
  .zl-readable-label { font-size: 22px !important; }
  a.zl-readable-cta:not(.nav-cta):not(.zl-profile) { width: 100%; margin-top: 12px; }
}
/* React BIO uses the same presentation rules without changing its content. */
.mb-root :is(.mb-eyebrow,.mb-sec-eye,.mb-cta-eye,.mb-stat-l,.mb-free-badge,.mb-card-badge,.mb-mani-foot,.mb-fb-pill span:last-child) {
  font-size: 21px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: .02em;
  white-space: normal;
  max-width: 100%;
  overflow-wrap: break-word;
  color: var(--offer-label-on-light);
}
.mb-root :is(.mb-mani,.mb-free,.mb-cta,.mb-stats,.mb-fb-group) :is(.mb-sec-eye,.mb-cta-eye,.mb-stat-l,.mb-mani-foot) {
  color: var(--offer-label-on-dark);
}
.mb-root .mb-fb-pill span:last-child { color: var(--offer-label-on-dark) !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: .04em !important; line-height: 1.5 !important; }
.mb-root :is(.mb-card-badge,.mb-free-badge) { color: var(--offer-cta-ink); }
.mb-root .mb-card-badge { position: static; align-self: flex-start; margin-bottom: 20px; }
.mb-root :is(.mb-eyebrow,.mb-sec-eye,.mb-cta-eye) { align-items: flex-start; }
.mb-root :is(.mb-eyebrow,.mb-sec-eye,.mb-cta-eye)::before { flex-shrink: 0; margin-top: 14px; }
.mb-root :is(.mb-pdesc,.mb-shop-desc,.mb-free-desc,.mb-step-desc,.mb-social-desc,.mb-faq-ans-in,.mb-hero-desc,.mb-bio-story,.mb-for-list li) {
  font-size: 16px;
  line-height: 1.75;
}
.mb-root :is(.mb-mani,.mb-hero-right,.mb-free,.mb-cta,.mb-card.feat,.mb-shop.test,.mb-for-no) :is(.mb-pdesc,.mb-shop-desc,.mb-free-desc,.mb-for-list li,.mb-cta-sub) {
  color: var(--offer-copy-on-dark);
}
.mb-root a:is(.mb-btn,.mb-btn-cta,.mb-btn-test,.mb-btn-free,.mb-fb-btn,.mb-plink) {
  min-height: 48px;
  height: auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: break-word;
  max-width: 100%;
}
.mb-root a.mb-plink { padding: 14px 18px; background: var(--offer-cta-fill); color: var(--offer-cta-ink); justify-content: center; }
.mb-root .mb-faq-item.open .mb-faq-ans { max-height: none; }
@media (max-width: 600px) {
  .mb-root :is(.mb-eyebrow,.mb-sec-eye,.mb-cta-eye,.mb-stat-l,.mb-free-badge,.mb-card-badge,.mb-mani-foot,.mb-fb-pill span:last-child) { font-size: 20px; }
  .mb-root .mb-fb-pill span:last-child { font-size: 20px !important; }
  .mb-root a.mb-plink { width: 100%; }
}@media (max-width: 600px) { .mb-root :is(.mb-eyebrow,.mb-sec-eye,.mb-cta-eye) { font-size: 19px; } }