/* Site-wide accessibility contrast guardrails.
   Keep button-like controls readable regardless of theme/custom branding. */

:root {
  --cm-a11y-primary-bg: #111111;
  --cm-a11y-primary-bg-hover: #2b2b2b;
  --cm-a11y-primary-fg: #ffffff;
  --cm-a11y-secondary-bg: #ffffff;
  --cm-a11y-secondary-bg-hover: #f3f4f6;
  --cm-a11y-secondary-fg: #111111;
  --cm-a11y-secondary-border: #8b929d;
  --cm-a11y-danger-bg: #991b1b;
  --cm-a11y-danger-bg-hover: #7f1d1d;
  --cm-a11y-success-bg: #166534;
  --cm-a11y-success-bg-hover: #14532d;
  --cm-a11y-focus: #2563eb;
}

:root[data-theme="dark"],
:root[data-partner-theme="dark"],
.ep-app[data-ui-theme="dark"] {
  --cm-a11y-secondary-bg: #111827;
  --cm-a11y-secondary-bg-hover: #1f2937;
  --cm-a11y-secondary-fg: #ffffff;
  --cm-a11y-secondary-border: #6b7280;
  --cm-a11y-focus: #93c5fd;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn,
  .ep-btn-primary,
  .btn,
  .auth-btn,
  .onb-btn-primary,
  .onb-btn-ghost,
  .vnd-btn,
  .aff-btn,
  .rd-btn,
  .cm-topbar__cta,
  .cm-notice-rail__cta,
  .cm-notice-rail__dismiss,
  .cm-user-panel__link,
  .cm-user-panel__button,
  .cm-user-panel__switch button,
  .cm-user-panel__switch-current,
  .store-product-card__button,
  .retail-card__button,
  .retail-advert__cta,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn,
  .qc-primary-btn,
  .qc-secondary-btn,
  .lp-btn,
  .lp-legal-btn,
  .cart-summary-actions .ep-btn,
  .checkout-primary-btn,
  .tc-payment-main .ep-btn,
  .tc-payment-main .ep-btn-primary,
  [role="button"][class],
  button[class*="btn"],
  a[class*="btn"],
  button[class*="button"],
  a[class*="button"]
) {
  text-decoration: none !important;
  text-shadow: none !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn--primary,
  .ep-btn-primary,
  .btn.primary,
  button[class*="primary"],
  a[class*="primary"][class*="btn"],
  a[class*="primary"][class*="button"],
  input[type="submit"][class*="primary"],
  .auth-btn--primary,
  .onb-btn-primary,
  .vnd-btn--primary,
  .aff-btn--primary,
  .rd-btn--primary,
  .cm-topbar__cta--primary,
  .cm-notice-rail__cta,
  .store-product-card__button--primary,
  .store-product-card__button--buy-now,
  .retail-card__button--primary,
  .retail-card__button--buy-now,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn--buy,
  .qc-primary-btn,
  .lp-btn-primary,
  .lp-legal-btn--primary,
  .checkout-primary-btn,
  .cart-summary-actions .ep-btn--primary,
  .tc-payment-main .ep-btn--primary,
  .tc-payment-main .ep-btn-primary
) {
  background: var(--cm-a11y-primary-bg) !important;
  border-color: var(--cm-a11y-primary-bg) !important;
  color: var(--cm-a11y-primary-fg) !important;
  -webkit-text-fill-color: var(--cm-a11y-primary-fg) !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn--primary,
  .ep-btn-primary,
  .btn.primary,
  button[class*="primary"],
  a[class*="primary"][class*="btn"],
  a[class*="primary"][class*="button"],
  input[type="submit"][class*="primary"],
  .auth-btn--primary,
  .onb-btn-primary,
  .vnd-btn--primary,
  .aff-btn--primary,
  .rd-btn--primary,
  .cm-topbar__cta--primary,
  .cm-notice-rail__cta,
  .store-product-card__button--primary,
  .store-product-card__button--buy-now,
  .retail-card__button--primary,
  .retail-card__button--buy-now,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn--buy,
  .qc-primary-btn,
  .lp-btn-primary,
  .lp-legal-btn--primary,
  .checkout-primary-btn,
  .cart-summary-actions .ep-btn--primary,
  .tc-payment-main .ep-btn--primary,
  .tc-payment-main .ep-btn-primary
):where(:hover, :focus) {
  background: var(--cm-a11y-primary-bg-hover) !important;
  border-color: var(--cm-a11y-primary-bg-hover) !important;
  color: var(--cm-a11y-primary-fg) !important;
  -webkit-text-fill-color: var(--cm-a11y-primary-fg) !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn--secondary,
  .ep-btn--outline,
  .ep-btn--ghost,
  .btn.secondary,
  button[class*="secondary"],
  a[class*="secondary"][class*="btn"],
  a[class*="secondary"][class*="button"],
  input[type="submit"][class*="secondary"],
  button[class*="outline"],
  a[class*="outline"][class*="btn"],
  a[class*="outline"][class*="button"],
  button[class*="ghost"],
  a[class*="ghost"][class*="btn"],
  a[class*="ghost"][class*="button"],
  .auth-btn--ghost,
  .onb-btn-ghost,
  .vnd-btn--secondary,
  .aff-btn--secondary,
  .rd-btn--secondary,
  .rd-btn--ghost,
  .cm-topbar__cta,
  .cm-sidebar-toggle,
  .cm-icon-button,
  .cm-user-toggle,
  .cm-user-panel__link,
  .cm-user-panel__button,
  .cm-user-panel__switch button,
  .cm-user-panel__switch-current,
  .store-product-card__button--secondary:not(.store-product-card__button--buy-now),
  .retail-card__button--secondary:not(.retail-card__button--buy-now),
  .product-mobile-purchase__btn--cart,
  .qc-secondary-btn,
  .lp-btn-ghost,
  .lp-btn-outline,
  .lp-legal-btn:not(.lp-legal-btn--primary),
  .cart-summary-actions .ep-btn--secondary,
  .cart-summary-actions .ep-btn--ghost,
  .tc-payment-main .ep-btn--secondary,
  .tc-payment-main .ep-btn--ghost
) {
  background: var(--cm-a11y-secondary-bg) !important;
  border-color: var(--cm-a11y-secondary-border) !important;
  color: var(--cm-a11y-secondary-fg) !important;
  -webkit-text-fill-color: var(--cm-a11y-secondary-fg) !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  button[class*="bg-blue-"],
  a[class*="bg-blue-"],
  input[type="submit"][class*="bg-blue-"],
  button[class*="bg-indigo-"],
  a[class*="bg-indigo-"],
  input[type="submit"][class*="bg-indigo-"],
  button[class*="bg-sky-"],
  a[class*="bg-sky-"],
  input[type="submit"][class*="bg-sky-"],
  button[class*="bg-red-"],
  a[class*="bg-red-"],
  input[type="submit"][class*="bg-red-"],
  button[class*="bg-emerald-"],
  a[class*="bg-emerald-"],
  input[type="submit"][class*="bg-emerald-"],
  button[class*="bg-green-"],
  a[class*="bg-green-"],
  input[type="submit"][class*="bg-green-"],
  button[class*="bg-slate-9"],
  a[class*="bg-slate-9"],
  input[type="submit"][class*="bg-slate-9"],
  button[class*="bg-gray-9"],
  a[class*="bg-gray-9"],
  input[type="submit"][class*="bg-gray-9"],
  button[class*="bg-black"],
  a[class*="bg-black"],
  input[type="submit"][class*="bg-black"]
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  button[class*="bg-white"],
  a[class*="bg-white"],
  input[type="submit"][class*="bg-white"],
  button[class*="bg-gray-50"],
  a[class*="bg-gray-50"],
  input[type="submit"][class*="bg-gray-50"],
  button[class*="bg-slate-50"],
  a[class*="bg-slate-50"],
  input[type="submit"][class*="bg-slate-50"]
) {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn--secondary,
  .ep-btn--outline,
  .ep-btn--ghost,
  .btn.secondary,
  button[class*="secondary"],
  a[class*="secondary"][class*="btn"],
  a[class*="secondary"][class*="button"],
  input[type="submit"][class*="secondary"],
  button[class*="outline"],
  a[class*="outline"][class*="btn"],
  a[class*="outline"][class*="button"],
  button[class*="ghost"],
  a[class*="ghost"][class*="btn"],
  a[class*="ghost"][class*="button"],
  .auth-btn--ghost,
  .onb-btn-ghost,
  .vnd-btn--secondary,
  .aff-btn--secondary,
  .rd-btn--secondary,
  .rd-btn--ghost,
  .cm-topbar__cta,
  .cm-sidebar-toggle,
  .cm-icon-button,
  .cm-user-toggle,
  .cm-user-panel__link,
  .cm-user-panel__button,
  .cm-user-panel__switch button,
  .cm-user-panel__switch-current,
  .store-product-card__button--secondary:not(.store-product-card__button--buy-now),
  .retail-card__button--secondary:not(.retail-card__button--buy-now),
  .product-mobile-purchase__btn--cart,
  .qc-secondary-btn,
  .lp-btn-ghost,
  .lp-btn-outline,
  .lp-legal-btn:not(.lp-legal-btn--primary),
  .cart-summary-actions .ep-btn--secondary,
  .cart-summary-actions .ep-btn--ghost,
  .tc-payment-main .ep-btn--secondary,
  .tc-payment-main .ep-btn--ghost
):where(:hover, :focus) {
  background: var(--cm-a11y-secondary-bg-hover) !important;
  color: var(--cm-a11y-secondary-fg) !important;
  -webkit-text-fill-color: var(--cm-a11y-secondary-fg) !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body)
:where(.ep-btn--danger, .btn.danger, button[class*="danger"], a[class*="danger"][class*="btn"], a[class*="danger"][class*="button"], input[type="submit"][class*="danger"], .cm-user-panel__button--danger, .vnd-btn--danger, .aff-btn--danger) {
  background: var(--cm-a11y-danger-bg) !important;
  border-color: var(--cm-a11y-danger-bg) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body)
:where(.ep-btn--danger, .btn.danger, button[class*="danger"], a[class*="danger"][class*="btn"], a[class*="danger"][class*="button"], input[type="submit"][class*="danger"], .cm-user-panel__button--danger, .vnd-btn--danger, .aff-btn--danger):where(:hover, :focus) {
  background: var(--cm-a11y-danger-bg-hover) !important;
  border-color: var(--cm-a11y-danger-bg-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body)
:where(.ep-btn--success, .btn.success, button[class*="success"], a[class*="success"][class*="btn"], a[class*="success"][class*="button"], input[type="submit"][class*="success"], .vnd-btn--success, .aff-btn--success) {
  background: var(--cm-a11y-success-bg) !important;
  border-color: var(--cm-a11y-success-bg) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body)
:where(.ep-btn--success, .btn.success, button[class*="success"], a[class*="success"][class*="btn"], a[class*="success"][class*="button"], input[type="submit"][class*="success"], .vnd-btn--success, .aff-btn--success):where(:hover, :focus) {
  background: var(--cm-a11y-success-bg-hover) !important;
  border-color: var(--cm-a11y-success-bg-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn,
  .ep-btn-primary,
  .btn,
  .auth-btn,
  .onb-btn-primary,
  .onb-btn-ghost,
  .vnd-btn,
  .aff-btn,
  .rd-btn,
  .cm-topbar__cta,
  .cm-notice-rail__cta,
  .cm-notice-rail__dismiss,
  .cm-sidebar-toggle,
  .cm-icon-button,
  .cm-user-toggle,
  .cm-user-panel__link,
  .cm-user-panel__button,
  .cm-user-panel__switch button,
  .cm-user-panel__switch-current,
  .store-product-card__button,
  .retail-card__button,
  .retail-advert__cta,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn,
  .qc-primary-btn,
  .qc-secondary-btn,
  .lp-btn,
  .lp-legal-btn,
  .cart-summary-actions .ep-btn,
  .checkout-primary-btn,
  .tc-payment-main .ep-btn,
  .tc-payment-main .ep-btn-primary
) :where(span, svg, strong, small) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

:where(
  .ep-page,
  .cm-auth-page,
  .ep-app,
  .cm-embed-shell,
  .onboarding-page,
  body
) :where(
  .ep-btn,
  .ep-btn-primary,
  .btn,
  .auth-btn,
  .onb-btn-primary,
  .onb-btn-ghost,
  .vnd-btn,
  .aff-btn,
  .rd-btn,
  .cm-topbar__cta,
  .cm-sidebar-toggle,
  .cm-icon-button,
  .cm-user-toggle,
  .store-product-card__button,
  .retail-card__button,
  .retail-advert__cta,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn,
  .qc-primary-btn,
  .qc-secondary-btn,
  .lp-btn,
  .lp-legal-btn,
  .checkout-primary-btn,
  [role="button"][class],
  button[class],
  a[class*="btn"],
  a[class*="button"]
):focus-visible {
  outline: 3px solid var(--cm-a11y-focus) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Keep solid coloured CTAs readable even when later theme rules set text-fill. */
:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :is(
  .cm-topbar__cta--upgrade,
  .cm-topbar__cta--primary,
  .cm-sidebar__plan-action,
  .cm-notice-rail__cta,
  .ep-btn--primary,
  .ep-btn-primary,
  .btn.primary,
  .auth-btn--primary,
  .onb-btn-primary,
  .vnd-btn--primary,
  .aff-btn--primary,
  .rd-btn--primary,
  .qc-primary-btn,
  .lp-btn-primary,
  .lp-legal-btn--primary,
  .checkout-primary-btn,
  .cart-summary-actions .ep-btn--primary,
  .tc-payment-main .ep-btn--primary,
  .tc-payment-main .ep-btn-primary,
  .store-product-card__button--primary,
  .store-product-card__button--buy-now,
  .retail-card__button--primary,
  .retail-card__button--buy-now,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn--buy,
  .dashboard-shell-metric,
  .dashboard-metric,
  .dashboard-inventory-stat,
  .dashboard-summary-line,
  .dashboard-chart-callout,
  .dashboard-action[class*="dashboard-action--"],
  button[class*="bg-blue-"],
  a[class*="bg-blue-"],
  button[class*="bg-indigo-"],
  a[class*="bg-indigo-"],
  button[class*="bg-sky-"],
  a[class*="bg-sky-"],
  button[class*="bg-red-"],
  a[class*="bg-red-"],
  button[class*="bg-emerald-"],
  a[class*="bg-emerald-"],
  button[class*="bg-green-"],
  a[class*="bg-green-"],
  button[class*="bg-slate-9"],
  a[class*="bg-slate-9"],
  button[class*="bg-gray-9"],
  a[class*="bg-gray-9"],
  button[class*="bg-black"],
  a[class*="bg-black"]
),
:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :is(
  .cm-topbar__cta--upgrade,
  .cm-topbar__cta--primary,
  .cm-sidebar__plan-action,
  .cm-notice-rail__cta,
  .ep-btn--primary,
  .ep-btn-primary,
  .btn.primary,
  .auth-btn--primary,
  .onb-btn-primary,
  .vnd-btn--primary,
  .aff-btn--primary,
  .rd-btn--primary,
  .qc-primary-btn,
  .lp-btn-primary,
  .lp-legal-btn--primary,
  .checkout-primary-btn,
  .cart-summary-actions .ep-btn--primary,
  .tc-payment-main .ep-btn--primary,
  .tc-payment-main .ep-btn-primary,
  .store-product-card__button--primary,
  .store-product-card__button--buy-now,
  .retail-card__button--primary,
  .retail-card__button--buy-now,
  .product-retail-quickbuy,
  .product-mobile-purchase__btn--buy,
  .dashboard-shell-metric,
  .dashboard-metric,
  .dashboard-inventory-stat,
  .dashboard-summary-line,
  .dashboard-chart-callout,
  .dashboard-action[class*="dashboard-action--"],
  button[class*="bg-blue-"],
  a[class*="bg-blue-"],
  button[class*="bg-indigo-"],
  a[class*="bg-indigo-"],
  button[class*="bg-sky-"],
  a[class*="bg-sky-"],
  button[class*="bg-red-"],
  a[class*="bg-red-"],
  button[class*="bg-emerald-"],
  a[class*="bg-emerald-"],
  button[class*="bg-green-"],
  a[class*="bg-green-"],
  button[class*="bg-slate-9"],
  a[class*="bg-slate-9"],
  button[class*="bg-gray-9"],
  a[class*="bg-gray-9"],
  button[class*="bg-black"],
  a[class*="bg-black"]
) :where(span, strong, small, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cm-admin-button,
.submit-row input,
.submit-row .button,
.object-tools a,
a.button,
input[type="submit"],
button.button {
  background: var(--cm-a11y-secondary-bg, #ffffff) !important;
  border-color: var(--cm-a11y-secondary-border, #8b929d) !important;
  color: var(--cm-a11y-secondary-fg, #111111) !important;
  -webkit-text-fill-color: var(--cm-a11y-secondary-fg, #111111) !important;
}

.cm-admin-button--primary,
.submit-row input.default,
.submit-row .button.default,
.object-tools a.addlink,
a.button.default,
input[type="submit"].default {
  background: var(--cm-a11y-primary-bg, #111111) !important;
  border-color: var(--cm-a11y-primary-bg, #111111) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cm-admin-button:hover,
.submit-row input:hover,
.submit-row .button:hover,
.object-tools a:hover,
a.button:hover,
input[type="submit"]:hover,
button.button:hover {
  background: var(--cm-a11y-secondary-bg-hover, #f3f4f6) !important;
  color: var(--cm-a11y-secondary-fg, #111111) !important;
  -webkit-text-fill-color: var(--cm-a11y-secondary-fg, #111111) !important;
}

.cm-admin-button--primary:hover,
.submit-row input.default:hover,
.submit-row .button.default:hover,
.object-tools a.addlink:hover,
a.button.default:hover,
input[type="submit"].default:hover {
  background: var(--cm-a11y-primary-bg-hover, #2b2b2b) !important;
  border-color: var(--cm-a11y-primary-bg-hover, #2b2b2b) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.dark .cm-admin-button,
html.dark .submit-row input,
html.dark .submit-row .button,
html.dark .object-tools a,
html.dark a.button,
html.dark input[type="submit"],
html.dark button.button {
  background: #111827 !important;
  border-color: #6b7280 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

button[disabled],
input[type="submit"][disabled],
.ep-btn[disabled],
.ep-btn[aria-disabled="true"],
.auth-btn[disabled],
.onb-btn-primary[disabled],
.vnd-btn[disabled],
.aff-btn[disabled] {
  opacity: 0.72 !important;
}

/* Strong compact global type scale.
   Kept here as a late-loading guardrail so standalone pages that do not extend
   the shared shell still inherit the calmer smaller text treatment. */
:root {
  --cm-type-xs: 0.58rem;
  --cm-type-sm: 0.64rem;
  --cm-type-base: 0.72rem;
  --cm-type-md: 0.76rem;
  --cm-type-lg: 0.84rem;
  --cm-type-xl: 0.94rem;
  --cm-type-2xl: 1.05rem;
  --cm-type-3xl: 1.16rem;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) {
  font-size: var(--cm-type-base) !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(
  p,
  li,
  label,
  summary,
  td,
  th,
  input,
  select,
  textarea,
  button,
  .ep-btn,
  .btn,
  .auth-input,
  .auth-btn,
  .cm-sidebar__item-label,
  .cm-sidebar__child,
  .store-product-card,
  .retail-card,
  .cart-line,
  .checkout-panel
) {
  font-size: var(--cm-type-base) !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(
  .text-xs,
  small,
  .help,
  .helptext,
  .ep-field__help,
  .ep-field__error,
  .cm-page-breadcrumbs,
  .ep-badge,
  .badge
) {
  font-size: var(--cm-type-xs) !important;
  line-height: 0.88rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(
  .text-sm,
  .muted,
  .ep-card__subtitle,
  .cms-panel__subtitle,
  .ep-toolbar-card__text
) {
  font-size: var(--cm-type-sm) !important;
  line-height: 0.98rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(.text-lg) {
  font-size: var(--cm-type-md) !important;
  line-height: 1.06rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(.text-xl) {
  font-size: var(--cm-type-lg) !important;
  line-height: 1.12rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(.text-2xl) {
  font-size: var(--cm-type-xl) !important;
  line-height: 1.24rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(.text-3xl) {
  font-size: var(--cm-type-2xl) !important;
  line-height: 1.34rem !important;
}

:where(.ep-page, .cm-auth-page, .ep-app, .cm-embed-shell, .onboarding-page, body) :where(.text-4xl, .text-5xl, .text-6xl) {
  font-size: var(--cm-type-3xl) !important;
  line-height: 1.48rem !important;
}