/* CHANGE LOG
   File: static/css/freight_finder.css
   Purpose: Page-level layout of https://prohrhq.com/freight-customer-development only:
            headline, "Use my own company" box, offer, guide. Nothing here styles the
            freight component (.cc-freight-*); it renders with the carrier page's own
            CSS (carrier_freight_discovery.css), per
            WORK-ORDER-freight-finder-live-component-2026-09-28 rule 7.
            Kept as its own small file because prohrhq_public.css is 1,867 lines,
            already past the linter's 400-line hard limit.
   2026-09-28 v3.1 - Dot note inside the component (new element on this page only).
   2026-09-28 v3.0 - Component overrides, picture grid and Try styles removed.
   2026-09-28 v2.0 - Map first; pictures.
   2026-09-28 v1.0 - Initial. */
.ff-page{max-width:72rem;margin:0 auto;padding:0 1rem;box-sizing:border-box;line-height:1.55}
.ff-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ff-hero{padding:1.25rem 0 .75rem}
.ff-hero h1{margin:0 0 .3rem;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.15}
.ff-hero__deck{font-size:1.15rem;color:#237a45;font-weight:600;margin:0}
.ff-map{margin:.5rem 0 1.25rem}
.cc-freight-preview__note{font-size:.92rem;color:#5b4a1e;background:#fff8ea;border-left:.3rem solid #c58b22;padding:.5rem .8rem;margin:0}
.ff-own{margin:0 0 1.5rem}
.ff-own>summary{cursor:pointer;font-weight:600;color:#1c4587;padding:.5rem 0}
.ff-gateway{margin:.4rem 0 0;padding:.9rem 1.1rem;background:#f4f8fa;border-left:.35rem solid #237a45;box-sizing:border-box}
.ff-gateway__form label{display:block;font-weight:600;margin-bottom:.3rem}
.ff-gateway__row{display:flex;gap:.5rem;flex-wrap:wrap}
.ff-gateway__row input{flex:1 1 14rem;min-width:0;max-width:24rem;padding:.6rem .7rem;font-size:1rem;border:1px solid #9eb2c5}
.ff-gateway__row button,.ff-gateway__send button{padding:.6rem 1rem;font-size:1rem;background:#237a45;color:#fff;border:0;cursor:pointer}
.ff-gateway__result{margin-top:.75rem}
.ff-gateway__result p{margin:.35rem 0}
.ff-gateway__carrier span{color:#44525f}
.ff-gateway__message{font-weight:600}
.ff-gateway__message--error{color:#8a1f11}
.ff-gateway__note{color:#44525f;font-size:.9rem;margin:.45rem 0 0}
.ff-service{margin:2rem 0;padding:1rem 1.25rem;background:#f4f8fa;border-left:.35rem solid #237a45}
.ff-service p{margin:.35rem 0}
.ff-service__cta{display:inline-block;background:#237a45;color:#fff;padding:.55rem 1rem;text-decoration:none;font-weight:600}
.ff-guide{margin:2.5rem 0 2rem;color:#2b3640}
.ff-guide h2,.ff-service h2{font-size:1.4rem;margin:0 0 .8rem}
.ff-guide h3{font-size:1.05rem;margin:1rem 0 .25rem}
.ff-guide p{margin:.3rem 0;max-width:48rem}