:root{--page-title-display:none;}/* Start custom CSS *//* ABOUTME: Guarantee page CSS: the term lists at lead size, "until one sticks" as separate cards and the claim steps as one rail. */

/* Every rule is scoped under .elementor, the document wrapper. Elementor emits each Global Class as ".elementor .<label>" at (0,2,0) in a sheet
   that loads AFTER this one, so a rule that overrides a class on the same element is lifted to (0,3,0) or more by a longer path. Rules every page needs
   (lists, the table component, the FAQ, the CTA band) are the child theme's. */

/* ---------- Terms ---------- */
/* The page is the site's terms, and each list holds a handful of short clauses, so they read at the lead size: a reader checking a term meets it at the size of the paragraph that
   introduces it, not as small print under a heading. The markers are sized from the item's own font, so they follow. */
.elementor .ffdh-island .ffdh-list {
  gap: var(--sp-4);
}
.elementor .ffdh-island .ffdh-list .ffdh-list__item {
  font-size: var(--fs-lead);
  line-height: 1.5;
}

/* ---------- Two numbered sequences ---------- */
/* Both are the steps list, told apart by what they say. "Until one sticks" is a loop (each replacement starts the same guarantee again), so its items are separate cards on the
   mist ground, none leading to the next. The claim steps are a procedure with an order, so they are plain rows joined by a rail between their badges. The sequences are found by
   their ground: the page has one list of each, on mist and on ghost. The badge is the component's own, moved only to sit inside the card's padding. */
.elementor .ffdh-section--mist .ffdh-list--steps {
  gap: var(--sp-3);
}
.elementor .ffdh-section--mist .ffdh-list--steps .ffdh-list__item {
  --card-x: var(--sp-5);
  padding: var(--sp-4) var(--card-x) var(--sp-4) calc(var(--card-x) + 1.875rem + var(--sp-4));
  border: 1px solid var(--c-border-strong);
  border-radius: var(--r-md);
  background: var(--c-surface);
}
.elementor .ffdh-section--mist .ffdh-list--steps .ffdh-list__item::before {
  left: var(--card-x);
  top: calc(var(--sp-4) + var(--step-line) / 2 - 0.9375rem);
}
@media (max-width: 767px) {
  .elementor .ffdh-section--mist .ffdh-list--steps .ffdh-list__item {
    --card-x: var(--sp-4);
    padding-inline-start: calc(var(--card-x) + 1.875rem + var(--sp-3));
  }
}

/* The rail is the step's ::after, which only the check marker uses in the component. It leaves 4px under a badge and stops 4px above the next one: the badge's half-height is 0.9375rem,
   and the next badge sits one row gap and its own top offset below this item's bottom edge. */
.elementor .ffdh-section--ghost .ffdh-list--steps {
  gap: var(--sp-5);
}
.elementor .ffdh-section--ghost .ffdh-list--steps .ffdh-list__item:not(:last-child)::after {
  top: calc(var(--step-line) / 2 + 0.9375rem + 4px);
  bottom: calc((var(--sp-5) + var(--step-line) / 2 - 0.9375rem) * -1 + 4px);
  left: calc(0.9375rem - 1px);
  width: 2px;
  background: var(--c-border-strong);
}/* End custom CSS */