/* ═══════════════════════════════════════════════════════════════════
   HUB HERO — solutions.html only.
   The receipt itself reuses the .cr-receipt system from crane.css;
   this file holds only the net-new adjustments for the hub variant.
   Loaded after all shared stylesheets, linked from solutions.html only.
═══════════════════════════════════════════════════════════════════ */

.sol-hero-receipt { width: 100%; }

/* Industry names hold the line; fee descriptions may wrap on tight columns. */
.sol-hero-receipt .cr-receipt-row .l {
  white-space: nowrap;
  font-weight: 600;
}
.sol-hero-receipt .cr-receipt-row .v {
  white-space: normal;
  text-align: right;
}

/* crane.css staggers receipt rows only up to nth-child(6);
   this receipt has seven rows (children 3–9), so extend the cascade. */
.sol-hero-receipt .cr-receipt-row:nth-child(7) { animation-delay: 1.30s; }
.sol-hero-receipt .cr-receipt-row:nth-child(8) { animation-delay: 1.45s; }
.sol-hero-receipt .cr-receipt-row:nth-child(9) { animation-delay: 1.60s; }

/* Readability floor: shared receipt classes size these below 12px. */
.sol-hero-receipt .cr-receipt-head-sub { font-size: 12px; letter-spacing: 0.08em; }
.sol-hero-receipt .cr-receipt-note { font-size: 12px; }

/* Keep "one honest rate" together when the closing line wraps. */
.sol-hero-receipt .cr-receipt-keep b { white-space: nowrap; }

/* mobile-phase1.css zeroes the hero grid gap at <=620px; restore breathing
   room between the CTA microcopy and the receipt when the columns stack. */
@media (max-width: 620px) {
  .sol-hero-receipt { margin-top: 44px; }
}