/* ==========================================================================
   ContentKida — uniform spacing layer (ck-spacing.css)
   Purpose : one vertical rhythm for every template (legacy .section pages,
             Tailwind-CDN landing/course pages, journal, single posts, plain pages).
   Scope   : spacing ONLY (padding / margin / gap). No colours, fonts, borders,
             header, footer, logo or copy are touched.
   Rollback: dequeue (remove the enqueue snippet) or delete this file.
   Plan    : /workspace/contentkida/spacing/PLAN.md  (prepared 2026-09-28)
   ========================================================================== */

:root {
  --ck-section-y: 64px;     /* vertical padding of every top-level section (desktop/tablet) */
  --ck-head-gap: 48px;      /* section header block -> first content row                     */
  --ck-grid-gap: 32px;      /* gap between cards in card grids                               */
  --ck-hero-offset: 140px;  /* first section top padding under the 72px fixed header          */
  --ck-gutter: 24px;        /* horizontal page gutter on mobile                              */
}
@media (max-width: 767px) {
  :root {
    --ck-section-y: 48px;
    --ck-head-gap: 32px;
    --ck-grid-gap: 24px;
  }
}

/* --------------------------------------------------------------------------
   0. HERO LOCK (2026-09-28, owner request): on the course pages (Tailwind
      single-post-* templates, agentic / content-mastery / soft-skills) and the
      standalone workshop landing pages, the FIRST section (hero) keeps exactly its
      current height and padding. Every rule below that could touch those heroes
      carries :not(:where(<hero>, <hero> *)) -- :where() adds 0 specificity.
      Heroes matched:
        main.pt-24 > section:first-of-type                  ai-in-digital-marketing
        .site-main > div > section.pb-section-gap:first-of-type   generative-ai-masterclass
        body > main:not(.site-main) > section:first-of-type  ai-workshop-v1 / v2
        body.page-template-template-{agentic-ai-llm-ops|ai-driven-content-mastery|
          soft-skills-tech|ai-digital-marketing} main.site-content > section:first-of-type
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   1. Legacy theme sections (style.css .section: 48px desktop / 64px mobile —
      inverted). Inline padding-top:140px heroes keep their inline value.
   -------------------------------------------------------------------------- */
.site-main .section:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) {
  padding-top: var(--ck-section-y);
  padding-bottom: var(--ck-section-y);
}
@media (max-width: 767px) {
  /* every .section wraps a .container (24px side padding) — drop the extra 16px
     so mobile gutters are 24px like the journal / blog, not 40px */
  .site-main .section:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { padding-left: 0; padding-right: 0; }
}

/* Contact: map block had margin-top 64 (inline) + padding-top 64 + padding-bottom 96
   => 176px double gap after the form section and 96px before the footer. */
.site-main .contact-map-section {
  margin-top: 0 !important;               /* beats inline style="margin-top: var(--space-16)" */
  padding-top: var(--ck-section-y);
  padding-bottom: var(--ck-section-y);
}

/* --------------------------------------------------------------------------
   2. Section header -> content gap (.section-header had 64px + a trailing 16px
      <p> margin = ~89px visual; inline/Tailwind headers were 48-68px).
   -------------------------------------------------------------------------- */
.site-main .section-header:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { margin-bottom: var(--ck-head-gap); }
.site-main .section-header:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) > :last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   3. Card grids (theme grid-2/3 = 32, grid-4/culture = 24, journal 32x24)
   -------------------------------------------------------------------------- */
.site-main .grid-2:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
.site-main .grid-3:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
.site-main .grid-4:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
.site-main .culture-grid:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
.site-main .ck-jgrid { gap: var(--ck-grid-gap); }

/* --------------------------------------------------------------------------
   4. Tailwind-CDN templates (course "single-post-*" pages, payment, workshops).
      Tailwind utilities are (0,1,0); "body ..." (0,1,1) wins regardless of the
      runtime <style> injection order.
   -------------------------------------------------------------------------- */
body .py-section-gap:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { padding-top: var(--ck-section-y); padding-bottom: var(--ck-section-y); }
body .pb-section-gap:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { padding-bottom: var(--ck-section-y); }
/* section-level header blocks inside Tailwind sections (mb-12 / mb-16 mix) */
body .py-section-gap .mb-16:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body .py-section-gap .mb-12:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body main > div > section.py-12 .mb-12:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body .mb-section-gap:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { margin-bottom: var(--ck-head-gap); }   /* gen-AI masterclass used a 120px heading margin */
/* Tailwind card grids */
body main .grid.gap-6:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body main .grid.gap-8:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body main .grid.gap-gutter:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { gap: var(--ck-grid-gap); }
/* mobile gutter 5vw (19.5px @390) -> 24px */
@media (max-width: 767px) {
  body main .px-margin-page:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { padding-left: var(--ck-gutter); padding-right: var(--ck-gutter); }  /* main only: workshop footers also use px-margin-page (brand lock) */
}
/* Workshop pages (standalone templates, no wp_head) — only effective if the
   <link> in APPLY batch 4 is added. Sections: v1 py-12 outlier, v2 py-12 stack,
   v2 highlighted panel my-12 (double gap). Heroes (pt-24/pb-32, py-20 lg:py-32)
   and the v1 py-10 stat strip are intentionally left alone. */
body main > section.py-12:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)),
body main > div > section.py-12:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { padding-top: var(--ck-section-y); padding-bottom: var(--ck-section-y); }
body main section.py-20.my-12:not(:where(main.pt-24 > section:first-of-type, main.pt-24 > section:first-of-type *,.site-main > div > section.pb-section-gap:first-of-type, .site-main > div > section.pb-section-gap:first-of-type *,body > main:not(.site-main) > section:first-of-type, body > main:not(.site-main) > section:first-of-type *,body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type, body.page-template-template-agentic-ai-llm-ops main.site-content > section:first-of-type *,body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type, body.page-template-template-ai-driven-content-mastery main.site-content > section:first-of-type *,body.page-template-template-soft-skills-tech main.site-content > section:first-of-type, body.page-template-template-soft-skills-tech main.site-content > section:first-of-type *,body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type, body.page-template-template-ai-digital-marketing main.site-content > section:first-of-type *)) { margin-top: 0; margin-bottom: 0; padding-top: var(--ck-section-y); padding-bottom: var(--ck-section-y); }

/* --------------------------------------------------------------------------
   5. Journal (blog index + articles, inc/journal.php / assets/css/journal.css)
   -------------------------------------------------------------------------- */
.site-main .ck-journal { padding-top: var(--ck-hero-offset); padding-bottom: var(--ck-section-y); }  /* was 140/96 d, 112/64 m */
.site-main .ck-jintro,
.site-main .ck-jhero,
.site-main .ck-jfeatured,
.site-main .ck-jfilter,
.site-main .ck-jbanner { margin-bottom: var(--ck-head-gap); }
.site-main .ck-journal > .ck-jcta { margin-top: var(--ck-section-y); }                    /* blog CTA: was 64 both */
.site-main .ck-jrelated { margin-top: var(--ck-section-y); padding-top: var(--ck-section-y); } /* was 80 + 48 = 128 both */

/* --------------------------------------------------------------------------
   6. Classic single posts (single.php) and plain pages (page.php)
   -------------------------------------------------------------------------- */
body.single-post .site-main > .container { padding-bottom: var(--ck-section-y) !important; } /* inline var(--space-24)=96 */
body.single-post .related-reading { margin-top: var(--ck-section-y) !important; }            /* inline var(--space-20)=80 */
/* payment-success: no rule here any more -- the template now loads the same
   Tailwind CDN + config + fonts as template-payment.php (fixed at source, 2026-09-28). */
/* page.php had NO offset: the H1 sat under the fixed header (Privacy Policy) */
body.page-template-default .site-main > .container {
  padding-top: var(--ck-hero-offset);
  padding-bottom: var(--ck-section-y);
}

/* --------------------------------------------------------------------------
   7. Mobile gutter guard — contact form/sidebar overflowed the 390px viewport
      (document 413px wide) because `1fr` = minmax(auto,1fr) keeps min-content.
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  .site-main .contact-layout { grid-template-columns: minmax(0, 1fr); }
}