/* Home page: even, tighter gaps between the four main sections.
   Desktop 18px, mobile 13px. Each gap is set on one side only so the values don't stack. */
.home-page{--home-gap:18px}
@media (max-width:760px){.home-page{--home-gap:13px}}

/* 1. Category cards -> GTA box */
.home-page section.block:has(> .category-grid){padding-bottom:0!important}
.home-page section.block.scope-panel{margin:var(--home-gap) 0!important}

/* 2. GTA box -> "Before you choose" */
/* 3. "Before you choose" -> "Ideas with useful detail" */
.home-page section.block:has(> details.faq){padding-top:0!important;padding-bottom:0!important}
.home-page details.faq:last-child{padding-bottom:0!important}
.home-page section.block:has(> .grid .journal-card){margin:var(--home-gap) 0!important;padding-top:20px!important;padding-bottom:20px!important}

/* 4. "Ideas with useful detail" -> "What we do" */
.home-page section.block:has(> .steps){padding-top:0!important}