/*
 * Contact & Quote Request — page-local styles.
 * Page chrome (hero, band, closing) reuses shared/service-page.css.
 * Form styling reuses shared/quote-funnel.css.
 */

/*
 * NLC-DEV-20260902-10: widen the Contact hero and Start Here shells from
 * the shared 80rem wide-layout cap to 90rem. Page-scoped via
 * .nlc-service--contact (the page's own root class) so nothing outside
 * Contact is affected and shared/service-page.css does not need editing.
 */
.nlc-service--contact .nlc-service__hero--text-wide .nlc-service__shell--wide {
  max-width: min(90rem, var(--nlc-content));
}

.nlc-service--contact #nlc_form_contact_section .nlc-service__shell--wide {
  max-width: min(90rem, var(--nlc-content));
}

/*
 * NLC-DEV-20260902-10: visible breathing room between "One request, the
 * right questions." and its explanatory paragraph. ID-scoped to Contact's
 * own heading only.
 */
#nlc-contact-form-title {
  margin-bottom: 1.25rem;
}

/*
 * NLC-DEV-20260902-17, extended NLC-DEV-20260902-18, reset
 * NLC-DEV-20260903-19, widened NLC-DEV-20260903-20: readable two-part row
 * for the blue path-guide band on Contact only.
 *
 * NLC-DEV-20260902-17 matched the shared stacking rule's own boundary
 * ("max-width: 640px"). NLC-DEV-20260902-18 widened it to 767px to fix a
 * readability gap in the *longer* copy then in use. NLC-DEV-20260903-19
 * shortened the three visible messages and reset the boundary back to
 * 640px, since the shorter copy read cleanly in the shared 3-column layout
 * from 641px up. NLC-DEV-20260903-20 widened the boundary again to 800px
 * per owner review -- this is a threshold preference, not a readability
 * defect in the current short copy (still exactly as approved under -19).
 *
 * Rooted in .nlc-service--contact so no other .nlc-service page is
 * affected; overrides only band/span/divider layout (columns/display/
 * padding/alignment/border) -- copy, numbering, blue tokens, and heading
 * font-family are all untouched.
 */
@media (max-width: 800px) {
  .nlc-service--contact .nlc-service__band-grid {
    grid-template-columns: 1fr;
  }

  .nlc-service--contact .nlc-service__band-grid span {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    align-items: start;
    column-gap: 0.85rem;
    min-height: 0;
    padding-block: 0.9rem;
    padding-inline: 0;
    text-align: left;
    white-space: normal;
  }

  .nlc-service--contact .nlc-service__band-grid span + span {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
  }

  .nlc-service--contact .nlc-service__band-grid strong {
    line-height: 1.1;
  }
}