/* SPACING-1 (founder Craig t857u 3:43 PM ET 2026-11-01: 'check all the spacing on headings and stuff'). CSS only, wording + markup unchanged.
   Linked on /course/ + /free/ (niches) and /everyday-ai/ + /free/everyday-ai/ (hub), just before accent-lock-1. One rhythm, shared tokens:
     --sp1-pill-gap   pill -> heading                     14px
     --sp1-sub-gap    heading -> its subline              12px
     --sp1-line-gap   subline -> subline                  10px
     --sp1-block-gap  sublines -> form / next block       28px
     --sp1-form-gap   field -> field -> button -> note    20px
     --sp1-lh         subline line-height                 1.6
   'Not convinced? Try it for free' box (.sf-free): sublines = one centred block, same max-width as the form; form centred in the box. */
html body main{--sp1-pill-gap:14px;--sp1-sub-gap:12px;--sp1-line-gap:10px;--sp1-block-gap:28px;--sp1-form-gap:20px;--sp1-lh:1.6;--sp1-form-w:612px}
/* the box */
html body main .sf-free > .pill{margin:0 0 var(--sp1-pill-gap)}
html body main .sf-free.sf-free > .sf-free__h,html body main.page--course .sf-free > .sf-free__h{margin:0 0 var(--sp1-sub-gap);line-height:1.3}
html body main .sf-free__line,html body main .sf-free__course{max-width:var(--sp1-form-w);margin-inline:auto;line-height:var(--sp1-lh)}
html body main .sf-free__line{margin-top:0;margin-bottom:var(--sp1-line-gap)}
html body main .sf-free__course{margin-top:0;margin-bottom:var(--sp1-block-gap)}
html body main .sf-free .signup-panel{max-width:var(--sp1-form-w);margin-inline:auto}
html body main .sf-free.sf-free > .sf-free__series{margin-top:var(--sp1-block-gap)}
/* every signup form (box + /free/): title -> fields, fields, button, note on one step */
html body main form.signup > .signup__title{margin-bottom:var(--sp1-form-gap)}
html body main .signup .field{margin-bottom:var(--sp1-form-gap)}
html body main .signup .signup__day1{margin-top:var(--sp1-form-gap)}
/* heading rhythm on /course/ + /free/: pill -> heading, heading -> subline */
html body main :is(.pill + h2,.pill + .offer__name):not(.sf-free__h){margin-top:var(--sp1-pill-gap)}
html body main :is(h2.h2,.sl__title,.gd-box__h) + p{margin-top:0}
html body main h2.h2:has(+ p),html body main .sl__title,html body main .gd-box__h{margin-bottom:var(--sp1-sub-gap)}
html body main .gd-box__line,html body main .class-start__text{line-height:var(--sp1-lh)}