/* Walter North Adelaide — downsizer calculator skin v3 (brand-defect pass 29/07/26).
   Consumes the site's ACSS tokens (loaded before this file). No counterfeit
   palette. fl-* / ex-* selectors + all ids = fixed JS contract, restyle only.
   1rem = 10px (site --root-font-size: 62.5%).

   v3 fixes (all verified against live computed styles, not asserted from source):
   1. Bare <label> was unclaimed by this skin, so the cost-drawer labels
      inherited #9E9E9E from the site stylesheet — a cool grey, which the
      Walter web system forbids. Now claimed below.
   2. .fl-btn carried text-transform: uppercase. The law is that the form
      SUBMIT is the only uppercase on the site; "Save as PDF" and "Reset"
      are not submits. Removed.
   3. #7A2E1E was used 7x but documented nowhere. It is the only value in the
      page expressing a shortfall/negative state and no ACSS token covers it,
      so it is promoted here to ONE scoped, documented token rather than
      scattered literals. Contrast 8.9:1 on white (AA at any size).
      #fdf4ef was a second undocumented near-white -> --primary-ultra-light.
   4. Type scale snapped to the ladder the home page actually renders
      (15/18/20/24/25/26px). 16px and 17px appeared 31 times here and appear
      NOWHERE on the home page; sub-15px reading copy is wrong for a 60+
      audience. Fine print stays 15px (the home page uses 15px too). */

/* The single sanctioned addition to the Walter web palette, scoped to this page. */
.w-calc { --w-alert: #7A2E1E; }


/* ---------- voice: condensed Acumin everywhere, weights restored ---------- */
.w-calc {
  font-family: "acumin-variable", sans-serif;
  font-stretch: 67.5%;
  color: var(--primary);              /* #4E2A0A — site body colour */
  background: var(--white);
}
.w-calc * { box-sizing: border-box; }
/* Neutralise the global p variation-settings (it pins wght 300 and kills
   mediums); font-stretch carries wdth 67.5, font-weight is free again. */
.w-calc p { font-variation-settings: normal; font-stretch: 67.5%; font-weight: 300; }
.w-calc .num { font-variant-numeric: tabular-nums; }
/* Claim bare <label>. Unclaimed, it inherits #9E9E9E from the site stylesheet
   (verified live on the cost-drawer rows) and the web system forbids cool greys. */
.w-calc label {
  color: var(--primary);
  font-family: "acumin-variable", sans-serif;
  font-stretch: 67.5%;
  font-weight: 300;
}
.w-calc .wdz-inner { max-width: 1360px; margin: 0 auto; padding: 0 var(--section-padding-x, 2.4rem); }

/* Site heading voice, restated once for the calc page */
.w-calc h1, .w-calc h2, .w-calc h3,
.w-calc .wdz-h2, .w-calc .how-num,
.w-calc .wdz-label, .w-calc .ex-section-lab,
.w-calc .fl-card-eyebrow, .w-calc .fl-shortfall-eyebrow, .w-calc .fl-hero-lab {
  font-family: "aviano-didone", serif;
  font-weight: 500;                    /* --heading-font-weight: 500 */
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--base);                  /* #482B11 */
}

/* The site's section-label idiom: lowercase didone, not tracked caps.
   (Applied to the contract classes formerly styled as uppercase eyebrows.) */
.w-calc .ex-section-lab, .w-calc .fl-card-eyebrow,
.w-calc .fl-shortfall-eyebrow, .w-calc .wdz-eyebrow {
  text-transform: lowercase;
  font-family: "aviano-didone", serif;
  font-weight: 500;
  font-size: var(--h5, 1.8rem);        /* 18px */
  color: var(--base);
  margin: 0 0 .8rem;
}

/* ---------- hero (image band, mirrors .hero) ---------- */
.wdz-hero {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: 520px;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: var(--space-xxl) 0;
}
.wdz-hero .wdz-hero-img {
  position: absolute; inset: 0; z-index: -1;
}
.wdz-hero .wdz-hero-img img {
  width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
}
.wdz-hero .wdz-hero-img::after {
  content: ""; position: absolute; inset: 0;
  background: var(--primary-trans-50); /* rgba(78,42,10,.5) — site hero overlay */
}
.wdz-hero .wdz-eyebrow { color: var(--accent); }
.wdz-hero h1 {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: clamp(3rem, 3.5vw, 4.3rem);   /* --h2 register: 42.6px max */
  line-height: 1.2; letter-spacing: 0;
  text-transform: lowercase;               /* #brxe-qwbmwt idiom */
  color: var(--accent);                    /* #dedede */
  margin: 0 0 var(--space-m, 2rem);
  max-width: 20ch;
}
.wdz-hero .sub {
  max-width: 640px; margin: 0 auto;
  font-size: var(--text-m, 2.4rem); line-height: calc(6px + 2.2ex);
  color: var(--white);
}
.wdz-hero .wdz-meta {
  margin-top: var(--space-m, 2rem);
  font-size: var(--text-xs, 1.5rem); letter-spacing: 0; text-transform: none;
  color: var(--primary-light);             /* #f6d7bb */
}
.wdz-hero .wdz-meta .dot { margin: 0 1rem; color: var(--accent); }

/* ---------- residence selector (secondary band, mirrors #video) ---------- */
.wdz-residence {
  background: var(--secondary);            /* #cbc8c4 */
  padding: var(--space-xxl) 0;             /* 67.5px */
  text-align: center;
}
.wdz-residence .wdz-eyebrow { margin-bottom: 1rem; }
.wdz-residence .lead {
  font-size: var(--text-m, 2.4rem); line-height: calc(6px + 2.2ex);
  max-width: 700px;                        /* welcome-walter__text-basic */
  margin: 0 auto var(--space-l, 3rem);
}
.wdz-res-seg { display: inline-flex; gap: 2px; border: 0; }
.wdz-res-seg button {
  appearance: none; border: 0; border-radius: 0; cursor: pointer;
  background: var(--white);                /* solid plane, no hairline */
  color: var(--primary);
  padding: 1.6rem 2.5em; min-width: 20rem; /* --btn-padding/min-width */
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-weight: 300; font-size: 1.8rem;
  letter-spacing: 0; text-transform: none; /* sentence case, site button voice */
  transition: background .2s ease;
}
.wdz-res-seg button:hover { background: var(--secondary-hover); } /* #e7e6e4 */
.wdz-res-seg button.on { background: var(--primary); color: var(--primary-ultra-light); }
.wdz-res-seg button small {
  display: block; margin-top: .6rem;
  font-size: var(--text-xs, 1.5rem); color: inherit; opacity: .75;
  text-transform: none; letter-spacing: 0;
}
.wdz-res-seg button:focus-visible {
  outline: .2rem solid var(--primary-dark); outline-offset: .2rem;
}
.wdz-res-note { margin: var(--space-s) 0 0; font-size: var(--text-xs, 1.5rem); opacity: .8; }

/* ---------- explorer (planes on the stone band, no outlines) ---------- */
.w-calc .ex-shell {
  background: var(--secondary);
  padding: 0 var(--section-padding-x, 2.4rem) var(--space-xxl);
}
.w-calc .ex-card {
  max-width: 1360px; margin: 0 auto;
  background: transparent; border: 0;      /* the card outline is gone */
}
.w-calc .ex-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
}
.w-calc .ex-col-controls {
  background: var(--white);                /* white plane — modal panel idiom */
  padding: var(--space-xl) var(--space-xl);
  border: 0;
}
.w-calc .ex-col-result {
  background: var(--primary-ultra-light);  /* #fcf2e8 warm plane */
  padding: var(--space-xl) var(--space-xl);
  position: sticky; top: 0; align-self: start;
}
.w-calc .ex-section-intro {
  font-size: 1.8rem; font-weight: 300;
  color: var(--primary); margin: 0 0 var(--space-m);
}
.w-calc .fl-panel-divider {
  border: 0; border-top: 1px dotted var(--primary);  /* the site's one rule */
  margin: var(--space-l) 0;
}

/* eligibility rows */
.w-calc .fl-elig-row {
  display: flex; justify-content: space-between; align-items: center;
  gap: var(--space-m); padding: var(--space-s) 0;
  border-bottom: 1px dotted rgba(78, 42, 10, .45);
}
.w-calc .fl-elig-label {
  display: block; font-size: 2rem; font-weight: 500; color: var(--primary);
}
.w-calc .fl-elig-hint {
  display: block; font-size: var(--text-xs, 1.5rem); font-weight: 300;
  color: rgba(78, 42, 10, .72); margin-top: .3rem;   /* warm hint, AA on white */
}
.w-calc .fl-seg { display: inline-flex; gap: 2px; border: 0; flex-shrink: 0; }
.w-calc .fl-seg button {
  appearance: none; border: 0; border-radius: 0; cursor: pointer;
  background: var(--secondary);            /* btn--secondary plane */
  color: var(--base);
  padding: .9rem 2rem;
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-weight: 300; font-size: 1.5rem;
  letter-spacing: 0; text-transform: none;
  transition: background .2s ease;
}
.w-calc .fl-seg button:hover { background: var(--secondary-hover); }
.w-calc .fl-seg button.on {
  background: var(--primary); color: var(--primary-ultra-light); font-weight: 500;
}
.w-calc .fl-seg button:focus-visible {
  outline: .2rem solid var(--primary-dark); outline-offset: .2rem;
}

/* sliders — native range, styled in place (contract-safe) */
.w-calc .fl-slider-block { margin: var(--space-m) 0; }
.w-calc .fl-slider-header { display: flex; justify-content: space-between; align-items: baseline; }
.w-calc .fl-slider-label { font-size: 2rem; font-weight: 300; letter-spacing: 0; color: var(--primary); }
.w-calc .fl-slider-val {
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-size: 2.4rem; font-weight: 500; color: var(--primary);
}
.w-calc .fl-slider-val.zero { color: var(--secondary-semi-light); } /* #aba6a0 */
.w-calc .ex-col-controls input[type=range],
.w-calc .fl-shortfall-panel input[type=range] {
  -webkit-appearance: none; appearance: none;
  width: 100%; height: 2.4rem; margin: 1rem 0 .4rem;
  background: transparent; accent-color: var(--primary);
}
.w-calc input[type=range]::-webkit-slider-runnable-track {
  height: 2px; background: rgba(78, 42, 10, .35);
}
.w-calc input[type=range]::-moz-range-track {
  height: 2px; background: rgba(78, 42, 10, .35);
}
.w-calc input[type=range]::-moz-range-progress {
  height: 2px; background: var(--primary);
}
.w-calc input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 2rem; height: 2rem; border-radius: 50%; margin-top: -.9rem;
  background: var(--primary); border: 2px solid var(--primary-ultra-light);
}
.w-calc input[type=range]::-moz-range-thumb {
  width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--primary); border: 2px solid var(--primary-ultra-light);
}
.w-calc input[type=range]:focus-visible {
  outline: .2rem solid var(--primary-dark); outline-offset: .3rem;
}
.w-calc .fl-slider-range-labels {
  display: flex; justify-content: space-between;
  font-size: var(--text-xs, 1.5rem); color: rgba(78, 42, 10, .72);
}

/* costs drawer */
.w-calc .fl-costs-toggle {
  appearance: none; background: none; border: 0; cursor: pointer;
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-size: 1.8rem; font-weight: 500; letter-spacing: 0; text-transform: none;
  color: var(--primary); padding: var(--space-s) 0 0;
  text-decoration: underline; text-decoration-style: dotted;
  text-underline-offset: .5em;
}
.w-calc .fl-costs-body { display: none; }
.w-calc .fl-costs-body.open { display: block; }
.w-calc .fl-costs-inner {
  background: var(--secondary-ultra-light);  /* #f3f2f1 plane, no border */
  border: 0; padding: var(--space-m); margin-top: var(--space-s);
}
.w-calc .fl-costs-note { font-size: var(--text-xs, 1.5rem); color: rgba(78,42,10,.72); margin: 0 0 1.2rem; }
.w-calc .fl-assump-row {
  display: flex; justify-content: space-between; align-items: center;
  gap: 1.2rem; margin: .8rem 0; font-size: 1.8rem;
}
.w-calc .fl-input-wrap {
  display: inline-flex; align-items: center; gap: .4rem;
  border: 0; border-bottom: 1px dotted var(--primary);  /* site field recipe */
  background: var(--secondary); padding: .5rem 1rem;
}
.w-calc .fl-input {
  border: 0; outline: none; width: 9rem; background: transparent;
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-size: 1.8rem; text-align: right; color: var(--primary);
}
.w-calc .fl-input-wrap .pfx, .w-calc .fl-input-wrap .sfx {
  color: var(--primary); font-size: 1.5rem;
}
.w-calc .fl-input-wrap:focus-within {
  outline: .2rem solid var(--primary-dark); outline-offset: .2rem;
}

/* ---------- live hero result ---------- */
.w-calc .fl-hero {
  border: 0; background: var(--secondary-ultra-light);
  padding: var(--space-l) var(--space-l); text-align: center; min-height: 170px;
}
.w-calc .fl-hero-live { display: none; }
.w-calc .fl-hero.engaged .fl-hero-live { display: block; }
.w-calc .fl-hero.engaged .fl-hero-empty-body { display: none; }
.w-calc .fl-hero.engaged { background: var(--primary); }   /* the site's dark band */
.w-calc .fl-hero-empty-icon { display: none; }             /* no glyph decoration */
.w-calc .fl-hero-empty-text {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: 2rem; text-transform: lowercase; letter-spacing: 0;
  color: var(--base); margin: 0 0 .6rem;
}
.w-calc .fl-hero-empty-sub { font-size: 1.5rem; font-weight: 300; color: rgba(78,42,10,.72); margin: 0; }
.w-calc .fl-hero-lab {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: 1.8rem; text-transform: lowercase; letter-spacing: 0;
  color: var(--primary-light);            /* #f6d7bb on brown */
  margin-bottom: 1.2rem;
}
.w-calc .fl-hero-head { font-size: 1.8rem; color: var(--primary-ultra-light); margin-bottom: .6rem; }
.w-calc .fl-hero-big {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: clamp(3.6rem, 3.4vw, 4.6rem); letter-spacing: 0;
  color: var(--white);
}
.w-calc .fl-hero.short .fl-hero-big { color: var(--primary-light); } /* warm, not pink */
.w-calc .fl-hero-sub { font-size: 1.5rem; color: rgba(252, 242, 232, .85); margin-top: .8rem; }

/* verdict */
.w-calc .fl-verdict-initial {
  border: 0; border-top: 1px dotted rgba(78,42,10,.45);
  padding: var(--space-s) 0 0; margin-top: var(--space-s);
  font-size: 1.8rem; font-weight: 300; color: rgba(78,42,10,.8);
}
.w-calc .fl-verdict-initial.hidden { display: none; }
.w-calc .fl-verdict {
  display: none; margin-top: var(--space-s); padding: var(--space-s) var(--space-m);
  border-left: 3px solid var(--secondary); background: var(--white); gap: 1.2rem;
}
.w-calc .fl-verdict.show { display: flex; }
.w-calc .fl-verdict.pass { border-left-color: var(--primary); }
.w-calc .fl-verdict.fail { border-left-color: var(--w-alert); }
.w-calc .fl-verdict-head { font-size: 1.8rem; font-weight: 500; color: var(--primary); margin: 0 0 .3rem; }
.w-calc .fl-verdict-body { font-size: 2rem; font-weight: 300; color: var(--primary); margin: 0; }
.w-calc .fl-verdict .ico { display: none; }

/* result cards → borderless blocks with dotted rules */
.w-calc .fl-live-section { display: none; }
.w-calc .fl-live-section.show { display: block; }
.w-calc .fl-support-card {
  border: 0; border-top: 1px dotted var(--primary);
  background: transparent; padding: var(--space-m) 0 0; margin-top: var(--space-m);
}
.w-calc .fl-card-eyebrow { margin: 0 0 .8rem; }   /* lowercase didone via block at top */
.w-calc .fl-card-intro { font-size: 1.8rem; font-weight: 300; color: rgba(78,42,10,.72); margin: 0 0 1.2rem; }
.w-calc .fl-row {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: .8rem 0; font-size: 1.8rem;
  border-bottom: 1px dotted rgba(78, 42, 10, .3);
}
.w-calc .fl-row-lab small { display: block; font-size: 1.5rem; color: rgba(78,42,10,.6); }
.w-calc .fl-row-val.neg { color: var(--w-alert); }
.w-calc .fl-total {
  display: flex; justify-content: space-between;
  padding: 1.2rem 1.4rem; margin-top: 1rem;
  font-size: 1.8rem; font-weight: 500; border: 0; border-radius: 0;
}
.w-calc .fl-total.tint { background: var(--secondary-ultra-light); color: var(--primary); }
.w-calc .fl-total.pos  { background: var(--primary); color: var(--primary-ultra-light); }
.w-calc .fl-total.neg  { background: var(--w-alert); color: var(--primary-ultra-light); }

/* shortfall panel */
.w-calc .fl-shortfall-panel {
  border: 0; border-left: 3px solid var(--w-alert);
  background: var(--white); padding: var(--space-m); margin-top: var(--space-m);
}
.w-calc .fl-shortfall-eyebrow { color: var(--w-alert); margin: 0 0 .4rem; }
.w-calc .fl-shortfall-head { font-size: 1.8rem; font-weight: 500; color: var(--primary); margin: 0 0 .8rem; }
.w-calc .fl-savings-result {
  font-size: 1.8rem; font-weight: 300; color: var(--primary);
  border-top: 1px dotted rgba(78,42,10,.45); padding-top: 1.2rem;
}
.w-calc .fl-savings-result.covered { color: var(--primary); font-weight: 500; }
.w-calc .fl-savings-result.gap-exists { color: var(--w-alert); }

/* CTA row — the site's submit + secondary recipes */
.w-calc .fl-cta-row { display: flex; gap: 1.2rem; margin-top: var(--space-m); }
.w-calc .fl-btn {
  appearance: none; cursor: pointer; border: 0; border-radius: 0;
  background: var(--primary); color: var(--white);
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-weight: 300; font-size: 1.8rem;
  text-transform: none; letter-spacing: 0;   /* NOT a form submit — sentence case (law: submit only) */
  padding: 1rem 2.4rem; min-width: 15rem; text-align: center;
  transition: opacity .2s ease;
}
.w-calc .fl-btn:hover { opacity: .8; }
.w-calc .fl-btn:focus-visible { outline: .2rem solid var(--primary-dark); outline-offset: .2rem; }
.w-calc .fl-btn-ghost { background: var(--secondary); color: var(--base); }
.w-calc .fl-btn-ghost:hover { opacity: 1; background: var(--secondary-hover); }

/* ---------- how strip (primary band, mirrors #brxe-dqlxfz) ---------- */
.wdz-how { background: var(--primary); color: var(--primary-ultra-light); padding: var(--space-xxl) var(--section-padding-x, 2.4rem); }
.wdz-how .wdz-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-l); }
.wdz-how .how-num {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: 2.6rem; color: var(--primary-light);
}
.wdz-how .how-title {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: var(--h5, 1.8rem); text-transform: lowercase; letter-spacing: 0;
  color: var(--accent); margin: 1.2rem 0 .8rem;
}
.wdz-how .how-desc { font-size: 2rem; font-weight: 300; color: rgba(252,242,232,.85); line-height: 1.6; }

/* ---------- why band (secondary, borderless columns) ---------- */
.wdz-why { background: var(--secondary); padding: var(--space-xxl) var(--section-padding-x, 2.4rem); }
.wdz-h2 {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: var(--h3, 2.5rem); letter-spacing: 0; text-transform: lowercase;
  text-align: center; margin: 0 0 var(--space-l); color: var(--base);
}
.wdz-why .grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: var(--space-l); max-width: 1360px; margin: 0 auto;
}
.wdz-why article { border: 0; padding: 0 var(--space-m) 0 0; }
.wdz-why article + article { border-left: 1px dotted rgba(78,42,10,.45); padding-left: var(--space-m); }
.wdz-why h3 {
  font-family: "aviano-didone", serif; font-weight: 500;
  font-size: var(--h5, 1.8rem); text-transform: lowercase; letter-spacing: 0;
  margin: 0 0 1.2rem; color: var(--base);
}
.wdz-why p { font-size: 2rem; font-weight: 300; line-height: 1.65; color: var(--primary); margin: 0; }

/* ---------- register (mirrors the site's register modal) ---------- */
.wdz-register { background: var(--white); padding: var(--space-xxl) var(--section-padding-x, 2.4rem); text-align: center; }
.wdz-register .wdz-register-card { max-width: 500px; margin: 0 auto; }  /* modal-form-container */
.wdz-register .wdz-register-img img { width: 100%; height: auto; display: block; }
.wdz-register .wdz-register-panel {
  background: var(--white); margin-top: -50px; position: relative;   /* #brxe-wzfibt overlap */
  padding: var(--space-s); margin-inline: var(--space-s);
}
.wdz-register .wdz-h2 { text-transform: none; margin-bottom: 1rem; } /* sentence case, form idiom */
.wdz-register .sub { font-size: var(--text-xs, 1.5rem); font-weight: 300; margin: 0 auto var(--space-m); max-width: 40ch; }
.wdz-register form { text-align: left; }
.wdz-register .wdz-field input {
  width: 100%; border: 0; border-radius: 0;
  border-bottom: 1px dotted var(--primary);        /* site dotted rule */
  background: var(--secondary);                     /* #cbc8c4 fill */
  padding: .5rem 1rem; margin-bottom: 1.2rem;
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-weight: 300; font-size: 2rem; color: var(--primary);
}
.wdz-register .wdz-field input::placeholder { color: var(--primary); opacity: 1; }
.wdz-register .wdz-field input:focus-visible { outline: .2rem solid var(--primary-dark); outline-offset: .2rem; }
.wdz-register .wdz-hp { position: absolute; left: -9999px; }
.wdz-register .wdz-submit {
  appearance: none; cursor: pointer; border: 0; border-radius: 0;
  background: var(--primary); color: var(--white);
  padding: 1rem 2.4rem; min-width: 15rem;
  font-family: "acumin-variable", sans-serif; font-stretch: 67.5%;
  font-weight: 300; font-size: 1.8rem;
  text-transform: uppercase; letter-spacing: 0;
  transition: opacity .2s ease;
}
.wdz-register .wdz-submit:hover { opacity: .8; }
.wdz-register .gform_confirmation_message { text-align: center; }

/* ---------- faq + disclaimer ---------- */
.wdz-faq { background: var(--secondary-ultra-light); padding: var(--space-xxl) var(--section-padding-x, 2.4rem); }
.wdz-faq .item { max-width: 760px; margin: 0 auto; border-top: 1px dotted var(--primary); padding: var(--space-m) 0; }
.wdz-faq .q { font-size: 1.8rem; font-weight: 500; margin: 0 0 .8rem; color: var(--primary); }
.wdz-faq .a { font-size: 2rem; font-weight: 300; line-height: 1.65; color: var(--primary); margin: 0; }
.wdz-disc { background: var(--white); padding: var(--space-l) var(--section-padding-x, 2.4rem) var(--space-xl); }
.wdz-disc p {
  max-width: 860px; margin: 0 auto; text-align: center;
  font-size: 1.5rem; font-weight: 300; line-height: 1.7; color: rgba(78,42,10,.8);
}

/* ---------- responsive ---------- */
@media (max-width: 900px) {
  .w-calc .ex-grid { grid-template-columns: 1fr; }
  .w-calc .ex-col-result { position: static; }
  .w-calc .ex-col-controls, .w-calc .ex-col-result { padding: var(--space-l) var(--space-m); }
  .wdz-how .wdz-inner, .wdz-why .grid { grid-template-columns: 1fr; }
  .wdz-why article + article { border-left: 0; border-top: 1px dotted rgba(78,42,10,.45); padding: var(--space-m) 0 0; margin-top: var(--space-m); }
  .wdz-hero { min-height: 380px; }
  .wdz-res-seg { flex-direction: column; width: 100%; }
  .wdz-res-seg button { min-width: 0; width: 100%; }
  .w-calc .fl-elig-row { flex-wrap: wrap; }
}