/* === RBL CSS FIXES BATCH 1.5, 2026-06-09 === */
body.page-id-224 .wp-block-post-title, body.page-id-749 .wp-block-post-title, body.page-id-409 .wp-block-post-title { display: none; }
.home .wp-block-latest-posts__list > li { background: #ffffff; border: 1px solid #e4e8ed; border-radius: 12px; padding: 24px; margin-bottom: 16px; list-style: none; transition: box-shadow 0.18s ease, border-color 0.18s ease; }
.home .wp-block-latest-posts__list > li:hover { box-shadow: 0 8px 24px rgba(15,31,54,0.08); border-color: #1A8780; }
.home .wp-block-latest-posts__list a { color: #0F1F36 !important; text-decoration: none; font-weight: 600; }
.home .wp-block-latest-posts__list a:hover { color: #1A8780 !important; }
.entry-content a:not(.wp-block-button__link) { color: #1A8780 !important; text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:not(.wp-block-button__link):hover { color: #0F1F36 !important; }
.single .entry-content h2.wp-block-heading, .page .entry-content h2.wp-block-heading { font-size: 32px !important; line-height: 1.2; margin-top: 56px; margin-bottom: 16px; }
.single .entry-content h3.wp-block-heading, .page .entry-content h3.wp-block-heading { font-size: 22px !important; line-height: 1.3; margin-top: 32px; margin-bottom: 12px; }
/* === END BATCH 1.5 === */


/* === MOBILE BATCH — 2026-06-09 === */
@media (max-width: 768px) {
  /* 1. Hero H1 — 54px overflows the 310px card. Cap at ~36px so words fit. */
  .wp-block-group.has-background h1.wp-block-heading,
  .wp-block-cover h1.wp-block-heading {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: 1.1 !important;
    word-break: break-word;
  }
  /* 2. Hero card — tighten horizontal padding so text has breathing room. */
  .wp-block-group.has-background.has-white-color {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  /* 3. Force WP block-columns to stack — three-card row was staying 3-wide at 390px. */
  .wp-block-columns.is-layout-flex {
    flex-direction: column !important;
    gap: 1.25rem !important;
  }
  .wp-block-columns.is-layout-flex > .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  /* 4. Latest Posts grid — drop to a single column on mobile (overrides columns-3). */
  .wp-block-latest-posts__list.is-grid {
    display: block !important;
  }
  .wp-block-latest-posts__list.is-grid li {
    width: 100% !important;
    flex-basis: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 1.25rem !important;
  }
  /* 5. Reduce big empty gaps between top-level sections. */
  .wp-site-blocks > main > .wp-block-group + .wp-block-group,
  .wp-block-group.has-global-padding > .wp-block-group + .wp-block-group {
    margin-block-start: 2rem !important;
  }
}
/* === END MOBILE BATCH === */


/* === /checklist/ landing page === */
body.page-id-857 .wp-block-post-title { display: none; }
body.page-id-857 .wp-block-template-part[data-type="header"],
body.page-id-857 .wp-block-template-part[slug="header"],
body.page-id-857 header.wp-block-template-part,
body.page-id-857 .wp-block-site-tagline { display: none; }