.elementor-14271 .elementor-element.elementor-element-64721f4 .elementor-icon{font-size:2rem;}.elementor-14271 .elementor-element.elementor-element-64721f4 .elementor-icon svg{height:2rem;}/* Start custom CSS for icon, class: .elementor-element-64721f4 */.elementor-icon{
    color: var(--colour-text);
}

.elementor-icon:hover{
    color: var(--colour-text);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13e2018 *//* ==========================================================================
   SKIP TO RESOURCES & RETURN TO CATEGORIES ACCESSIBILITY STYLES
   ========================================================================== */

/* Top Skip Link - Hidden until focused (WCAG 2.4.1 / 2.4.7) */
.bdef-skip-link {
  position: absolute !important;
  top: -9999px !important;
  left: 1rem !important;
  z-index: 999999 !important;
  background-color: var(--p-deep-purple, #160158) !important;
  color: var(--p-off-white, #FFFCF8) !important;
  padding: 0.875rem 1.5rem !important;
  font-family: 'Atkinson Hyperlegible', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  border-radius: 0 0 0.5rem 0.5rem !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
  transition: top 0.1s ease-in-out !important;
}

/* Focused state for top skip link */
.bdef-skip-link:focus,
.bdef-skip-link:focus-visible {
  top: 0 !important;
  outline: 3px solid var(--p-highlight, #DDC1FF) !important;
  outline-offset: 3px !important;
}

/* Bottom Return Button Container */
.bdef-return-wrapper {
  margin-top: 3rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-start;
}

/* Bottom Return Button Base & Focus States */
a.bdef-return-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: var(--p-deep-purple, #160158) !important;
  color: var(--p-off-white, #FFFCF8) !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1.25rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

a.bdef-return-btn:hover {
  background-color: #2D1583 !important;
  color: var(--p-off-white, #FFFCF8) !important;
  text-decoration: underline !important;
}

a.bdef-return-btn:focus-visible {
  outline: 3px solid var(--p-deep-purple, #160158) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b02037a *//* Container & Heading */
.bdef-resource-toc {
  background-color: #D2ACFF30;
  padding-bottom: 1rem;
  border-radius: 0rem 1rem 1rem 0rem;
}

.bdef-toc-heading {
  font-size: 1.4rem !important;
  font-weight: 700;
  color: var(--colour-text) !important;
  padding: 1rem 1rem 0rem 1rem
}

/* Unordered List Reset */
.bdef-toc-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bdef-toc-list li {
}

/* Link Styling & Target Sizing (WCAG 2.5.8 - Minimum 24x24px target) */
.bdef-toc-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  color: var(--colour-text) !important;
  font-size: 1.1rem;
  font-weight: 400 !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover States (Using BDEF Highlight Light Purple #DDC1FF) */
.bdef-toc-link:hover {
  text-decoration: underline;
}

/* Active Page State (WCAG 1.4.1 - Inverted high-contrast pill) */
.bdef-toc-link[aria-current="page"] {
  background-color: #EAE4FF !important;
  border-left: 2px solid var(--p-vibrant-purple, #522DD8) !important;
}

.bdef-toc-link[aria-current="page"]:hover {
   text-decoration: underline !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aeac4d *//* Bottom Return Button Container */
.bdef-return-wrapper {

}

/* Bottom Return Button Base & Focus States */
a.bdef-return-btn {
  display: inline-flex !important;
  align-items: center !important;
  background-color: var(--p-deep-purple, #160158) !important;
  color: var(--p-off-white, #FFFCF8) !important;
  border-radius: 1.25rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

a.bdef-return-btn:hover {
  background-color: #2D1583 !important;
  color: var(--p-off-white, #FFFCF8) !important;
  text-decoration: underline !important;
}/* End custom CSS */