/* Accessible type/space scale — pilot-scoped to .est-fluid.
   Sizes are rem-based so browser zoom / user font-size still scale text (WCAG
   1.4.4). Upper clamp bounds are pinned to the Figma desktop sizes so the design
   renders 1:1 at desktop; smaller screens scale down. Apply .est-fluid on the
   estimator section root.

   Figma type: Heading/XS 32px (title), Body/L 16px (sub/body), Body/S 12px
   (label). Heading sizes for result/testimonial are set explicitly in markup.

   MANUAL TEST (must pass before выкат):
   1. Browser zoom 200% — text scales, no clipping, no horizontal scroll.
   2. Reflow at 320px CSS width — content reflows, no 2-axis scroll.
   WCAG 2.1 AA: 1.4.4 Resize Text, 1.4.10 Reflow. */

.est-fluid {
  --fs-h1:   clamp(1.5rem, 1rem + 2.2vw, 2rem);     /* 24 -> 32px */
  --fs-h2:   clamp(1.25rem, 1rem + 1.1vw, 1.5rem);  /* 20 -> 24px */
  --fs-body: 1rem;                                   /* 16px */
  --fs-sm:   0.75rem;                                /* 12px */
  --sp-section: clamp(2.5rem, 1.5rem + 4vw, 5rem);
}

.est-fluid .est__title { font-size: var(--fs-h1); }
.est-fluid .est__sub   { font-size: var(--fs-body); }
.est-fluid .est__label { font-size: var(--fs-sm); }