/* Preserve the established palette while allowing more than a single-screen landing page. */
footer.site nav{display:flex;flex-wrap:wrap;gap:16px}footer.site nav a{display:inline-flex;align-items:center;min-height:44px}
.procard-mini{min-width:0;max-width:100%;overflow-wrap:anywhere}.procard-mini>div{min-width:0}.procard-mini .logo{flex-shrink:0}
body.landing main.full{display:block;min-height:0}body.landing .top-hero{min-height:540px;display:block}.site .footer-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.sect .service-photo{max-width:100%}.service-intro .service-photo{margin-bottom:24px}.landing .service-gallery h2{max-width:100%}@media(max-width:700px){header.bar{flex-wrap:wrap}body.landing .top-hero{min-height:0;padding:32px 0}body.landing .top-hero p.lede{display:block;font-size:18px}.finder input,.finder select{min-width:0}.service-gallery .row.between{flex-wrap:wrap}.service-gallery .row.between a{display:inline-flex;align-items:center;min-height:44px}}
/* Pro recruiting pages (/join/<group>, 2026-10-24): hero button row. */
.hero-acts{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 0 24px}.band.spruce .hero-acts .btn-cta,.band.spruce .hero-acts .btn-cta:hover{color:var(--on-cta)}.hero-acts-more{font-weight:700;display:inline-flex;align-items:center;min-height:44px}.join-group .top-hero h1{max-width:22ch}@media(max-width:700px){.hero-acts .btn-cta{flex:1 1 100%;text-align:center;justify-content:center}}

/* Refer-a-pro earning examples (earn-examples block, 2026-11-04) */
.ee{background:var(--mist)}
.ee-chart{width:100%;max-width:720px;height:auto;display:block;margin:8px 0 24px}
.ee-lab{font:700 20px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:var(--navy)}
.ee-val{font:800 24px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:var(--navy)}
.ee-bar.ee-b0{fill:var(--teal)}.ee-bar.ee-b1{fill:var(--coral)}.ee-bar.ee-b2{fill:var(--navy)}
.ee-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ee-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;border-top:6px solid var(--teal)}
.ee-card.ee-c1{border-top-color:var(--coral)}.ee-card.ee-c2{border-top-color:var(--navy)}
.ee-big{font-size:40px;font-weight:900;letter-spacing:-1px;color:var(--navy);line-height:1}
.ee-card h3{margin:10px 0 4px;font-size:18px}
.ee-detail{margin:0 0 10px;color:var(--muted);font-size:15px}
.ee-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ee-card li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.ee-note{margin-top:16px;color:var(--muted);font-size:14px}

/* All services catalog (catalog-list block, 2026-11-04) */
.cl-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.cl-jump a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;text-decoration:none;color:var(--navy)}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}
.cl-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;scroll-margin-top:80px}
.cl-cat h3{margin:0 0 8px;font-size:18px}.cl-cat h3 a{color:var(--navy);text-decoration:none}
.cl-n{color:var(--muted);font-weight:600;font-size:14px}
.cl-cat ul{list-style:none;margin:0;padding:0;columns:1}
.cl-cat li{padding:3px 0;font-size:15px;line-height:1.35}.cl-cat li a{color:var(--sage-text)}

/* Long labels (source URLs) wrap instead of pushing the page sideways on phones (2026-11-04). */
.linkgrid li,.linkgrid a{min-width:0;overflow-wrap:anywhere}