/* ── Base component ────────────────────────────────────────────────────── */
.crm-tax-reduction {
  /* No background or color by default — inherits from the surrounding context.
     Previously had background:#f9f9f9 / color:#333 which forced every consumer
     to override with `background:unset !important; color:unset !important`. */
  line-height: 1.6;
  margin: 0.75rem 0;
}

/* ── Text elements ──────────────────────────────────────────────────────── */
.crm-tax-reduction p,
#crm-tax-reduction-webform p,
[data-tax-reduction-webform-output] p {
  margin-top: 0;
  margin-bottom: 0.35rem;
}

.crm-tax-reduction p + p,
#crm-tax-reduction-webform p + p,
[data-tax-reduction-webform-output] p + p {
  margin-top: 0.35rem;
}

/* Hide empty paragraphs left by template rendering */
.crm-tax-reduction p:empty,
#crm-tax-reduction-webform p:empty,
[data-tax-reduction-webform-output] p:empty {
  display: none;
}

/* Hide double line-breaks from template rendering */
.crm-tax-reduction br + br,
#crm-tax-reduction-webform br + br,
[data-tax-reduction-webform-output] br + br {
  display: none;
}

.crm-tax-reduction__body { margin: 0; }
.crm-tax-reduction__body--small { font-size: 0.875em; }
.crm-tax-reduction__body--disclaimer,
.crm-tax-reduction__disclaimer { font-style: italic; }

/* ── Template / CTA containers ─────────────────────────────────────────── */
.crm-tax-reduction__template > *:first-child,
.crm-tax-reduction__cta > *:first-child { margin-top: 0; }
.crm-tax-reduction__template > *:last-child,
.crm-tax-reduction__cta > *:last-child { margin-bottom: 0; }

/* ── Amount display ─────────────────────────────────────────────────────── */
.crm-tax-reduction__amount { font-weight: 700; }