/* ==================================================================== Grid Maker Pro — editorial heading rhythm (2026-06-16) -------------------------------------------------------------------- Fixes section titles sticking to the paragraph above them — a bug seen across hubs, tool pages, and every bespoke marketing template (about-us, faq, methodology, features, ...). Root cause The base templates set section headings with NO top margin, e.g. .gm-section h2 { margin: 0 0 18px !important; } (inline, 14 files) .gmp-section h2 { margin: 0 0 var(--s-5); } (components.css) .ftp-h2 { margin: 0 0 ...; } (bespoke pages) So whenever a heading follows a paragraph (stacked sections in one container) it butts straight up against the text above it. The fix — container-agnostic by design Each template family uses its OWN container classes (.gm-studio-inner, .gmp-faq-group, .ftp-road-head, ...), so scoping by container would be an endless, fragile enumeration. Instead we key off the ONE thing they all share: a heading that DIRECTLY FOLLOWS running text. The adjacent-sibling combinator (`text + heading`) never matches a container's FIRST heading, so a section's own padding-top is never doubled — no `:first-child` reset needed. Why it never touches cards / stats / CTAs · The preceding-element list is running-text only (p/ul/ol/dl/ blockquote). Card titles sit after a

/ thumb, so `text + heading` can't fire on them. · Class guards skip the few headings that DO follow a

-like label inside a component (title/card/stat/num/eyebrow/cta/close/value/ label/meta naming). Why the id-level :not(#_) bump The per-page `.gm-section h2 { ...!important }` rules live in inline