/* Shared estimate disclaimer (app/views/shared/_estimate_disclaimer.html.erb).
 *
 * Registered in BOTH asset bundles, the same way typography.css is:
 *   - app/assets/tailwind/application.css  @import ... layer(components)
 *   - app/views/layouts/onboarding.html.erb  stylesheet_link_tag
 *
 * The onboarding layout (public funnel reveal + signed-in setup reveal) is
 * propshaft-only with no Tailwind, so the partial cannot use a single Tailwind
 * utility and this file cannot use @apply or any Tailwind at-rule.
 *
 * A caller can pass `class:` to keep its own layout hook (centering, width,
 * size). Those rules win because both are single-class selectors and every
 * caller's sheet loads AFTER this one in both bundles, keep it that way.
 *
 * It uses ONLY tokens that exist in both bundles: --type-* and --fw-* come from
 * the shared typography.css, and --base-text-* / --font-sans are defined in each
 * bundle's own root. That is what makes Light, Dark Dimmed and Dark High Contrast
 * work here for free, with no per-mode rules and no .dark .onboarding-body entry.
 * Do not reach for a hex or a Tailwind class in this file: either one breaks one
 * of the two bundles or one of the three modes.
 */
.estimate-disclaimer {
  font: var(--type-secondary) var(--font-sans);
  color: var(--base-text-tertiary);
  max-width: 46rem;
  margin: 0;
}

.estimate-disclaimer--line,
.estimate-disclaimer--fine {
  font: var(--type-caption) var(--font-sans);
}

.estimate-disclaimer strong {
  font-weight: var(--fw-semibold);
  color: var(--base-text-secondary);
}

/* Keeps "to <high>" together when a range headline wraps.
 *
 * Without it the joiner strands at the end of the first line ("$2.3M to" / "$4.2M"),
 * which reads as a broken sentence rather than a range. The dashboard hero solves
 * this with .val-hero__range-tail; this is the same rule for the plain-text range
 * headlines (funnel reveal, signed-in setup reveal, Destimate), and it lives here
 * because this sheet is the one thing loaded by BOTH asset bundles. */
.estimate-range-tail { white-space: nowrap; }