.info-blocks {
  max-width: 44rem;
  margin: 0 auto;
}

/* ========================================
   Headings (core/heading block styles)
   Scoped to .info-blocks
   ======================================== */

/* --- Visual scale presets --- */
.info-blocks .is-style-h2-turquoise,
.info-blocks .is-style-h2-almostblack,
.info-blocks .is-style-h2 {
  font-size: clamp(2rem, 1.6vw + 1.2rem, 2.4rem);
  line-height: 1.2;
  font-weight: 700;
}

.info-blocks .is-style-h3-turquoise,
.info-blocks .is-style-h3-almostblack,
.info-blocks .is-style-h3 {
  font-size: clamp(1.6rem, 1.1vw + 1rem, 2rem);
  line-height: 1.25;
  font-weight: 700;
}

.info-blocks .is-style-h4-turquoise,
.info-blocks .is-style-h4-almostblack,
.info-blocks .is-style-h4 {
  font-size: clamp(1.25rem, 0.8vw + 0.9rem, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

/* --- Colour tokens --- */
.info-blocks .is-style-h2-turquoise,
.info-blocks .is-style-h3-turquoise,
.info-blocks .is-style-h4-turquoise {
  color: var(--turquoise);
}

.info-blocks .is-style-h2-almostblack,
.info-blocks .is-style-h3-almostblack,
.info-blocks .is-style-h4-almostblack {
  color: var(--almost-black);
}

/* --- Shared underline style --- */
.info-blocks .is-style-h2-turquoise,
.info-blocks .is-style-h2-almostblack,
.info-blocks .is-style-h3-turquoise,
.info-blocks .is-style-h3-almostblack,
.info-blocks .is-style-h4-turquoise,
.info-blocks .is-style-h4-almostblack {
  margin: 0 0 1rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 2px dotted currentColor; /* underline matches text colour */
}

/* --- Optional spacing tidy --- */
.info-blocks .wp-block-heading {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/* Manual paragraph spacing control */
.info-blocks p.spacing-bottom,
.wp-block-paragraph p.spacing-bottom {
  margin-bottom: 2.75rem;
}

/* Proper paragraph spacing - use padding to avoid margin collapse */
/* .info-blocks p,
.info-blocks .wp-block-paragraph {
  margin-top: 0;
  margin-bottom: 1.875rem;
} */

/* Link styles for info blocks - more specific selectors */
.info-blocks a,
.info-blocks p a,
.info-blocks .wp-block-paragraph a,
.info-blocks .wp-block-group a {
  text-decoration: underline 1px solid !important;
  text-underline-offset: 0.175em !important;
  font-weight: 600 !important;
  color: var(--almost-black) !important;
}

.info-blocks a:hover,
.info-blocks p a:hover,
.info-blocks .wp-block-paragraph a:hover,
.info-blocks .wp-block-group a:hover {
  color: var(--almost-black) !important;
  text-decoration-color: var(--turquoise) !important;
  text-decoration-thickness: 2px !important;
}

.info-blocks a:focus-visible,
.info-blocks p a:focus-visible,
.info-blocks .wp-block-paragraph a:focus-visible,
.info-blocks .wp-block-group a:focus-visible {
  /* background: var(--bright-green) !important; */
  color: var(--almost-black);
  outline: 3px solid var(--pink);
}

/* Link styles for enrol content and other content areas */
.enrol-content a,
.enrol-text a,
.enrol-content p a,
.enrol-text p a {
  text-decoration: underline 1px solid !important;
  text-underline-offset: 0.175em !important;
  font-weight: 600 !important;
  color: var(--almost-black) !important;
}

.enrol-content a:hover,
.enrol-text a:hover,
.enrol-content p a:hover,
.enrol-text p a:hover {
  color: var(--almost-black) !important;
  text-decoration-color: var(--turquoise) !important;
  text-decoration-thickness: 2px !important;
}

.enrol-content a:focus-visible,
.enrol-text a:focus-visible,
.enrol-content p a:focus-visible,
.enrol-text p a:focus-visible {
  background: var(--bright-green) !important;
  color: var(--almost-black) !important;
  outline: none !important;
}

/* ========================================
   Editor-specific styles (no .info-blocks wrapper)
   ======================================== */

/* --- Visual scale presets for editor --- */
.wp-block-heading.is-style-h2-turquoise,
.wp-block-heading.is-style-h2-almostblack,
.wp-block-heading.is-style-h2 {
  font-size: clamp(2rem, 1.6vw + 1.2rem, 2.4rem);
  line-height: 1.2;
  font-weight: 700;
  /* max-width: 90ch; */
  margin-left: auto;
  margin-right: auto;
}

.wp-block-heading.is-style-h3-turquoise,
.wp-block-heading.is-style-h3-almostblack,
.wp-block-heading.is-style-h3 {
  font-size: clamp(1.6rem, 1.1vw + 1rem, 2rem);
  line-height: 1.25;
  font-weight: 700;
  /* max-width: 90ch; */
  margin-left: auto;
  margin-right: auto;
}

.wp-block-heading.is-style-h4-turquoise,
.wp-block-heading.is-style-h4-almostblack,
.wp-block-heading.is-style-h4 {
  font-size: clamp(1.25rem, 0.8vw + 0.9rem, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
  /* max-width: 90ch; */
  margin-left: auto;
  margin-right: auto;
}

/* --- Colour tokens for editor --- */
.wp-block-heading.is-style-h2-turquoise,
.wp-block-heading.is-style-h3-turquoise,
.wp-block-heading.is-style-h4-turquoise {
  color: var(--turquoise);
}

.wp-block-heading.is-style-h2-almostblack,
.wp-block-heading.is-style-h3-almostblack,
.wp-block-heading.is-style-h4-almostblack {
  color: var(--almost-black);
}

/* Editor-specific link styles - more specific selectors */
.wp-block-paragraph a,
.wp-block-group a,
.wp-block-paragraph p a,
.wp-block-group p a {
  text-decoration: underline 1px solid !important;
  text-underline-offset: 0.175em !important;
  font-weight: 600 !important;
  color: var(--almost-black) !important;
}

.wp-block-paragraph a:hover,
.wp-block-group a:hover,
.wp-block-paragraph p a:hover,
.wp-block-group p a:hover {
  color: var(--almost-black) !important;
  text-decoration-color: var(--turquoise) !important;
  text-decoration-thickness: 2px !important;
}

.wp-block-paragraph a:focus-visible,
.wp-block-group a:focus-visible,
.wp-block-paragraph p a:focus-visible,
.wp-block-group p a:focus-visible {
  background: none;
  color: var(--almost-black);
  outline: 3px solid var(--pink);
}

/* ========================================
   Group Block Styles (Info Cards)
   ======================================== */

/* Base info card styles */
.info-blocks .wp-block-group.is-style-info-card-cyan,
.info-blocks .wp-block-group.is-style-info-card-cyan-check,
.info-blocks .wp-block-group.is-style-info-card-cyan-x,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-green,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-turquoise,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-green,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-turquoise,
.info-blocks .wp-block-group.is-style-info-card-citrus,
.info-blocks .wp-block-group.is-style-info-card-citrus-check,
.info-blocks .wp-block-group.is-style-info-card-citrus-x,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise {
  background: var(--cyan-20);
  padding: 2rem 1rem;
  border-radius: 1rem;
  margin: 1rem 0 3rem;
}

/* Citrus background variants */
.info-blocks .wp-block-group.is-style-info-card-citrus,
.info-blocks .wp-block-group.is-style-info-card-citrus-check,
.info-blocks .wp-block-group.is-style-info-card-citrus-x,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise {
  background: var(--citrus-green-20);
}

/* H3 styling for info cards */
.info-blocks .wp-block-group.is-style-info-card-cyan h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-check h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-x h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-green h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-turquoise h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-green h3,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-turquoise h3,
.info-blocks .wp-block-group.is-style-info-card-citrus h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-check h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-x h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green h3,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise h3 {
  color: var(--almost-black);
  font-size: clamp(1.6rem, 1.1vw + 1rem, 2rem);
  line-height: 1.25;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.75rem;
  border-bottom: none; /* Remove any existing border */
}

/* List styling for info cards with icons */
.info-blocks .wp-block-group.is-style-info-card-cyan-check ul,
.info-blocks .wp-block-group.is-style-info-card-cyan-x ul,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-green ul,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-turquoise ul,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-green ul,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-turquoise ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-check ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-x ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green ul,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise ul {
  list-style: none;
  margin: 0.75rem 0;
  padding: 0 0 0 1rem;
}

.info-blocks .wp-block-group.is-style-info-card-cyan-check li,
.info-blocks .wp-block-group.is-style-info-card-cyan-x li,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-green li,
.info-blocks .wp-block-group.is-style-info-card-cyan-check-turquoise li,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-green li,
.info-blocks .wp-block-group.is-style-info-card-cyan-x-turquoise li,
.info-blocks .wp-block-group.is-style-info-card-citrus-check li,
.info-blocks .wp-block-group.is-style-info-card-citrus-x li,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green li,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise li,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green li,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* Check icon (default green) */
.info-blocks .wp-block-group.is-style-info-card-cyan-check li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-check li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* X icon (default green) */
.info-blocks .wp-block-group.is-style-info-card-cyan-x li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-x li::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* Check icon - Green */
.info-blocks .wp-block-group.is-style-info-card-cyan-check-green li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-green li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* Check icon - Turquoise */
.info-blocks .wp-block-group.is-style-info-card-cyan-check-turquoise li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-check-turquoise li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--turquoise);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* X icon - Green */
.info-blocks .wp-block-group.is-style-info-card-cyan-x-green li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-green li::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* X icon - Turquoise */
.info-blocks .wp-block-group.is-style-info-card-cyan-x-turquoise li::before,
.info-blocks .wp-block-group.is-style-info-card-citrus-x-turquoise li::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--turquoise);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* ========================================
   Icon + text spans inside paragraphs
   ======================================== */
.info-blocks p span {
  display: inline-flex;
  align-items: center;
  gap: 0.5em; /* space between icon and text */
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 1.1em;
}

.info-blocks p span i {
  font-size: 1.3em;
  line-height: 1;
  color: var(--turquoise);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
}

.info-blocks ul {
  margin-left: 0rem;
  padding-left: 1rem;
}

.info-blocks ul li {
  margin-bottom: 0.5rem;
}

/* ========================================
   Editor-specific Group Block Styles
   ======================================== */

/* Base info card styles for editor */
.wp-block-group.is-style-info-card-cyan,
.wp-block-group.is-style-info-card-cyan-check,
.wp-block-group.is-style-info-card-cyan-x,
.wp-block-group.is-style-info-card-cyan-check-green,
.wp-block-group.is-style-info-card-cyan-check-turquoise,
.wp-block-group.is-style-info-card-cyan-x-green,
.wp-block-group.is-style-info-card-cyan-x-turquoise,
.wp-block-group.is-style-info-card-citrus,
.wp-block-group.is-style-info-card-citrus-check,
.wp-block-group.is-style-info-card-citrus-x,
.wp-block-group.is-style-info-card-citrus-check-green,
.wp-block-group.is-style-info-card-citrus-check-turquoise,
.wp-block-group.is-style-info-card-citrus-x-green,
.wp-block-group.is-style-info-card-citrus-x-turquoise {
  background: var(--cyan-20);
  padding: 1rem;
  border-radius: 1rem;
  margin: 1rem 0;
  /* max-width: 90ch;*/
  margin-left: auto;
  margin-right: auto;
}

/* Citrus background variants for editor */
.wp-block-group.is-style-info-card-citrus,
.wp-block-group.is-style-info-card-citrus-check,
.wp-block-group.is-style-info-card-citrus-x,
.wp-block-group.is-style-info-card-citrus-check-green,
.wp-block-group.is-style-info-card-citrus-check-turquoise,
.wp-block-group.is-style-info-card-citrus-x-green,
.wp-block-group.is-style-info-card-citrus-x-turquoise {
  background: var(--citrus-green-20);
}

/* H3 styling for info cards in editor */
.wp-block-group.is-style-info-card-cyan h3,
.wp-block-group.is-style-info-card-cyan-check h3,
.wp-block-group.is-style-info-card-cyan-x h3,
.wp-block-group.is-style-info-card-cyan-check-green h3,
.wp-block-group.is-style-info-card-cyan-check-turquoise h3,
.wp-block-group.is-style-info-card-cyan-x-green h3,
.wp-block-group.is-style-info-card-cyan-x-turquoise h3,
.wp-block-group.is-style-info-card-citrus h3,
.wp-block-group.is-style-info-card-citrus-check h3,
.wp-block-group.is-style-info-card-citrus-x h3,
.wp-block-group.is-style-info-card-citrus-check-green h3,
.wp-block-group.is-style-info-card-citrus-check-turquoise h3,
.wp-block-group.is-style-info-card-citrus-x-green h3,
.wp-block-group.is-style-info-card-citrus-x-turquoise h3 {
  color: var(--almost-black);
  font-size: clamp(1.6rem, 1.1vw + 1rem, 2rem);
  line-height: 1.25;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.75rem;
  border-bottom: none;
}

/* List styling for info cards with icons in editor */
.wp-block-group.is-style-info-card-cyan-check ul,
.wp-block-group.is-style-info-card-cyan-x ul,
.wp-block-group.is-style-info-card-cyan-check-green ul,
.wp-block-group.is-style-info-card-cyan-check-turquoise ul,
.wp-block-group.is-style-info-card-cyan-x-green ul,
.wp-block-group.is-style-info-card-cyan-x-turquoise ul,
.wp-block-group.is-style-info-card-citrus-check ul,
.wp-block-group.is-style-info-card-citrus-x ul,
.wp-block-group.is-style-info-card-citrus-check-green ul,
.wp-block-group.is-style-info-card-citrus-check-turquoise ul,
.wp-block-group.is-style-info-card-citrus-x-green ul,
.wp-block-group.is-style-info-card-citrus-x-turquoise ul {
  list-style: none;
  margin: 0.75rem 0;
  padding: 0;
}

.wp-block-group.is-style-info-card-cyan-check li,
.wp-block-group.is-style-info-card-cyan-x li,
.wp-block-group.is-style-info-card-cyan-check-green li,
.wp-block-group.is-style-info-card-cyan-check-turquoise li,
.wp-block-group.is-style-info-card-cyan-x-green li,
.wp-block-group.is-style-info-card-cyan-x-turquoise li,
.wp-block-group.is-style-info-card-citrus-check li,
.wp-block-group.is-style-info-card-citrus-x li,
.wp-block-group.is-style-info-card-citrus-check-green li,
.wp-block-group.is-style-info-card-citrus-check-turquoise li,
.wp-block-group.is-style-info-card-citrus-x-green li,
.wp-block-group.is-style-info-card-citrus-x-turquoise li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* All icon variations for editor - Check icons */
.wp-block-group.is-style-info-card-cyan-check li::before,
.wp-block-group.is-style-info-card-citrus-check li::before,
.wp-block-group.is-style-info-card-cyan-check-green li::before,
.wp-block-group.is-style-info-card-citrus-check-green li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

.wp-block-group.is-style-info-card-cyan-check-turquoise li::before,
.wp-block-group.is-style-info-card-citrus-check-turquoise li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--turquoise);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* All icon variations for editor - X icons */
.wp-block-group.is-style-info-card-cyan-x li::before,
.wp-block-group.is-style-info-card-citrus-x li::before,
.wp-block-group.is-style-info-card-cyan-x-green li::before,
.wp-block-group.is-style-info-card-citrus-x-green li::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--green);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

.wp-block-group.is-style-info-card-cyan-x-turquoise li::before,
.wp-block-group.is-style-info-card-citrus-x-turquoise li::before {
  content: "\f00d";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--turquoise);
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.4em;
}

/* --- Shared underline style for editor preview --- */
.wp-block-heading.is-style-h2-turquoise,
.wp-block-heading.is-style-h2-almostblack,
.wp-block-heading.is-style-h3-turquoise,
.wp-block-heading.is-style-h3-almostblack,
.wp-block-heading.is-style-h4-turquoise,
.wp-block-heading.is-style-h4-almostblack {
  margin: 0 auto 1.75rem auto;
  padding: 0 0 1rem 0;
  border-bottom: 2px dotted currentColor;
}

@media (min-width: 37.5rem) {
  .info-blocks .wp-block-group[class*="is-style-info-card"] {
    padding: 2rem;
  }
}