/* =========================
   Category hero banner
   ========================= */
.b4a-cat-hero{
  margin: 0 0 20px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}
.b4a-cat-hero img,
.b4a-cat-hero .b4a-cat-hero-img{
  width: 100%;
  height: auto;
  display: block;
}

/* Ensure small inline images don't break layout */
.taxonomy-description > p > img { max-width: 100%; height: auto; }

/* Stop any plugin from forcing a global background */
body { background: inherit !important; }

/* === B4A: clamp ALL custom HTML blocks back to normal post text width === */
:where(.entry-content, .wp-block-post-content) :where(.b4a-wrap){
  width: 100% !important;
  max-width: 760px !important;  /* match your good Php 1 post */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* If any B4A sections were accidentally tagged alignwide/alignfull, neutralize it */
:where(.entry-content, .wp-block-post-content) :where(.b4a-wrap.alignwide, .b4a-wrap.alignfull){
  max-width: 760px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep true full-width WP blocks full width (covers, galleries, etc.) */
:where(.entry-content, .wp-block-post-content) :where(.alignfull){
  max-width: none !important;
}
/* === B4A global comfort spacing (adds breathing room inside ALL B4A cards) === */
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card){
  padding: clamp(20px, 2.6vw, 32px) !important;
  box-sizing: border-box;
  overflow: hidden; /* prevents weird margin-collapse that can make borders feel tight */
}

/* Consistent spacing between items inside B4A cards */
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card > * + *){
  margin-top: 14px !important;
}

/* Make headings + paragraphs behave consistently inside cards (prevents “hugging”) */
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card h2, .b4a-card h3, .b4a-card p){
  margin: 0 !important;
}

/* Lists often look cramped by default */
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card ul, .b4a-card ol){
  margin: 0 !important;
  padding-left: 22px !important;
}
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card li){
  margin: 8px 0 !important;
}

/* Buttons: give them air so they don't kiss the border */
:where(.entry-content, .wp-block-post-content) :where([class^="b4a-"], [class*=" b4a-"]) :where(.b4a-card .b4a-btn){
  margin-top: 10px !important;
}
/* === B4A global: more left/right inset + shorter line length inside cards === */
:where(.entry-content, .wp-block-post-content) :where(.b4a-card){
  /* Push text away from border (especially left/right) */
  padding-left: clamp(22px, 3vw, 34px) !important;
  padding-right: clamp(22px, 3vw, 34px) !important;
  padding-top: clamp(18px, 2.6vw, 28px) !important;
  padding-bottom: clamp(18px, 2.6vw, 28px) !important;
  box-sizing: border-box;
}

/* Make paragraphs/list text not stretch edge-to-edge: create comfy reading line length */
:where(.entry-content, .wp-block-post-content) :where(.b4a-card p, .b4a-card li){
  max-width: 62ch;              /* ✅ forces wrapping sooner for multi-line passages */
  line-height: 1.75;
}

/* Ensure headings also don’t span the whole card (looks cleaner) */
:where(.entry-content, .wp-block-post-content) :where(.b4a-card h2, .b4a-card h3){
  max-width: 60ch;
}