/* Category content blocks — a real FILE, not an inline <style>.
   WP Rocket's Remove Unused CSS strips the CONTENTS of inline <style> tags (it left
   <style id="csx-catblocks-css"></style> empty in the cached HTML), so the block rendered
   naked. A file whose path is in remove_unused_css_safelist is kept as a real <link>. */
.csx-catblocks{max-width:1140px;margin:44px auto 8px;padding:0 20px;display:grid;gap:28px}
.csx-catblock{border-top:2px solid #3A3A3A;padding-top:22px}
.csx-catblock__h{font-size:clamp(21px,2.4vw,28px);line-height:1.2;margin:0 0 6px;color:#2b2b2b}
.csx-catblock__sub{margin:0 0 14px;font-size:16px;font-weight:600;color:#5d635c}
.csx-catblock__p{margin:0 0 12px;font-size:16px;line-height:1.65;max-width:78ch;color:#40453f}
/* The host theme's Elementor kit colours every <a> brand-green via `.elementor-kit-N a`
   — specificity (0,1,1), a TIE with `.csx-catblock__cta a`, so load order decided it and
   the CTA came out green-on-green, i.e. invisible. Both anchor rules are therefore
   written at (0,2,1) so they win outright. */
.csx-catblocks .csx-catblock__p a{color:#2C8A00;text-decoration:underline}
.csx-catblocks .csx-catblock__p a:hover{color:#3A3A3A}
.csx-catblock__cta{margin:16px 0 0}
.csx-catblocks .csx-catblock__cta a{display:inline-block;background:#39B200;color:#0E2600;font-weight:700;font-size:15px;letter-spacing:.02em;padding:12px 26px;border-radius:0;text-decoration:none}
.csx-catblocks .csx-catblock__cta a:hover{background:#2C8A00;color:#fff}
@media(max-width:640px){.csx-catblocks{margin-top:32px;padding:0 16px}.csx-catblock__cta a{display:block;text-align:center}}