/* independent-firm page v6 */
/* Styles for the public Independent Firm page on pktech.net (HubSpot site page 223382695260,
   CLEAN Pro theme, clean-pro-pillar.html). This file is the source of truth. pkt-intel serves a
   copy at https://pktech.net/hubfs/independent-firm/css/page.css, linked from the page's
   Settings > Advanced > Head HTML. Update it by bumping the version line, merging, then:
     Get-Content -Raw site/page.css | ssh pkt-infra-1 docker exec -i pkt-intel-web python /app/core/dashboard/hubspot_blog.py push-page-css
   The push overwrites the file at that one URL; the Head HTML link never changes. Browsers keep
   a fetched copy up to 14 days (HubSpot's max-age), so hard-refresh (Ctrl+Shift+R) before
   judging a push.
   HubSpot's editor preview does not load Head HTML. Judge it in the preview opened in a new tab.
   Every rule starts with the page's body class, so nothing here touches another page. The page
   keeps that class when its URL moves to /independent-firm/. */

/* Section headings in brand blue at 700; the title stays the theme's #222, as on blog posts.
   Blog posts use navy (#222b58), which reads as black at heading size, so this page takes the
   brand's primary blue instead (Jordan, 2026-10-28). */
.hs-content-id-223382695260 h2,
.hs-content-id-223382695260 h3 { color: #214290; font-weight: 700; }

/* Heading sizes. The theme's are 62/50/37px, sized for a pillar page's long sections. */
.hs-content-id-223382695260 h1 { font-size: 52px; line-height: 1.1; }
.hs-content-id-223382695260 h3 { font-size: 24px; line-height: 1.3; margin: 8px 0 12px; }
.hs-content-id-223382695260 h2 { font-size: 30px; line-height: 1.2; margin: 40px 0 8px; }
@media (max-width: 575px) {
  .hs-content-id-223382695260 h1 { font-size: 38px; }
  .hs-content-id-223382695260 h3 { font-size: 20px; }
  .hs-content-id-223382695260 h2 { font-size: 26px; }
}

/* The signup form, boxed so it reads as the page's one action: brand blue rule, light panel. */
.hs-content-id-223382695260 .widget-type-form {
  background: #f5f6f9;
  border-left: 4px solid #214290;
  padding: 24px 28px;
  max-width: 640px;   /* its own row now; three fields don't need the full 1280px */
}

/* The bio under the rule at the end of the body reads as a sign-off, not body text. */
.hs-content-id-223382695260 hr + p { font-size: 15px; color: #5a5d6b; }