/*
Theme Name: acc-2024-child
Theme URI: 
Author: Jamie George & Ross Phillips
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.4.2
Requires PHP: 5.7
Version: 1.1.31
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: acc2024child
Tags: education, 
*/

/* Skip link: visible on keyboard focus (pairs with includes/accessibility.php). */
.acc-skip-link-nav .skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus {
  background-color: #fff;
  clip: auto !important;
  clip-path: none;
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  height: auto;
  left: 0.5rem;
  line-height: normal;
  padding: 0.75rem 1rem;
  text-decoration: none;
  top: 0.5rem;
  width: auto;
  z-index: 100000;
}

/* Root padding for .has-global-padding (child overrides TT4 fluid root padding). */
body {
  --wp--style--root--padding-left: 16px;
  --wp--style--root--padding-right: 16px;
}

/* color classes */
.white-text {
  color: #fcfcfc;
}

/* Hide Image on Mobile */
@media (max-width: 600px) {
  img.hide-on-mobile {
    display: none;
  }
}

@media (max-width: 1153px) {

  /* Hide specific elements */
  button.wp-block-navigation__responsive-container-open,
  nav.has-small-font-size.is-responsive.items-justified-space-between.nav-audience.wp-block-navigation.has-small-font-size.is-content-justification-space-between.is-layout-flex.wp-container-core-navigation-is-layout-1.wp-block-navigation-is-layout-flex {
    display: none;
  }

  .wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex {
    justify-content: center;
  }
}

/* Styling table header */
.wp-block-table thead {
  background: #4d1979 !important;
  color: #ffffff !important;
  border: 1px solid #4d1979 !important;
}

/* Styling accordion/toggle */
.wp-block-ub-content-toggle-accordion-title-wrap {
  background: #4d1979 !important;
}

.wp-block-ub-content-toggle-accordion-title,
.wp-block-ub-content-toggle-accordion-state-indicator {
  color: white !important;
}

/* Style blockquote */
.is-style-plain.is-style-plain.wp-block-quote {
  border-color: #4d1979 !important;
}

/* Add top margin to h2 */
h2 {
  margin-top: 64px;
}

/* Add border to spotlight cards and drop shadow */
.spotlight .gutslider-content-inner {
  /* border: solid 1px #eee; */
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* Class to add drop shadow */
.shadow {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.14),
    0 6px 10px -4px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.wp-block-buttons .wp-block-button:hover {
  transform: scale(0.98);
}

/*override gray on hover for outline buttons*/
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color, .has-background):hover {
  background: #fff;
  border: 2px solid #4d1979;
  color: #4d1979;
  border-radius: 5px;
  transform: scale(0.98);
}

li.wp-block-navigation-item.has-child.open-on-hover-click .wp-block-navigation__submenu-container {
  border-top: 4px solid #c1d82f;
}

.page-id-1495 footer .wp-block-group.has-global-padding.is-layout-constrained {
  display: none;
}

.page-id-1489 footer .footer-contact {
  /* Add your specific styles here */
  display: none;
}

/* Target the specific div in post with ID 1991 and hide it */
.postid-1991 .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained[style*="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)"] {
  height: 96px;
}

/* Style the Google search bar */
.gsc-control-cse {
  background-color: #4d1979 !important;
  border-color: #4d1979 !important;
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
  border-color: #3079ed !important;
  background-color: #4d90fe !important;
  background-image: none;
  filter: none;
}

/* -------------------------------------------------- */
/* Hero 50 — full-width background, right-side text   */
/* -------------------------------------------------- */

/* 120px vertical space between top-level sections (direct children of .wp-site-blocks) */
.wp-site-blocks > * + * {
  margin-block-start: 120px !important;
}

/* Remove template-part gap between header and hero */
.wp-site-blocks > .wp-block-template-part {
  margin-block-start: 0 !important;
}

.wp-site-blocks > .wp-block-template-part + .hero-50.wp-block-cover,
.wp-site-blocks > .wp-block-template-part + .wp-block-cover.hero-50,
.wp-site-blocks > .wp-block-group + .hero-50.wp-block-cover,
.wp-site-blocks > .wp-block-group + .wp-block-cover.hero-50,
main > .hero-50.wp-block-cover:first-child,
main > .wp-block-cover.hero-50:first-child {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.hero-50.wp-block-cover {
  margin-top: 0 !important;
}

/*
 * Your divider line: add a Custom HTML block directly under the hero (or right
 * after a legacy hero-intro-shape row). No 120px gap from .wp-site-blocks > * + *.
 */
.wp-site-blocks > .hero-50.wp-block-cover + .wp-block-html,
.wp-site-blocks > .wp-block-cover.hero-50 + .wp-block-html,
.wp-site-blocks > .hero-50.wp-block-cover + .hero-intro-shape + .wp-block-html,
.wp-site-blocks > .wp-block-cover.hero-50 + .hero-intro-shape + .wp-block-html,
.wp-site-blocks > .hero-50.wp-block-cover + .hero-50-bottom-shape-outer,
.wp-site-blocks > .wp-block-cover.hero-50 + .hero-50-bottom-shape-outer,
main .hero-50.wp-block-cover + .hero-50-bottom-shape-outer,
main .wp-block-cover.hero-50 + .hero-50-bottom-shape-outer {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.hero-50-bottom-shape-outer.alignfull.wp-block-group {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  width: 100%;
}

/* Hero bottom wedge (Figma merged paths — below cover image) */
.hero-50-bottom-shape {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

.hero-50-bottom-shape__svg {
  display: block;
  width: 100%;
  height: 120px;
}

/* Program → Career: drop default 120px between these siblings */
.wp-site-blocks > .program-section + .career-transfer-goals-section,
main.wp-block-group > .program-section + .career-transfer-goals-section,
main > .program-section + .career-transfer-goals-section {
  margin-block-start: 0 !important;
}

/* -------------------------------------------------- */
/* Apply FY26 — layout when sections are inside <main> (Spanish / page templates) */
/* English homepage: .wp-site-blocks > * + * { 120px } with exceptions below.     */
/* -------------------------------------------------- */

.wp-site-blocks > main.wp-block-group,
.wp-site-blocks > main {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
  --wp--style--block-gap: 0 !important;
}

.wp-site-blocks > .wp-block-template-part + main.wp-block-group,
.wp-site-blocks > header + main.wp-block-group,
.wp-site-blocks > .acc-template-part-banner + main.wp-block-group {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Same 120px vertical rhythm between major sections inside <main> */
main.wp-block-group > * + *,
main > * + * {
  margin-block-start: 120px !important;
}

main .hero-50.wp-block-cover,
main .wp-block-cover.hero-50 {
  margin-top: 0 !important;
}

main .hero-50.wp-block-cover + .hero-50-bottom-shape-outer,
main .wp-block-cover.hero-50 + .hero-50-bottom-shape-outer {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

main .hero-50-bottom-shape-outer.alignfull.wp-block-group {
  margin-bottom: 0 !important;
}

main > .program-section + .career-transfer-goals-section {
  margin-block-start: 0 !important;
}

@media (min-width: 782px) {
  main > .program-section + .career-transfer-goals-section {
    margin-top: -3.5rem !important;
  }
}

/* Explicit FY26 section pairs (flat template + <main> — matches English) */
.wp-site-blocks > .hero-50-bottom-shape-outer + .program-section,
.wp-site-blocks > .career-transfer-goals-section + .make-college-work-outer,
.wp-site-blocks > .make-college-work-outer + .acc-fy26-faq-outer,
.wp-site-blocks > .acc-fy26-faq-outer + .contact-support-outer,
main > .hero-50-bottom-shape-outer + .program-section,
main > .career-transfer-goals-section + .make-college-work-outer,
main > .make-college-work-outer + .acc-fy26-faq-outer,
main > .acc-fy26-faq-outer + .contact-support-outer {
  margin-block-start: 120px !important;
}

/* Legacy hero-intro-shape from older saves — hide so it does not stack with your HTML line */
.hero-50.wp-block-cover + .hero-intro-shape,
.wp-block-cover.hero-50 + .hero-intro-shape {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Pattern placeholder has no image — keep headline readable until you pick media in the editor */
@media (min-width: 782px) {
  .hero-50.wp-block-cover:has(.wp-block-cover__image-background[src=""]),
  .hero-50.wp-block-cover:has(.wp-block-cover__image-background:not([src])) {
    background-color: #2e1a47;
  }
}

/* Keep header internal alignment untouched */

/* FY26 header — mobile Figma 9873:1122; desktop Figma 9856:477 */
.site-header-fy26.has-accent-background-color,
.site-header-fy26.has-background {
  background-color: #4d1979 !important;
}

.site-header-fy26-bar.wp-block-group,
.site-header-fy26-bar.wp-block-group.is-layout-flex,
.site-header-fy26-bar.wp-block-group > .wp-block-group__inner-container,
.site-header-fy26-bar.wp-block-group.is-layout-flex > .wp-block-group__inner-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 16px !important;
}

.site-header-fy26-bar.wp-block-group:has(> .wp-block-group__inner-container) {
  display: block !important;
}

.site-header-fy26-bar.wp-block-group > .site-header-fy26-logo-wrap,
.site-header-fy26-bar.wp-block-group > .wp-block-group__inner-container > .site-header-fy26-logo-wrap {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 140px) !important;
  margin: 0 !important;
  min-width: 0;
}

.site-header-fy26-bar.wp-block-group > .wp-block-html,
.site-header-fy26-bar.wp-block-group > .wp-block-group__inner-container > .wp-block-html {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 0 0 auto !important;
  align-self: center !important;
}

.site-header-fy26-logo-wrap.wp-block-group {
  flex: 0 1 auto;
  margin: 0 !important;
  min-width: 0;
  width: auto !important;
}

.site-header-fy26-logo-wrap .wp-block-site-logo,
.site-header-fy26-logo-wrap .wp-block-site-logo a.custom-logo-link,
.site-header-fy26-logo-wrap a.site-header-fy26-logo-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 0;
}

.site-header-fy26-logo-wrap .wp-block-site-logo img,
.site-header-fy26-logo-wrap .custom-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 105px;
  max-height: 80px;
  object-fit: contain;
}

.site-header-fy26-logo-link {
  display: inline-flex;
  line-height: 0;
  text-decoration: none;
}

.site-header-fy26-logo-link:focus-visible {
  outline: 2px solid #f0b323;
  outline-offset: 3px;
  border-radius: 4px;
}

/*
 * Merged / legacy headers often still contain TT4 navigation + APPLY inside the same
 * purple group. Hide those everywhere in .site-header-fy26.
 */
.site-header-fy26 .wp-block-navigation,
.site-header-fy26 nav.wp-block-navigation,
.site-header-fy26 .wp-block-buttons,
.site-header-fy26 .wp-block-navigation__responsive-container,
.site-header-fy26 .wp-block-navigation__responsive-close,
.site-header-fy26 .wp-block-navigation__responsive-dialog,
.site-header-fy26 button.wp-block-navigation__responsive-container-open,
.site-header-fy26 .acc-lang-switcher,
.site-header-fy26-bar-leading.wp-block-group {
  display: none !important;
}

/* If the header template part still has an extra legacy row above/below FY26, drop it on the frontend */
.wp-site-blocks
  > .wp-block-template-part:first-child:has(.site-header-fy26)
  > *:not(.site-header-fy26) {
  display: none !important;
}

/* Language switcher — Figma 9873:1124 (mobile) / 9856:479 (desktop) */
.site-header-fy26-bar .wp-block-html {
  flex: 0 0 auto;
  margin: 0 !important;
}

.acc-lang-mobile-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.14px;
  color: #ffffff !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

.acc-lang-mobile-inline:focus-visible {
  outline: 2px solid #f0b323;
  outline-offset: 3px;
  border-radius: 4px;
}

.acc-lang-mobile-inline__globe {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.acc-lang-mobile-inline__globe svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  display: block;
}

.acc-lang-mobile-inline__label {
  white-space: nowrap;
}

.acc-lang-mobile-inline.acc-lang-mobile-inline--hidden,
.site-header-fy26-bar .wp-block-html:has(.acc-lang-mobile-inline--hidden) {
  display: none !important;
}

@media (max-width: 781px) {
  .site-header-fy26.has-link-color {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .acc-lang-mobile-inline {
    gap: 8px !important;
    padding-right: 16px !important;
  }

  .acc-lang-mobile-inline__globe svg {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (min-width: 782px) {
  .site-header-fy26.has-link-color {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .site-header-fy26-bar.wp-block-group,
  .site-header-fy26-bar.wp-block-group > .wp-block-group__inner-container {
    min-height: 97px;
  }

  .site-header-fy26-logo-wrap .wp-block-site-logo img,
  .site-header-fy26-logo-wrap .custom-logo {
    max-width: 127px;
    max-height: 97px;
  }

  .acc-lang-mobile-inline {
    gap: 16px !important;
    font-size: 18px !important;
    letter-spacing: 0.18px !important;
    padding-right: 0 !important;
  }

  .acc-lang-mobile-inline__globe svg {
    width: 40px !important;
    height: 40px !important;
  }
}

/* Legacy spacer from older header markup — keep out of layout */
.site-header-fy26-gap-spacer.wp-block-group {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0;
  pointer-events: none;
}

.hero-50 .wp-block-heading {
  font-family: Inter, sans-serif !important;
  font-size: 48px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 56px !important;
  letter-spacing: 1.44px !important;
  margin-top: 0 !important;
}

.hero-50 .wp-block-buttons .wp-block-button__link {
  border-radius: 10px !important;
  background: #d23f00 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Secondary CTA in hero should be filled, not outlined */
.hero-50 .wp-block-button.is-style-outline > .wp-block-button__link {
  border: 0 !important;
  background: #d23f00 !important;
  color: #fff !important;
}

.hero-50 .wp-block-buttons .wp-block-button__link:hover,
.hero-50 .wp-block-buttons .wp-block-button__link:focus-visible,
.hero-50 .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.hero-50 .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
  border: 0 !important;
  background: #b73700 !important;
  color: #fff !important;
}

/* Desktop hero — Figma 9856:483 (1300px rail, right column 650px, py 32, gap 40 before CTAs) */
@media (min-width: 782px) {
  .hero-50 .hero-50-mobile-photo {
    display: none !important;
  }

  .hero-50 .wp-block-cover__inner-container {
    max-width: 1300px !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .hero-50 .wp-block-columns {
    justify-content: flex-end !important;
  }

  .hero-50 .wp-block-column:last-child {
    flex-basis: 50% !important;
    max-width: 650px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .hero-50 .wp-block-column:last-child > .wp-block-group {
    gap: 40px !important;
  }
}

/* Mobile: stack image on top, text below */
@media (max-width: 781px) {
  .hero-50.wp-block-cover {
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: 0 !important;
  }

  /* Theme mobile banner (390×200) — desktop cover image stays in editor */
  .hero-50 .hero-50-mobile-photo {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    aspect-ratio: 390 / 200;
    object-fit: cover !important;
    z-index: 0 !important;
  }

  .hero-50 .wp-block-cover__image-background {
    display: none !important;
  }

  .hero-50 .wp-block-cover__image-background[src=""],
  .hero-50 .wp-block-cover__image-background:not([src]) {
    display: none !important;
  }

  /* Hide dim overlay (not needed when image is a top block) */
  .hero-50 .wp-block-cover__background {
    display: none !important;
  }

  /* Figma 9873:1131 — px 16, py 24; 24px stack gap */
  .hero-50 .wp-block-cover__inner-container {
    position: relative !important;
    background-color: #2e1a47 !important;
    padding: 24px 16px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .hero-50 .wp-block-columns {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }

  .hero-50 .wp-block-column:last-child > .wp-block-group {
    max-width: none !important;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 24px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  /* Hide the empty left-spacer column */
  .hero-50 .wp-block-columns .wp-block-column:first-child {
    display: none !important;
  }

  /* Content column expands to full width */
  .hero-50 .wp-block-columns .wp-block-column:last-child {
    flex-basis: 100% !important;
    padding: 0 !important;
  }

  /* Reset text color to dark for legibility on light bg */
  .hero-50 .wp-block-heading.has-base-2-color,
  .hero-50 p.has-base-2-color {
    color: #ffffff !important;
  }

  .hero-50 .wp-block-heading {
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: 0.96px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: none !important;
    width: 100%;
    text-align: left !important;
  }

  .hero-50 .wp-block-column:last-child > .wp-block-group > p,
  .hero-50 .wp-block-column:last-child > .wp-block-group .wp-block-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .hero-50 p {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
    margin-bottom: 0 !important;
    max-width: none !important;
    width: 100%;
    text-align: left !important;
  }

  .hero-50 p strong {
    font-weight: 700 !important;
  }

  /* Side-by-side CTAs (override WP vertical / stacked defaults on small screens) */
  .hero-50 .wp-block-buttons,
  .hero-50 .wp-block-buttons.is-vertical,
  .hero-50 .wp-block-buttons.is-layout-flex {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    margin-top: 0 !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
  }

  .hero-50 .wp-block-buttons .wp-block-button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .hero-50 .wp-block-buttons .wp-block-button__link {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px;
    height: 40px;
    border-radius: 10px !important;
    background: #d23f00 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.28px !important;
    padding: 0 24px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .hero-50 .wp-block-button.is-style-outline > .wp-block-button__link {
    border: 0 !important;
    background: #d23f00 !important;
    color: #fff !important;
  }

  .hero-50 .wp-block-buttons .wp-block-button__link:hover,
  .hero-50 .wp-block-buttons .wp-block-button__link:focus-visible,
  .hero-50 .wp-block-button.is-style-outline > .wp-block-button__link:hover,
  .hero-50 .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
    border: 0 !important;
    background: #b73700 !important;
    color: #fff !important;
  }
}

/* -------------------------------------------------- */
/* Career & Transfer goals — desktop Figma 9856:513  */
/* Mobile Figma 9873:1161                            */
/* -------------------------------------------------- */

.career-transfer-goals-section {
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  gap: 0 !important;
  --wp--style--block-gap: 0 !important;
  background-color: #ffffff;
}

.career-transfer-goals-section > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.career-transfer-goals-overlap {
  position: relative;
  width: 100%;
  background-color: #2e1a47;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0 !important;
  --wp--style--block-gap: 0 !important;
}

/* Background photo — replace image in editor (core Image block) */
.career-transfer-goals-bg-image {
  grid-column: 1;
  grid-row: 1;
  z-index: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  width: 100%;
  line-height: 0;
}

.career-transfer-goals-bg-image img {
  display: block;
  width: 100%;
}

.career-transfer-goals-card {
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  box-sizing: border-box;
  width: 50.61%;
  margin-left: 8.39%;
  align-self: start;
  justify-self: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0;
  padding: 48px;
  border-radius: 20px;
  background-color: #2e1a47;
  color: #fff;
}

.career-transfer-goals-card-title {
  margin: 0 0 32px 0 !important;
  width: 100%;
  font-size: 36px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 54px !important;
  letter-spacing: 1.08px !important;
  color: #fff !important;
}

.career-transfer-goals-card-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.career-transfer-goals-lede,
.career-transfer-goals-inline {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: 0.18px !important;
  color: #fff !important;
}

.career-transfer-goals-inline {
  margin-top: 1em !important;
}

.career-transfer-goals-inline-link,
.career-transfer-goals-link-list-item a {
  font-weight: 700 !important;
  letter-spacing: 0.36px !important;
  color: #fff !important;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.career-transfer-goals-inline-link:hover,
.career-transfer-goals-inline-link:focus-visible,
.career-transfer-goals-link-list-item a:hover,
.career-transfer-goals-link-list-item a:focus-visible {
  color: #f0b323 !important;
}

.career-transfer-goals-link-list {
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  margin-top: 64px;
  padding: 16px 40px 16px 24px;
  border-left: 2px solid #f0b323;
  border-radius: 0 10px 10px 0;
  background-color: #4d1979;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left;
}

.career-transfer-goals-link-list-item {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0.36px !important;
  color: #fff !important;
}

.career-transfer-goals-link-list-item a {
  color: #fff !important;
}

.career-transfer-goals-transfer {
  box-sizing: border-box;
  width: 100%;
  padding: 64px 24px;
  margin: 0 !important;
  background-color: #2e1a47;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.career-transfer-goals-transfer-title {
  max-width: 1300px;
  margin: 0 auto 32px !important;
  width: 100%;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  color: #fff !important;
  text-align: left;
}

.career-transfer-goals-transfer-body {
  max-width: 1300px;
  margin: 0 auto !important;
  width: 100%;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: 0.18px !important;
  color: #fff !important;
  text-align: left;
}

/* Bottom wedge — inline SVG in pattern (no remote asset) */
.career-transfer-goals-shape {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 0;
  width: 100%;
  overflow: hidden;
}

.career-transfer-goals-shape__svg {
  display: block;
  width: 100%;
  height: 120px;
}

/* Desktop — Figma 9856:513 + program callout tweaks */
@media (min-width: 782px) {
  .career-transfer-goals-bg-image {
    margin-top: 0 !important;
    min-height: 560px;
  }

  .career-transfer-goals-bg-image img {
    height: 560px;
    object-fit: cover;
  }

  /* EN only: tuck callout under career overlap; hide rule on desktop */
  body:not(.acc-fy26-apply-es) .program-section-callout {
    margin-top: 1rem !important;
    position: relative;
    z-index: 4;
  }

  body:not(.acc-fy26-apply-es) .program-section-callout .program-section-callout-rule {
    display: none !important;
  }

  .wp-site-blocks > .program-section + .career-transfer-goals-section {
    margin-top: -3.5rem !important;
  }

  .career-transfer-goals-card {
    width: min(50.61vw, 658px);
    margin-left: max(8.39%, calc((100% - 1300px) / 2));
    /* 120px up on the photo — clears space above “Transfer…” band */
    margin-top: -120px !important;
    position: relative;
    z-index: 3;
  }

}

@media (max-width: 781px) {
  .career-transfer-goals-overlap {
    display: flex;
    flex-direction: column;
  }

  /* Figma 9873:1161 — card first, then photo */
  .career-transfer-goals-card {
    order: -1;
    width: 100%;
    max-width: none;
    margin: 0;
    align-self: stretch;
    border-radius: 0;
    padding: 24px 16px;
    align-items: stretch;
    text-align: left;
  }

  .career-transfer-goals-card-title {
    margin: 0 0 24px 0 !important;
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0.84px !important;
  }

  .career-transfer-goals-lede,
  .career-transfer-goals-inline {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }

  .career-transfer-goals-inline-link,
  .career-transfer-goals-link-list-item a {
    letter-spacing: 0.28px !important;
  }

  .career-transfer-goals-link-list {
    margin-top: 32px;
    padding: 8px 16px;
    gap: 16px;
  }

  .career-transfer-goals-link-list-item {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.28px !important;
  }

  .career-transfer-goals-bg-image {
    order: 0;
    margin-top: 0 !important;
    min-height: 0 !important;
    width: 100%;
    position: relative;
    aspect-ratio: 1562 / 500;
  }

  .career-transfer-goals-bg-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .career-transfer-goals-transfer {
    padding: 24px 16px;
    align-items: stretch;
    text-align: left;
  }

  .career-transfer-goals-transfer-title,
  .career-transfer-goals-transfer-body {
    text-align: left;
  }

  .career-transfer-goals-transfer-title {
    margin: 0 0 24px 0 !important;
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .career-transfer-goals-transfer-body {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }

  .career-transfer-goals-shape__svg {
    height: 62px;
  }
}

/* Make College outer band — horizontal padding only; 120px gap comes from section rhythm above */
.career-transfer-goals-section + .make-college-work-outer,
.wp-site-blocks > .career-transfer-goals-section + .make-college-work-outer,
main > .career-transfer-goals-section + .make-college-work-outer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}

/* -------------------------------------------------- */
/* Image Overlap Component                            */
/* -------------------------------------------------- */

.image-overlap-wrapper {
  padding-bottom: 3rem; /* Space for the absolute overlapping card */
  margin-top: 4rem; /* spacing above the component */
  margin-bottom: 4rem;
}

h2.image-overlap-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.image-overlap-container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #d1cfd4; /* Base color matching example */
  padding: 4rem; /* Padding around the image inside the container */
}

.image-overlap-main-img {
  margin: 0; /* Reset margins */
}

.image-overlap-main-img img {
  width: 100%;
  height: auto;
  display: block;
}

.image-overlap-card {
  position: absolute;
  z-index: 10;
  bottom: -3rem; /* Move card down to overlap outside the container */
  right: 4rem; /* Align horizontally with the right-side padding */
  width: 45%;
  background-color: #69626f; /* Example accent color */
  color: #ffffff;
  padding: 2.5rem;
}

/* Formatting for text inside the overlapping card */
.image-overlap-card h3 {
  color: #ffffff;
  margin-top: 0 !important;
  margin-bottom: 3rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.image-overlap-card p.card-name {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.image-overlap-card p.card-major {
  margin-top: 0;
  font-size: 0.9rem;
  opacity: 0.9;
}

/* Mobile positioning: slide up the profile image */
@media (max-width: 781px) {
  .image-overlap-container {
    padding: 1.5rem;
  }
  
  .image-overlap-card {
    position: relative;
    bottom: auto;
    right: auto;
    width: 90%;
    margin: -3rem auto 0; /* Negative top margin slides it up over the image slightly */
    padding: 1.5rem;
  }
  
  .image-overlap-wrapper {
    padding-bottom: 0; /* reset extra space needed for absolute layout */
  }
}

/* -------------------------------------------------- */
/* Hover Cards Row Component                          */
/* -------------------------------------------------- */

.hover-cards-row {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.hover-card {
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

/* Enforce the Figma 412x494 card size on Desktop */
@media (min-width: 782px) {
  .hover-cards-row .wp-block-columns {
    justify-content: center;
    gap: 32px !important;
  }
  .hover-cards-row .wp-block-column {
    flex-basis: 412px !important;
    max-width: 412px !important;
    flex-grow: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hover-card {
    width: 412px;
    height: 494px !important;
  }
}

.hover-card-header {
  background-color: #4d1979; /* Theme accent purple */
  padding: 24px;
  text-align: center;
  margin-bottom: 0 !important; /* Fix white space */
  border-radius: 20px 20px 0 0;
}

.hover-card-header h3 {
  margin: 0 !important;
  text-align: center !important;
  font-family: Inter, sans-serif !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  color: #fff !important;
}

.hover-card-image-area {
  flex-grow: 1; /* Match heights across row */
  margin-top: 0 !important; /* Fix white space from WP block gaps */
  min-height: 0; /* Clear previous tall profile */
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  transition: all 0.25s ease;
}

/* Keep the front card image true-color by default */
.hover-card-image-area .wp-block-cover__image-background {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Base state for the inner content */
.hover-card-image-area .hover-card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 64px;
  height: 100%;
  padding: 24px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  text-align: center;
}

/* Make inner text white for layout contrast */
.hover-card-image-area .hover-card-content h3,
.hover-card-image-area .hover-card-content p,
.hover-card-image-area .hover-card-content a {
  color: #fff !important;
}

.hover-card-image-area .hover-card-content .hover-card-hover-title {
  margin: 0 !important;
  font-family: Inter, sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
}

.hover-card-image-area .hover-card-content .hover-card-hover-metric {
  margin: 0 !important;
  color: #f0b323 !important;
  font-family: Inter, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.6px !important;
}

.hover-card-image-area .hover-card-content .hover-card-hover-link {
  margin: 0 !important;
}

.hover-card-image-area .hover-card-content .hover-card-hover-link a {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0.36px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Hover state: show content */
.hover-card:hover .hover-card-content,
.hover-card:focus-within .hover-card-content,
.hover-card:active .hover-card-content {
  opacity: 1;
  transform: translateY(0);
}

.hover-card-image-area .wp-block-cover__background {
  transition: opacity 0.3s ease !important;
  opacity: 0 !important;
  display: none !important;
}

.hover-card:hover .hover-card-header,
.hover-card:focus-within .hover-card-header,
.hover-card:active .hover-card-header {
  display: none;
}

.hover-card:hover .hover-card-image-area,
.hover-card:focus-within .hover-card-image-area,
.hover-card:active .hover-card-image-area {
  border-radius: 20px;
  background: #4d1979;
  border: 2px solid #f0b323;
  box-shadow: 0 6px 16px rgba(38, 9, 76, 0.3);
}

.hover-card:hover .wp-block-cover__background,
.hover-card:focus-within .wp-block-cover__background,
.hover-card:active .wp-block-cover__background {
  opacity: 0 !important;
}

.hover-card:hover .hover-card-image-area .wp-block-cover__image-background,
.hover-card:focus-within .hover-card-image-area .wp-block-cover__image-background,
.hover-card:active .hover-card-image-area .wp-block-cover__image-background {
  opacity: 0;
}

/* Mobile adjustments */
@media (max-width: 781px) {
  .hover-cards-row .wp-block-column {
    margin-bottom: 24px;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .hover-card {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 412 / 494;
  }

  .hover-card-header {
    padding: 24px !important;
  }

  .hover-card-header h3 {
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .hover-card-image-area .hover-card-content {
    display: none !important;
  }

  .hover-card:hover .hover-card-header,
  .hover-card:focus-within .hover-card-header,
  .hover-card:active .hover-card-header {
    display: block !important;
  }

  .hover-card:hover .hover-card-image-area,
  .hover-card:focus-within .hover-card-image-area,
  .hover-card:active .hover-card-image-area {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 0 20px 20px !important;
  }

  .hover-card:hover .hover-card-image-area .wp-block-cover__image-background,
  .hover-card:focus-within .hover-card-image-area .wp-block-cover__image-background,
  .hover-card:active .hover-card-image-area .wp-block-cover__image-background {
    opacity: 1 !important;
  }

/* Keep hover-row images at true color in all states */
 
}

/* -------------------------------------------------- */
/* See What's Next for You — section wrapper          */
/* -------------------------------------------------- */

.see-whats-next {
  background-color: #1e0a35 !important;
}

/*
 * WP constrains .wp-block-cover__inner-container to the theme's
 * contentSize (620px). Override it here so the promo box and cards
 * can span the full wide width instead.
 */
.see-whats-next > .wp-block-cover__inner-container {
  max-width: var(--wp--style--global--wide-size) !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* H2 section title — override global 64px top margin */
.see-whats-next h2.wp-block-heading {
  margin-top: 0 !important;
  color: #fff !important;
}

/* Remove the default margin on hover-cards-row when nested inside this section */
.see-whats-next .hover-cards-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* -------------------------------------------------- */
/* Explore Promo Box — bordered card                  */
/* -------------------------------------------------- */

.explore-promo-box {
  background-color: #2e1a47 !important;
  border-radius: 20px !important;
  width: 100%;
  box-sizing: border-box;
}

/* Figma 9856:520 — link list in explore promo (no 64px offset; not inside overlap card) */
.explore-promo-box .career-transfer-goals-link-list {
  margin-top: 0 !important;
}

/* Beat theme / outline-button presets on purple (wp-element-button + link inheritance) */
.explore-promo-box .career-transfer-goals-link-list-item a,
.program-section-callout .career-transfer-goals-link-list-item a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
  font-weight: 700 !important;
}

.explore-promo-box .career-transfer-goals-link-list-item a:hover,
.explore-promo-box .career-transfer-goals-link-list-item a:focus-visible,
.program-section-callout .career-transfer-goals-link-list-item a:hover,
.program-section-callout .career-transfer-goals-link-list-item a:focus-visible {
  color: #f0b323 !important;
  -webkit-text-fill-color: #f0b323 !important;
}

/* Legacy: promo box still using outline buttons (saved pages before pattern refresh) */
.explore-promo-box .explore-promo-link .wp-block-button__link,
.explore-promo-box .wp-block-button.is-style-outline .wp-block-button__link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #4d1979 !important;
  border: 0 !important;
  border-left: 2px solid #f0b323 !important;
  border-radius: 0 10px 10px 0 !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none !important;
  font-weight: 700 !important;
}

.explore-promo-box .explore-promo-link .wp-block-button__link:hover,
.explore-promo-box .explore-promo-link .wp-block-button__link:focus-visible,
.explore-promo-box .wp-block-button.is-style-outline .wp-block-button__link:hover,
.explore-promo-box .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  color: #f0b323 !important;
  -webkit-text-fill-color: #f0b323 !important;
  background-color: #4d1979 !important;
}

/* Heading: white + large — overrides global accent-purple heading color */
.explore-promo-box h3.explore-promo-heading,
.explore-promo-box h3.wp-block-heading {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  margin-top: 0 !important;
}

/* Separator: subtle semi-transparent white rule */
.explore-promo-rule.wp-block-separator {
  border-color: rgba(255, 255, 255, 0.35) !important;
  border-top-width: 1px !important;
  margin-top: 0 !important;
  opacity: 1 !important;
}

/* CTA column: fixed width so left text gets remaining space */
.explore-promo-box .wp-block-column:last-child {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 255px !important;
  max-width: 255px !important;
}

/* Mobile: stack columns, full-width buttons */
@media (max-width: 781px) {
  .explore-promo-box .wp-block-column:last-child {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .explore-promo-box {
    padding: 24px !important;
    border-radius: 20px !important;
  }

  .explore-promo-box h3.explore-promo-heading,
  .explore-promo-box h3.wp-block-heading {
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .explore-promo-box p {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }
}

/* ------------------------------------------------------------------ */
/* Student Spotlight Carousel                                           */
/* ------------------------------------------------------------------ */

.student-spotlight-section {
  background-color: #4d1979 !important;
  overflow: hidden;
}

/* Override the global h2 margin-top inside this section */
.student-spotlight-section h2.wp-block-heading {
  margin-top: 0 !important;
  color: #fff !important;
}

/* Wrapper holds both the card track and the controls */
.student-spotlight-carousel-wrapper {
  width: 100%;
}

/* ── Track ── */
.student-carousel {
  width: 100%;
}

.student-carousel__track-wrapper {
  overflow: hidden;
  width: 100%;
}

.student-carousel__track {
  display: flex;
  gap: 24px;
  align-items: center;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

/* ── Cards ── */
.student-carousel__card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 3 / 4;    /* portrait ratio */
  flex-shrink: 0;
  /* width set by JS */
  transition: opacity 0.35s ease, transform 0.35s ease;
  opacity: 0.55;
  transform: scale(0.95);
}

.student-carousel__card.is-active {
  opacity: 1;
  transform: scale(1);
}

.student-carousel__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Info overlay at the bottom of each card */
.student-carousel__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(15, 5, 30, 0.82);
  backdrop-filter: blur(2px);
  padding: 1.25rem 1.5rem 1.5rem;
  border-radius: 0 0 10px 10px;
}

.student-carousel__quote {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  margin: 0 0 0.75rem !important;
}

.student-carousel__name {
  color: #fff !important;
  font-size: 0.9rem !important;
  margin: 0 0 0.2rem !important;
}

.student-carousel__major {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
}

/* ── Controls row ── */
.student-carousel__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 3rem 0;
  max-width: 1280px;
  margin: 0 auto;
}

/* ── Dots (dash style, max 5 visible) ── */
.student-carousel__dots {
  display: flex;
  gap: 10px;
  align-items: center;
}

.student-carousel__dot {
  width: 2.75rem;       /* horizontal dash */
  height: 3px;
  border-radius: 2px;
  border: none;
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.35);
  transition: background 0.25s ease, transform 0.25s ease;
}

/* -------------------------------------------------- */
/* Program Section Pattern                            */
/* -------------------------------------------------- */

.program-section {
  margin-top: 2.5rem;
  margin-bottom: 20rem;
}

.program-section-title {
  color: #0e0417 !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px; /* 150% */
  letter-spacing: 1.08px;
}

.program-section-cards.wp-block-columns {
  gap: 3rem 3rem !important;
}

.program-section-card-col {
  display: flex;
  flex-direction: column;
}

.program-section-card-col .program-card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
  min-height: 0;
  min-height: 494px;
  overflow: hidden;
}

.program-card-front.wp-block-group {
  border-radius: 20px;
  background: #4d1979;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.program-card-front .program-card-front-title,
.program-card-front h3.program-card-front-title {
  margin: 0 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  padding: 24px !important;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

.program-card-front .program-card-front-image,
.program-card-front figure.program-card-front-image {
  margin: 0 !important;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  background: transparent;
}

.program-card-front .program-card-front-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none;
}

/* Strip WP duotone / theme filters so program cards show full-color photos */
.program-card-front .wp-block-image img,
.program-card-front figure.program-card-front-image img {
  filter: none !important;
  -webkit-filter: none !important;
}

.program-card-front .wp-block-image[style*="filter"] img,
.program-card-front figure.program-card-front-image[style*="filter"] img {
  filter: none !important;
}

.program-card-front .wp-block-image {
  filter: none !important;
}

.program-card-front.wp-block-group::before,
.program-card-front.wp-block-group::after {
  content: none !important;
  display: none !important;
}

.program-card-front .program-card-front-image,
.program-card-front .program-card-front-image img,
.program-card-front .program-card-front-image::before,
.program-card-front .program-card-front-image::after {
  background: transparent !important;
  box-shadow: none !important;
}

.program-card-back.wp-block-group {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: #4d1979 !important;
  background-color: #4d1979 !important;
  background-image: none !important;
  border-radius: 20px;
  border: 2px solid var(--Gold, #f0b323);
  box-shadow: 0 6px 16px 0 rgba(38, 9, 76, 0.3);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 2rem;
  padding: 1.5rem;
  margin: 0 !important;
}

.program-card:hover .program-card-back.wp-block-group,
.program-card:focus-within .program-card-back.wp-block-group,
.program-card:active .program-card-back.wp-block-group,
.program-card.is-open .program-card-back.wp-block-group {
  border-radius: 20px;
  border: 2px solid var(--Gold, #f0b323);
  box-shadow: 0 6px 16px 0 rgba(38, 9, 76, 0.3);
  background: #4d1979 !important;
  background-color: #4d1979 !important;
  background-image: none !important;
}

/* Hard lock purple hover panel in WP editor + frontend */
.program-section .program-card .program-card-back.wp-block-group,
.program-section .program-card .program-card-back.wp-block-group.has-background,
.editor-styles-wrapper .program-section .program-card .program-card-back.wp-block-group,
.editor-styles-wrapper .program-section .program-card .program-card-back.wp-block-group.has-background {
  background: #4d1979 !important;
  background-color: #4d1979 !important;
  background-image: none !important;
}

.program-card-back .program-card-back-title,
.program-card-back p.program-card-back-title {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  color: #fff !important;
}

.program-card-back .program-card-back-metric,
.program-card-back p.program-card-back-metric {
  margin: 0 !important;
  color: #f0b323 !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.6px !important;
}

.program-card-back p:not(.program-card-back-title):not(.program-card-back-metric) {
  margin: 0 !important;
}

.program-card-back a {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0.36px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .program-card:hover .program-card-back,
  .program-card:focus-within .program-card-back {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

.program-section-callout {
  margin-top: 3rem;
  background: #2e1a47;
  border-radius: 20px;
  padding: 3rem 4rem !important;
  width: min(1300px, 100%);
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.program-section-callout-heading-wrap {
  width: 100%;
  max-width: 100%;
}

.program-section-callout h3 {
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  width: 100%;
  max-width: 100%;
}

.program-section-callout-rule,
.program-section-callout .program-section-callout-rule {
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.55) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 1.75rem !important;
  opacity: 1 !important;
}

.program-section-callout p {
  color: #fff !important;
  margin: 0 !important;
}

/* Same link stack as Career & Transfer goals card (shared BEM classes) */
.program-section-callout .career-transfer-goals-link-list {
  margin-top: 0 !important;
}

@media (min-width: 782px) {
  .program-card-front .program-card-front-title,
  .program-card-front h3.program-card-front-title {
    white-space: nowrap !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 0.6px !important;
  }

  .program-section-card-col:nth-child(2) .program-card-front-title {
    white-space: nowrap !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 0.6px !important;
  }
}

@media (max-width: 781px) {
  .program-section {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
  }

  .program-section-title {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0.84px !important;
    margin-bottom: 1.4rem !important;
  }

  .program-section-cards.wp-block-columns {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .program-card-front .program-card-front-title,
  .program-card-front h3.program-card-front-title {
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .program-section-card-col .program-card {
    min-height: 0;
  }

  /* Touch: hidden until tapped */
  .program-card-back.wp-block-group {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
  }

  .program-card.is-open .program-card-back.wp-block-group {
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .program-card.is-open .program-card-front {
    visibility: hidden;
  }

  .program-card-back .program-card-back-title,
  .program-card-back p.program-card-back-title {
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .program-card-back .program-card-back-metric,
  .program-card-back p.program-card-back-metric {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .program-card-back a {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .program-section-callout {
    padding: 24px !important;
    margin-top: 2rem;
  }

  .program-section-callout h3 {
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
  }

  .program-section-callout .wp-block-columns {
    gap: 2rem !important;
  }

  .program-section-callout p {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }
}

/* FY26: full-bleed white band (clears theme Base #f9f9f9 behind wide blocks) */
.acc-fy26-page-band.alignfull.wp-block-group,
.editor-styles-wrapper .acc-fy26-page-band.alignfull.wp-block-group {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #ffffff !important;
}

/* -------------------------------------------------- */
/* Make College Work for You (FY26 — Figma 9873:1178 mobile stack; desktop 3-col) */
/* -------------------------------------------------- */

.make-college-work-section.wp-block-group {
  background-color: #4d1979;
  border-radius: 20px;
  color: #ffffff;
  padding: 64px !important;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}

/* Desktop: Figma 9617:1639 — wide section; cards title-above-icon, copy centered */
@media (min-width: 782px) {
  .make-college-work-section.wp-block-group.alignwide,
  .make-college-work-section.wp-block-group.alignfull,
  .editor-styles-wrapper .make-college-work-section.wp-block-group.alignwide,
  .editor-styles-wrapper .make-college-work-section.wp-block-group.alignfull {
    max-width: 1300px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .make-college-work-card-heading-row.wp-block-group,
  .make-college-work-card-heading-row.wp-block-group.is-layout-flex {
    display: flex !important;
    flex-direction: column-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100%;
  }

  .make-college-work-card-heading-row > .wp-block-html {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .make-college-work-card-link {
    text-align: center !important;
  }
}

.make-college-work-title {
  font-family: Inter, sans-serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 54px !important;
  letter-spacing: 1.08px !important;
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

.make-college-work-bordered {
  border: 2px solid #f0b323;
  border-radius: 20px;
  padding: 24px;
}

.make-college-work-columns.wp-block-columns {
  margin-bottom: 0 !important;
  gap: 4rem 4rem !important;
}

.make-college-work-columns .wp-block-column {
  display: flex;
}

.make-college-work-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  width: 100%;
  height: 100%;
}

.make-college-work-card-heading-row .make-college-work-icon {
  flex-shrink: 0;
}

.make-college-work-card-title {
  font-family: Inter, sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  letter-spacing: 0.84px !important;
  color: #ffffff !important;
  margin: 0 !important;
  text-align: center !important;
}

.make-college-work-icon {
  display: flex;
  justify-content: center;
  margin: 0;
  line-height: 0;
}

.make-college-work-icon img {
  display: block;
  width: 80px;
  height: 80px;
}

.make-college-work-card-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  flex: 1 1 auto;
  text-align: center;
}

.make-college-work-card-copy > * {
  margin: 0 !important;
}

.make-college-work-card-body {
  font-family: Inter, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: 0.18px !important;
  color: #ffffff !important;
  margin: 0 !important;
  text-align: center !important;
}

.make-college-work-card-link {
  font-family: Inter, sans-serif !important;
  margin: 0 !important;
}

.make-college-work-card-link a {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0.36px !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.12em;
}

.make-college-work-card-link a:hover {
  color: #ffffff !important;
}

.make-college-work-card-link a:focus-visible {
  outline: 2px solid #f0b323;
  outline-offset: 3px;
  border-radius: 2px;
}

@media (max-width: 1024px) {
  .make-college-work-section.wp-block-group {
    padding: 24px 16px !important;
    margin: 0 16px 0 16px;
  }

  .make-college-work-title {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0.84px !important;
    margin-bottom: 24px !important;
    text-align: left !important;
    width: 100%;
  }

  .make-college-work-columns.wp-block-columns {
    flex-direction: column !important;
    gap: 64px !important;
  }

  .make-college-work-columns .wp-block-column {
    flex-basis: 100% !important;
  }


  .make-college-work-card {
    align-items: flex-start !important;
    text-align: left !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* Mobile heading row: icon 48px fixed, title fills remainder, ~126px+ at phone widths */
  .make-college-work-card-heading-row.wp-block-group,
  .make-college-work-card-heading-row.wp-block-group > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .make-college-work-card-heading-row .wp-block-html {
    grid-column: 1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 48px !important;
    max-width: 48px !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .make-college-work-card-heading-row .make-college-work-card-title,
  .make-college-work-card-heading-row h3.make-college-work-card-title,
  .make-college-work-card-heading-row h3.wp-block-heading {
    grid-column: 2 !important;
    margin: 0 !important;
    min-width: 0 !important;
    align-self: center !important;
    width: 100% !important;
  }

  .make-college-work-card-heading-row .make-college-work-icon {
    justify-content: flex-start !important;
  }

  .make-college-work-icon img {
    width: 48px !important;
    height: 48px !important;
  }

  .make-college-work-card-title {
    min-width: 0;
    font-size: 25px !important;
    line-height: 32px !important;
    letter-spacing: 0.75px !important;
    text-align: left !important;
    width: 126px !important;
  }

  .make-college-work-card-copy {
    align-items: flex-start !important;
    gap: 24px !important;
    text-align: left !important;
  }

  .make-college-work-card-body {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
    text-align: left !important;
  }

  .make-college-work-card-link {
    text-align: left !important;
  }

  .make-college-work-card-link a {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.28px !important;
  }
}

.student-carousel__dot.is-active {
  background: #f28e2a;  /* gold/amber — matches theme accent-3 */
  transform: scaleY(1.8);
}

.student-carousel__dot:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.65);
}

/* ── Nav buttons ── */
.student-carousel__buttons {
  display: flex;
  gap: 0.6rem;
}

.student-carousel__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #2e1a47;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.student-carousel__btn svg {
  width: 18px;
  height: 18px;
  stroke: #fff;
  fill: none;
  display: block;
  transition: stroke 0.2s ease;
}

/* Yellow background + dark purple arrow on hover/focus (accessibility) */
.student-carousel__btn:hover,
.student-carousel__btn:focus-visible {
  background: #f28e2a;
  outline: 3px solid #f28e2a;
  outline-offset: 2px;
}

.student-carousel__btn:hover svg,
.student-carousel__btn:focus-visible svg {
  stroke: #2e1a47;
}

.student-carousel__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.student-carousel__btn:disabled:hover {
  background: #2e1a47;
}

.student-carousel__btn:disabled:hover svg {
  stroke: #fff;
}

/* ── Mobile ── */
@media (max-width: 781px) {
  .student-carousel__controls {
    padding: 1.25rem 1.5rem 0;
  }

  .student-carousel__dot {
    width: 1.75rem;
  }
}

/* -------------------------------------------------- */
/* Contact Us for 1-on-1 Support — Figma 9856:595 (desktop) / 9873:1240 (mobile) */
/* -------------------------------------------------- */

.contact-support-section.wp-block-group {
  margin-top: 0;
  margin-bottom: 120px !important;
  background-color: #ffffff !important;
}

.contact-support-section__columns.wp-block-columns {
  margin-bottom: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.contact-support-section__content-col.wp-block-column,
.contact-support-section__media-col.wp-block-column {
  display: flex;
  flex-direction: column;
}

.contact-support-section__panel.wp-block-group {
  background-color: #2e1a47;
  color: #ffffff;
  height: 100%;
  box-sizing: border-box;
}

.contact-support-section__title.wp-block-heading {
  font-family: Inter, sans-serif !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.contact-support-section__lead {
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.contact-support-section__lead a {
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.12em;
}

.contact-support-section__links.wp-block-group {
  background-color: #4d1979;
  border-left: 2px solid #f0b323;
  box-sizing: border-box;
}

.contact-support-section__link-line {
  font-family: Inter, sans-serif !important;
  color: #ffffff !important;
  margin: 0 !important;
}

.contact-support-section__link-line strong {
  font-weight: 700 !important;
}

.contact-support-section__link-line a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.12em;
}

.contact-support-section__photo.wp-block-image {
  margin: 0 !important;
  height: 100%;
  min-height: 12rem;
  background-color: #1e0a35;
  box-sizing: border-box;
}

.contact-support-section__photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
}

.contact-support-section__photo figcaption {
  display: none;
}

/* Desktop — Figma 9856:595 */
@media (min-width: 782px) {
  .contact-support-section.wp-block-group {
    border-radius: 20px;
    overflow: hidden;
  }

  .contact-support-section__columns.wp-block-columns {
    flex-wrap: nowrap !important;
  }

  .contact-support-section__content-col.wp-block-column {
    flex-basis: 50% !important;
    max-width: 50% !important;
  }

  .contact-support-section__media-col.wp-block-column {
    flex-basis: 50% !important;
    max-width: 50% !important;
    min-height: 22rem;
  }

  .contact-support-section__panel.wp-block-group {
    padding: 48px !important;
    border-radius: 20px 0 0 20px;
  }

  .contact-support-section__title.wp-block-heading {
    font-size: 36px !important;
    line-height: 54px !important;
    letter-spacing: 1.08px !important;
    margin-bottom: 32px !important;
  }

  .contact-support-section__body.wp-block-group {
    display: flex;
    flex-direction: column;
    gap: 64px !important;
  }

  .contact-support-section__lead {
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0.18px !important;
  }

  .contact-support-section__links.wp-block-group {
    padding: 16px 40px 16px 24px !important;
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
    gap: 16px !important;
  }

  .contact-support-section__link-line {
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0.18px !important;
  }

  .contact-support-section__link-line a {
    font-weight: 700 !important;
    letter-spacing: 0.36px !important;
  }

  .contact-support-section__photo.wp-block-image {
    min-height: 100%;
    height: 100%;
    border-radius: 0 20px 20px 0;
  }

  .contact-support-section__photo img {
    min-height: 22rem;
    border-radius: 0 20px 20px 0;
  }
}

/* Mobile — Figma 9873:1240 */
@media (max-width: 781px) {
  .contact-support-section.wp-block-group {
    border-radius: 20px;
    overflow: hidden;
  }

  .contact-support-section__columns.wp-block-columns {
    flex-direction: column !important;
  }

  .contact-support-section__content-col.wp-block-column,
  .contact-support-section__media-col.wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .contact-support-section__panel.wp-block-group {
    padding: 24px 16px !important;
    border-radius: 20px 20px 0 0;
  }

  .contact-support-section__title.wp-block-heading {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0.84px !important;
    margin-bottom: 24px !important;
  }

  .contact-support-section__body.wp-block-group {
    display: flex;
    flex-direction: column;
    gap: 32px !important;
  }

  .contact-support-section__lead {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }

  .contact-support-section__links.wp-block-group {
    padding: 8px 16px !important;
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
    gap: 16px !important;
  }

  .contact-support-section__link-line {
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 0.14px !important;
  }

  .contact-support-section__link-line a {
    font-weight: 700 !important;
    letter-spacing: 0.28px !important;
  }

  .contact-support-section__photo.wp-block-image {
    aspect-ratio: 327 / 217;
    min-height: 0;
    border-radius: 0 0 20px 20px;
  }

  .contact-support-section__photo img {
    aspect-ratio: 327 / 217;
    min-height: 0;
    border-radius: 0 0 20px 20px;
  }
}

/* FY26 footer (Figma node 9856:603) — parts/footer.html */
/* Kill white strip between CTA band (#4d1979) and lower band (#2e1a47) — TT4 / layout margins */
.acc-footer-fy26 {
  gap: 0 !important;
  row-gap: 0 !important;
}

.acc-footer-fy26 > .acc-footer-fy26-cta,
.acc-footer-fy26 > .acc-footer-fy26-bottom {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.acc-footer-fy26 > .acc-footer-fy26-cta + .acc-footer-fy26-bottom {
  margin-top: 0 !important;
  padding-top: 2.5rem;
}

/* Core layout flow adds margin between stacked block groups — removes white sliver */
.acc-footer-fy26 > * + *,
.acc-footer-fy26.is-layout-flow > * + * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.acc-footer-fy26-cta.has-accent-background-color,
.acc-footer-fy26-cta.has-background {
  background-color: #4d1979 !important;
}

.acc-footer-fy26-cta__title {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: 0.03em;
  margin: 0;
  color: #ffffff;
}

.acc-footer-fy26-cta__body {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.78;
  letter-spacing: 0.01em;
  margin: 0;
  color: #ffffff;
}

.acc-footer-fy26-cta__buttons.wp-block-buttons {
  gap: clamp(1rem, 4vw, 3rem);
  justify-content: center;
}

.acc-footer-fy26-cta__btn .wp-block-button__link,
.acc-footer-fy26-cta__btn .wp-block-button__link:visited {
  background-color: #d23f00 !important;
  color: #ffffff !important;
  border-color: #d23f00 !important;
  min-height: 64px;
  min-width: min(280px, 100%);
  padding: 1rem 1.25rem;
  border-radius: 10px;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.acc-footer-fy26-cta__btn .wp-block-button__link:hover,
.acc-footer-fy26-cta__btn .wp-block-button__link:focus-visible {
  background-color: #b43600 !important;
  border-color: #b43600 !important;
  color: #ffffff !important;
}

.acc-footer-fy26-bottom.has-accent-2-background-color,
.acc-footer-fy26-bottom.has-background {
  background-color: #2e1a47 !important;
}

.acc-footer-fy26-bottom .wp-block-group {
  align-items: center;
}

.acc-footer-fy26-bottom__logo {
  display: flex;
  justify-content: center;
}

.acc-footer-fy26-bottom__logo .custom-logo-link,
.acc-footer-fy26-bottom__logo .wp-block-site-logo {
  display: block;
}

/* Social row: parent / TT4 sometimes stack social links vertically */
.acc-footer-fy26-social.wp-block-social-links {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.25rem !important;
  list-style: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

.acc-footer-fy26-social.wp-block-social-links > li,
.acc-footer-fy26-social.wp-block-social-links .wp-social-link {
  display: flex;
}

.acc-footer-fy26-social.wp-block-social-links .wp-block-social-link-anchor:hover,
.acc-footer-fy26-social.wp-block-social-links .wp-block-social-link-anchor:focus-visible {
  opacity: 0.88;
}

.acc-footer-fy26-bottom__address {
  color: #ffffff;
}

.acc-footer-fy26-bottom__address a {
  color: #ffffff;
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* How to Apply & Enroll FAQ (FY26 — Figma 9856:587–590 accordion + copy)      */
/* -------------------------------------------------------------------------- */

.acc-fy26-faq-section.wp-block-group.alignwide,
.editor-styles-wrapper .acc-fy26-faq-section.wp-block-group.alignwide {
  box-sizing: border-box;
  width: 100%;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.acc-fy26-faq-section {
  --acc-fy26-faq-text: #0e0417;
  --acc-fy26-faq-panel-bg: #f4f2f5;
  --acc-fy26-faq-white: #ffffff;
  --acc-fy26-faq-purple: #4d1979;
  --acc-fy26-faq-link: #0000ee;
  --acc-fy26-faq-summary-padding: 16px;
  --acc-fy26-faq-chevron-size: 44px;
  --acc-fy26-faq-rail: 1300px;
  color: var(--acc-fy26-faq-text);
}

/* Intro inset matches summary/panel horizontal padding (no outer card gutter on items) */
.wp-block-group.acc-fy26-faq-section.alignwide > .wp-block-group.acc-fy26-faq-intro,
.acc-fy26-faq-section.alignwide > .acc-fy26-faq-intro,
.acc-fy26-faq-section.wp-block-group.alignwide.is-layout-constrained > .acc-fy26-faq-intro,
.editor-styles-wrapper
  .acc-fy26-faq-section.wp-block-group.alignwide.is-layout-constrained
  > .acc-fy26-faq-intro,
.editor-styles-wrapper .wp-block-group.acc-fy26-faq-section.alignwide > .wp-block-group.acc-fy26-faq-intro,
.acc-fy26-faq-section > .acc-fy26-faq-intro,
.acc-fy26-faq-section > .wp-block-group.acc-fy26-faq-intro {
  max-width: var(--acc-fy26-faq-rail) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.acc-fy26-faq-section.wp-block-group.alignwide.is-layout-constrained > .wp-block-html,
.editor-styles-wrapper
  .acc-fy26-faq-section.wp-block-group.alignwide.is-layout-constrained
  > .wp-block-html,
.acc-fy26-faq-section > .wp-block-html {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.acc-fy26-faq-intro {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: var(--acc-fy26-faq-rail);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px;
  box-sizing: border-box;
}

.acc-fy26-faq-heading {
  margin: 0 0 1rem;
  font-family: Inter, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.21;
  letter-spacing: 0.03em;
  color: var(--acc-fy26-faq-text);
}

.acc-fy26-faq-lead {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.01em;
  max-width: 100%;
}

.acc-fy26-faq-accordions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: var(--acc-fy26-faq-rail);
  margin-top: 0 !important;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.acc-fy26-faq__item {
  --acc-fy26-faq-motion-duration: 0.45s;
  --acc-fy26-faq-motion-ease: ease;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--acc-fy26-faq-white);
  border: 1px solid var(--acc-fy26-faq-text);
  border-radius: 10px;
  overflow: hidden;
}

button.acc-fy26-faq__summary {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--acc-fy26-faq-summary-padding);
  min-height: calc(
    var(--acc-fy26-faq-chevron-size) + (var(--acc-fy26-faq-summary-padding) * 2)
  );
  background-color: var(--acc-fy26-faq-white);
  border: none;
  border-radius: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--acc-fy26-faq-text);
  text-align: left;
}

.acc-fy26-faq__body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0 0 9px 9px;
  background-color: transparent;
}

.acc-fy26-faq__body[hidden] {
  display: none;
}

.acc-fy26-faq__item:not(.acc-fy26-faq__item--expanded):not(.acc-fy26-faq__item--animating)
  > .acc-fy26-faq__body:not([hidden]) {
  height: 0;
}

.acc-fy26-faq__panel {
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--acc-fy26-faq-summary-padding) var(--acc-fy26-faq-summary-padding) 24px;
  background-color: var(--acc-fy26-faq-panel-bg);
  border-radius: 0 0 9px 9px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: var(--acc-fy26-faq-text);
}

.acc-fy26-faq__item.acc-fy26-faq__item--expanded .acc-fy26-faq__summary,
.acc-fy26-faq__item.acc-fy26-faq__item--animating .acc-fy26-faq__summary {
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--acc-fy26-faq-text);
}

.acc-fy26-faq__summary-text {
  flex: 1;
  min-width: 0;
  text-align: left;
}

.acc-fy26-faq__lead {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0e0417;
}

.acc-fy26-faq__rest {
  font-size: 1rem;
  font-weight: 500;
  color: var(--acc-fy26-faq-text);
}

.acc-fy26-faq__chevron-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--acc-fy26-faq-chevron-size);
  height: var(--acc-fy26-faq-chevron-size);
  color: var(--acc-fy26-faq-purple);
  line-height: 0;
  transform-origin: 50% 50%;
  transition: transform var(--acc-fy26-faq-motion-duration) var(--acc-fy26-faq-motion-ease);
}

.acc-fy26-faq__chevron {
  display: block;
  width: var(--acc-fy26-faq-chevron-size);
  height: var(--acc-fy26-faq-chevron-size);
  flex-shrink: 0;
}

.acc-fy26-faq__item.acc-fy26-faq__item--expanded .acc-fy26-faq__chevron-wrap {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .acc-fy26-faq__item {
    --acc-fy26-faq-motion-duration: 0.01ms;
  }

  .acc-fy26-faq__chevron-wrap {
    transition: none;
  }
}

.acc-fy26-faq__panel p {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 2;
}

.acc-fy26-faq__panel p:last-child {
  margin-bottom: 0;
}

.acc-fy26-faq__link-line {
  margin-top: 1rem !important;
}

.acc-fy26-faq__link,
.acc-fy26-faq__link:visited {
  color: var(--acc-fy26-faq-link);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.12em;
}

.acc-fy26-faq__link:hover,
.acc-fy26-faq__link:focus-visible {
  color: var(--acc-fy26-faq-link);
  text-decoration-thickness: 2px;
}

.acc-fy26-faq__link--inline {
  font-weight: 500;
}

.acc-fy26-faq-section .wp-block-html {
  width: 100%;
  max-width: 100%;
}

.acc-fy26-faq__summary:focus-visible {
  outline: 2px solid var(--acc-fy26-faq-purple);
  outline-offset: 2px;
}

@media (max-width: 1024px) {
  .acc-fy26-faq-section.wp-block-group.alignwide,
  .editor-styles-wrapper .acc-fy26-faq-section.wp-block-group.alignwide {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (min-width: 782px) {
  .acc-fy26-faq-intro {
    margin-bottom: 64px;
  }

  .acc-fy26-faq-heading {
    font-size: 2.25rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    margin-bottom: 1rem;
  }

  .acc-fy26-faq-lead {
    font-size: 1.125rem;
    line-height: 1.78;
    letter-spacing: 0.01em;
    max-width: 82rem;
  }

  .acc-fy26-faq__summary {
    font-size: 1rem;
    line-height: 2;
  }

  .acc-fy26-faq__lead {
    font-size: 1.25rem;
    line-height: 2;
  }

  .acc-fy26-faq__rest {
    font-size: 1rem;
    line-height: 2;
  }

  .acc-fy26-faq__panel,
  .acc-fy26-faq__panel p {
    font-size: 1.125rem;
    line-height: 1.78;
  }
}