:root{--page-title-display:none;}/* Start custom CSS *//* ABOUTME: Recruiting fee calculator page CSS, same system as flat-fee recruiting / how it works / LATAM: light centred hero, the tool as a two-panel card, a tidy examples table, three arithmetic cards and a navy CTA card. */

/* Sections, in order: 1 hero, 2 tool, 3 examples, 4 method, 5 CTA (section:last-of-type). Adding a section shifts N. The calculator and its examples are the theme's shortcode markup
   (.ffdh-calc*), restyled here only; their numbers and JS are untouched. Never style all `span` (fact spans). */
.elementor[data-elementor-type="wp-page"] {
  --ink: #1C244B; --ink-2: var(--c-text-subtle); --muted: var(--c-text-muted);
  --brand: var(--c-fuchsia-600); --brand-dark: var(--c-fuchsia-700); --brand-tint: var(--c-fuchsia-50);
  --page: var(--c-surface-ghost); --lav: var(--c-surface-mist); --line: var(--c-border);
  --shadow: 0 1px 2px rgba(26, 29, 56, .06), 0 12px 32px -12px rgba(26, 29, 56, .18);
}

/* ---------- shared: eyebrows, h2, lead, container width ---------- */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 2):not(:last-of-type) > div { max-width: 1180px; padding: 0 32px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 3):not(:last-of-type) > div > p:first-child { margin: 0; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--brand); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 3) h2 { margin: 0; max-width: 22ch; font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; color: var(--ink); text-align: left; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 3) h2::before, .elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 3) h2::after { content: none; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(n + 3):not(:last-of-type) .ffdh-lead { margin: 0; max-width: 58ch; font-size: 1.1rem; line-height: 1.65; color: var(--ink-2); }

/* ---------- 1. Hero ---------- */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) { padding: 80px 0 72px; background: var(--page); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) > div { max-width: 900px; margin: 0 auto; padding: 0 32px; align-items: center; text-align: center; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) > div > p:first-child { align-self: center; width: fit-content; margin: 0 auto; padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brand-dark); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) h1 { margin: 22px 0 0; font-size: clamp(2.3rem, 4.8vw, 4rem); font-weight: 800; line-height: 1.04; letter-spacing: -.04em; color: var(--ink); text-wrap: balance; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) h1 > span { color: var(--brand); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) .ffdh-lead { margin: 22px auto 0; max-width: 58ch; font-size: 1.15rem; line-height: 1.6; color: var(--ink-2); }

/* ---------- 2. The tool ---------- */
/* White ground (the mist stage is gone); the card is the flat-fee page's "Same hire, two fees": controls on white, answer on a lavender panel. */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) { padding: 72px 0 104px; background: #fff; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc { padding: 0; border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); overflow: hidden; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__tool { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 0; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__controls { padding: 40px 44px; gap: 28px; border-right: 1px solid var(--line); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__results { padding: 40px 44px; gap: 26px; align-content: stretch; background: var(--lav); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__market > legend,
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__field > label,
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__field-head > label { font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__options { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; min-width: 0; padding: 4px; border: 1px solid var(--line); background: var(--page); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__label { justify-content: center; padding-inline: 14px; font-size: .95rem; color: var(--ink-2); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__input:checked + .ffdh-calc__label { color: #fff; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__rate { font-size: 1.05rem; text-transform: none; letter-spacing: 0; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__bars { gap: 26px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__bar-label { font-size: .95rem; font-weight: 600; color: var(--ink-2); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__amount { font-size: 1.6rem; font-weight: 800; letter-spacing: -.035em; white-space: nowrap; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__track { height: 18px; background: #fff; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__bar--agency { background: var(--c-periwinkle-400); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__verdict { display: flex; align-items: center; gap: 18px; margin-top: auto; padding: 24px 26px; border: 0; border-radius: 20px; background: #fff; font-size: 1.5rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.15; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__verdict::before { content: ""; flex: none; width: 52px; height: 52px; border-radius: 16px; background: #E3F4EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='2' x2='12' y2='22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E") center / 26px no-repeat; }
/* Loss state ("An agency at 20% would cost $X less"): same card as the saving, but a soft red ground, a red alert icon on its tint tile, and navy body text at a size a three-line sentence can carry. The red is #E73430, the same as "Costs $X more" in the table. */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__verdict[data-sign="loss"] { background: #FFF4F3; box-shadow: inset 0 0 0 1px #F8D3D1; color: var(--ink); font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.4; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__verdict[data-sign="loss"]::before { background: #FDE3E1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E73430' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / 26px no-repeat; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__breakeven { font-size: .95rem; color: var(--ink-2); }

/* Flat-fee page's look: segmented toggle, the salary as a big readout ("$83680 ... / year") rather than a boxed field, the slider with a 36px fuchsia thumb and a "<>" mark. The salary input is
   still the real field (the theme's JS reads it): it is only drawn bare, with an underline that turns fuchsia on focus. The field fills the row and "/ year" sits at its right end (no field-sizing: Safari lacks it and the field overflowed the card). The slider's
   fuchsia fill left of the thumb exists in Firefox only (WebKit needs JS for it), so there the track stays grey. */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__option .ffdh-calc__label { min-height: 48px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__money { display: flex; align-items: baseline; gap: 0; padding-bottom: 6px; border-bottom: 2px solid var(--line); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__money:focus-within { border-bottom-color: var(--brand); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__money::after { content: "/ year"; flex: none; margin-left: 12px; font-size: 1rem; font-weight: 600; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__money .ffdh-calc__prefix { position: static; font-size: clamp(2.2rem, 3.4vw, 3rem); font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__money .ffdh-calc__text { flex: 1 1 0; width: 100%; min-width: 0; min-height: 0; padding: 0; border: 0; background: none; font-size: clamp(2.2rem, 3.4vw, 3rem); font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__money .ffdh-calc__text:focus { outline: 0; box-shadow: none; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__money .ffdh-calc__text[aria-invalid="true"] { color: var(--c-danger); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: var(--c-border-strong); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range::-moz-range-track { height: 6px; border-radius: 999px; background: var(--c-border-strong); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range::-moz-range-progress { height: 6px; border-radius: 999px; background: var(--brand); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range::-webkit-slider-thumb { width: 36px; height: 36px; margin-top: -15px; border: 3px solid #fff; background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 7 4 12 9 17'/%3E%3Cpolyline points='15 7 20 12 15 17'/%3E%3C/svg%3E") center / 20px no-repeat; box-shadow: 0 2px 6px rgba(26, 29, 56, .25); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range::-moz-range-thumb { width: 36px; height: 36px; border: 3px solid #fff; background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 7 4 12 9 17'/%3E%3Cpolyline points='15 7 20 12 15 17'/%3E%3C/svg%3E") center / 20px no-repeat; box-shadow: 0 2px 6px rgba(26, 29, 56, .25); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px var(--brand-tint), 0 0 0 6px var(--brand); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__range:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px var(--brand-tint), 0 0 0 6px var(--brand); }

/* ---------- 3. Worked examples ---------- */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) { padding: 104px 0; background: var(--page); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) > div { gap: 18px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table-wrap { margin-top: 34px; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__caption { padding: 18px 24px; font-size: .85rem; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table :is(th, td) { padding: 20px 24px; line-height: 1.5; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table thead th { background: var(--lav); font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table tbody th { font-size: 1.02rem; font-weight: 700; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table td[data-col="difference"] { font-weight: 800; white-space: nowrap; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table td[data-col="difference"][data-sign="loss"] { color: #E73430; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table tbody + tbody > tr:first-child > * { border-top: 2px solid var(--line); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__market-tag { display: table; margin-top: 8px; padding: 3px 10px; border-radius: 999px; background: var(--brand-tint); font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--brand-dark); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__sources-title { margin: 32px 0 10px; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__sources { display: block; columns: 2; column-gap: 48px; margin: 0; font-size: .78rem; line-height: 1.6; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__sources li { break-inside: avoid; margin-bottom: 6px; }

/* ---------- 4. How the calculator works ---------- */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) { padding: 104px 0; background: #fff; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div { gap: 18px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; margin-top: 34px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div > div { display: block; padding: 32px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div > div:last-child { border-color: #F6C4E8; background: var(--brand-tint); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) h3 { margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div > div:last-child h3 { color: var(--brand-dark); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div p { margin: 14px 0 0; font-size: 1.1rem; font-weight: 600; line-height: 1.5; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) .ffdh-source { margin: 8px 0 0; font-size: .85rem; color: var(--muted); }


/* ---------- 5. What the flat fee includes ---------- */
/* Three cards before the CTA, on the page ground to set it off from the white method section above and the white CTA below. Same card language as the method cards; each has a line icon on a fuchsia tint tile (the tile is ::after, absolutely placed: Elementor draws its own ::before on every container).
   Eyebrow, h2, lead and container width come from the shared rules above (sections 3 and up). Text is facts-driven (guarantee, shortlist, screening). */
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) { padding: 104px 0; background: var(--page); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div { gap: 18px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%; margin-top: 34px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div > div { position: relative; display: block; padding: 106px 32px 32px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div > div::after { content: ""; position: absolute; top: 32px; left: 32px; width: 52px; height: 52px; border-radius: 16px; background-color: var(--brand-tint); background-position: center; background-repeat: no-repeat; background-size: 26px; }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div > div:nth-child(1)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BE1A80' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div > div:nth-child(2)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BE1A80' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div > div:nth-child(3)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BE1A80' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpolyline points='16 11 18 13 22 9'/%3E%3C/svg%3E"); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) h3 { margin: 0; font-size: 1.25rem; font-weight: 800; line-height: 1.3; letter-spacing: -.02em; color: var(--ink); }
.elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div p { margin: 10px 0 0; font-size: 1rem; line-height: 1.6; color: var(--ink-2); }
@media (max-width: 860px) {
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) { padding: 72px 0; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(5) > div > div { grid-template-columns: 1fr; }
}

/* ---------- 6. CTA (last section) ---------- */
/* Navy #1C244B card on white, like how-it-works and LATAM. Buttons keep the site's own classes. The ffdh-cta-band class adds a ~130px margin-bottom (a gap under the band before the footer); it is zeroed so the gap is just the 104px of padding, as on the other pages. */
.elementor[data-elementor-type="wp-page"] > section:last-of-type { margin-bottom: 0; padding: 104px 32px; background: #fff; }
.elementor[data-elementor-type="wp-page"] > section:last-of-type > div { display: grid; grid-template-columns: 1.2fr 1fr; column-gap: 56px; align-items: center; width: 100%; box-sizing: border-box; max-width: 1116px; margin: 0 auto; padding: 64px 56px; border-radius: 32px; background: #1C244B; color: #fff; }
.elementor[data-elementor-type="wp-page"] > section:last-of-type h2 { grid-column: 1; margin: 0; max-width: 18ch; font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -.025em; color: #fff; text-align: left; }
.elementor[data-elementor-type="wp-page"] > section:last-of-type h2::before, .elementor[data-elementor-type="wp-page"] > section:last-of-type h2::after { content: none; }
.elementor[data-elementor-type="wp-page"] > section:last-of-type .ffdh-lead { grid-column: 1; margin: 16px 0 0; max-width: 44ch; font-size: 1.1rem; line-height: 1.6; color: var(--c-periwinkle-200); text-align: left; }
.elementor[data-elementor-type="wp-page"] > section:last-of-type > div > div:last-child { grid-column: 2; grid-row: 1 / span 2; justify-content: flex-end; flex-wrap: wrap; gap: 16px; }

/* ---------- Responsive ---------- */
@media (max-width: 860px) {
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(1) { padding: 56px 0 48px; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) { padding: 48px 0 72px; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__tool { grid-template-columns: 1fr; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__controls { padding: 28px 24px; border-right: 0; border-bottom: 1px solid var(--line); }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc__results { padding: 28px 24px; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(2) .ffdh-calc .ffdh-calc__verdict { padding: 18px; font-size: 1.25rem; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(3), .elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) { padding: 72px 0; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__sources { columns: 1; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table :is(th, td) { padding: 14px 12px; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__table tbody th { font-size: .92rem; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(3) .ffdh-calc__caption { padding: 14px 12px; }
  .elementor[data-elementor-type="wp-page"] > section:nth-of-type(4) > div > div { grid-template-columns: 1fr; }
  .elementor[data-elementor-type="wp-page"] > section:last-of-type { padding: 72px 16px; }
  .elementor[data-elementor-type="wp-page"] > section:last-of-type > div { grid-template-columns: 1fr; padding: 44px 28px; border-radius: 24px; }
  .elementor[data-elementor-type="wp-page"] > section:last-of-type > div > div:last-child { grid-column: 1; grid-row: auto; justify-content: flex-start; margin-top: 28px; }
}/* End custom CSS */