.elementor-2574 .elementor-element.elementor-element-9d4811d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.87;--margin-top:0px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-2574 .elementor-element.elementor-element-9d4811d:not(.elementor-motion-effects-element-type-background), .elementor-2574 .elementor-element.elementor-element-9d4811d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-756d139 );background-image:url("https://www.ascensioncu.org/wp-content/uploads/2025/07/sidneyvega_Minimalist_wavy_corporate_desktop_wallpaper_in_Dap_84071cc2-dbf8-4809-b315-0333fb791aac_1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2574 .elementor-element.elementor-element-9d4811d::before, .elementor-2574 .elementor-element.elementor-element-9d4811d > .elementor-background-video-container::before, .elementor-2574 .elementor-element.elementor-element-9d4811d > .e-con-inner > .elementor-background-video-container::before, .elementor-2574 .elementor-element.elementor-element-9d4811d > .elementor-background-slideshow::before, .elementor-2574 .elementor-element.elementor-element-9d4811d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2574 .elementor-element.elementor-element-9d4811d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b523003 );--background-overlay:'';}.elementor-2574 .elementor-element.elementor-element-aa59510{--display:flex;--justify-content:flex-start;border-style:solid;--border-style:solid;border-color:var( --e-global-color-3ef5b2d );--border-color:var( --e-global-color-3ef5b2d );--border-radius:30px 30px 30px 30px;box-shadow:0px -1px 23px -7px #999999;--margin-top:30px;--margin-bottom:30px;--margin-left:30px;--margin-right:30px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-2574 .elementor-element.elementor-element-aa59510:not(.elementor-motion-effects-element-type-background), .elementor-2574 .elementor-element.elementor-element-aa59510 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2574 .elementor-element.elementor-element-e1296fa{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;text-align:center;}.elementor-2574 .elementor-element.elementor-element-e1296fa img{width:30%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2574 .elementor-element.elementor-element-8962e29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;text-align:left;}.elementor-2574 .elementor-element.elementor-element-8962e29 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:39px;font-weight:800;text-transform:capitalize;color:var( --e-global-color-d95e35e );}.elementor-2574 .elementor-element.elementor-element-2a4c5e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-2574 .elementor-element.elementor-element-886225e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-2574 .elementor-element.elementor-element-d5eabe2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-2574 .elementor-element.elementor-element-bc11306{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}.elementor-2574 .elementor-element.elementor-element-82c0bd7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2574 .elementor-element.elementor-element-e1296fa img{width:48%;}}@media(max-width:767px){.elementor-2574 .elementor-element.elementor-element-9d4811d{--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2574 .elementor-element.elementor-element-aa59510{--margin-top:6px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;--padding-top:26px;--padding-bottom:026px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2574 .elementor-element.elementor-element-e1296fa{text-align:center;}.elementor-2574 .elementor-element.elementor-element-e1296fa img{width:76%;}.elementor-2574 .elementor-element.elementor-element-8962e29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2574 .elementor-element.elementor-element-8962e29 .elementor-heading-title{font-size:34px;}}@media(min-width:768px){.elementor-2574 .elementor-element.elementor-element-9d4811d{--content-width:1250px;}}@media(min-width:1025px){.elementor-2574 .elementor-element.elementor-element-9d4811d:not(.elementor-motion-effects-element-type-background), .elementor-2574 .elementor-element.elementor-element-9d4811d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-2a4c5e0 *//* 1) Font (fast render) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* 2) Design tokens */
:root {
  --acu-blue: #105698;
  --acu-blue-dark: #0F3457;
  --acu-border: #ccc;
  --acu-bg: #fff;
  --acu-radius: 10px;
  --acu-pad-y: 12px;
  --acu-pad-x: 14px;
  --acu-font: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --acu-fz: clamp(14px, 1.6vw, 17px);
}

/* 3) Scroll container (default mobile pattern = horizontal scroll) */
.acu-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--acu-border);
  border-radius: var(--acu-radius);
  background: var(--acu-bg);
}

/* 4) Table base */
.acu-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--acu-font);
  font-size: var(--acu-fz);
  min-width: 520px; /* keeps columns readable; scrolls on small screens */
  table-layout: fixed; /* consistent cell widths */
}

/* 5) Header */
.acu-table th {
  background-color: var(--acu-blue);
  color: #fff;
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  position: sticky;    /* sticky header inside scroll container */
  top: 0;
  z-index: 1;
}

/* 6) Cells */
.acu-table td {
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  border-top: 1px solid var(--acu-border);
  word-break: break-word;
}

/* 7) Zebra + hover (desktop/tablet) */
.acu-table tbody tr:nth-child(even) { background: #f8fbff; }
.acu-table tbody tr:hover { background: #eef5ff; }

/* 8) Utilities */
.acu-table .highlight { /* highlight row or cell */
  background-color: var(--acu-blue);
  color: #fff;
  font-weight: 700;
}
.acu-td-right { text-align: right; }
.acu-td-left  { text-align: left;  }

/* 9) Compact spacing on tablets */
@media (max-width: 992px) {
  :root {
    --acu-pad-y: 10px;
    --acu-pad-x: 12px;
  }
}

/* 10) Extra-compact on small phones */
@media (max-width: 480px) {
  :root {
    --acu-pad-y: 9px;
    --acu-pad-x: 10px;
  }
}

/* 11) OPTIONAL: “stacked cards” variant for mobile
   Add class .acu-table--stack to the table AND include data-label on each <td>. */
@media (max-width: 640px) {
  .acu-table.acu-table--stack {
    min-width: 0;
    border-collapse: separate;
  }
  .acu-table.acu-table--stack thead {
    display: none;
  }
  .acu-table.acu-table--stack tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr; /* tweak as needed */
    gap: 6px 10px;
    padding: 10px;
    border-top: 1px solid var(--acu-border);
  }
  .acu-table.acu-table--stack tbody tr:nth-child(even) { background: #fff; } /* neutralize zebra */
  .acu-table.acu-table--stack td {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: start;
    text-align: left;
    padding: 6px 0;
    border: 0;
  }
  .acu-table.acu-table--stack td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--acu-blue-dark);
    padding-right: 8px;
  }
}

/* 12) Accessibility helpers */
.acu-table caption {
  text-align: left;
  padding: 8px 0;
  color: var(--acu-blue-dark);
  font-weight: 700;
}
.visually-hidden {
  position: absolute !important; height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-886225e *//* 1) Font (fast render) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
  --acu-blue: #105698;
  --acu-blue-dark: #0F3457;
  --acu-border: #ccc;
  --acu-bg: #fff;
  --acu-radius: 10px;
  --acu-pad-y: 12px;
  --acu-pad-x: 14px;
  --acu-indent: 2.5rem; /* increased from 1.25rem to 2.5rem */
  --acu-font: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --acu-fz: clamp(14px, 1.6vw, 17px);
}

/* 3) Scroll container (default mobile pattern = horizontal scroll) */
.acu-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--acu-border);
  border-radius: var(--acu-radius);
  background: var(--acu-bg);
}

/* 4) Table base */
.acu-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--acu-font);
  font-size: var(--acu-fz);
  min-width: 520px; /* keeps columns readable; scrolls on small screens */
  table-layout: fixed; /* consistent cell widths */
}

/* 5) Header */
.acu-table th {
  background-color: var(--acu-blue);
  color: #fff;
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  position: sticky;    /* sticky header inside scroll container */
  top: 0;
  z-index: 1;
}

/* 6) Cells (defaults) */
.acu-table td {
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  border-top: 1px solid var(--acu-border);
  word-break: break-word;
}

/* 6a) First column behavior:
   - Bold rows already set inline; leave them as-is.
   - Non-bold first-column cells: left-align + “tabbed” indent. */
.acu-table td:first-child { text-align: left; } /* ensure left alignment for first col */
.acu-table td:first-child:not([style*="bold"]) {
  /* keep top/bottom/right padding; add extra left indent on top of base padding */
  padding-left: calc(var(--acu-pad-x) + var(--acu-indent));
}

/* 7) Zebra + hover (desktop/tablet) */
.acu-table tbody tr:nth-child(even),
.acu-table tr:nth-child(even) { background: #f8fbff; }

.acu-table tbody tr:hover,
.acu-table tr:hover { background: #eef5ff; }

/* 8) Utilities */
.acu-table .highlight { /* highlight row or cell */
  background-color: var(--acu-blue);
  color: #fff;
  font-weight: 700;
}
.acu-td-right { text-align: right; }
.acu-td-left  { text-align: left;  }

/* 9) Compact spacing on tablets */
@media (max-width: 992px) {
  :root {
    --acu-pad-y: 10px;
    --acu-pad-x: 12px;
  }
}

/* 10) Extra-compact on small phones */
@media (max-width: 480px) {
  :root {
    --acu-pad-y: 9px;
    --acu-pad-x: 10px;
    --acu-indent: 1rem; /* slightly smaller indent on tiny screens */
  }
}

/* 11) OPTIONAL: “stacked cards” variant for mobile
   Add class .acu-table--stack to the table AND include data-label on each <td>. */
@media (max-width: 640px) {
  .acu-table.acu-table--stack {
    min-width: 0;
    border-collapse: separate;
  }
  .acu-table.acu-table--stack thead {
    display: none;
  }
  .acu-table.acu-table--stack tbody tr,
  .acu-table.acu-table--stack tr {
    display: grid;
    grid-template-columns: 1fr 1fr; /* tweak as needed */
    gap: 6px 10px;
    padding: 10px;
    border-top: 1px solid var(--acu-border);
    background: #fff; /* neutralize zebra in stacked */
  }
  .acu-table.acu-table--stack td {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: start;
    text-align: left;
    padding: 6px 0;
    border: 0;
  }
  .acu-table.acu-table--stack td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--acu-blue-dark);
    padding-right: 8px;
  }
}

/* 12) Accessibility helpers */
.acu-table caption {
  text-align: left;
  padding: 8px 0;
  color: var(--acu-blue-dark);
  font-weight: 700;
}
.visually-hidden {
  position: absolute !important; height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5eabe2 *//* 1) Font (fast render) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* 2) Design tokens */
:root {
  --acu-blue: #105698;
  --acu-blue-dark: #0F3457;
  --acu-border: #ccc;
  --acu-bg: #fff;
  --acu-radius: 10px;
  --acu-pad-y: 12px;
  --acu-pad-x: 14px;
  --acu-font: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --acu-fz: clamp(14px, 1.6vw, 17px);
}

/* 3) Scroll container (default mobile pattern = horizontal scroll) */
.acu-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--acu-border);
  border-radius: var(--acu-radius);
  background: var(--acu-bg);
}

/* 4) Table base */
.acu-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--acu-font);
  font-size: var(--acu-fz);
  min-width: 520px; /* keeps columns readable; scrolls on small screens */
  table-layout: fixed; /* consistent cell widths */
}

/* 5) Header */
.acu-table th {
  background-color: var(--acu-blue);
  color: #fff;
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  position: sticky;    /* sticky header inside scroll container */
  top: 0;
  z-index: 1;
}

/* 6) Cells */
.acu-table td {
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  border-top: 1px solid var(--acu-border);
  word-break: break-word;
}

/* 7) Zebra + hover (desktop/tablet) */
.acu-table tbody tr:nth-child(even) { background: #f8fbff; }
.acu-table tbody tr:hover { background: #eef5ff; }

/* 8) Utilities */
.acu-table .highlight { /* highlight row or cell */
  background-color: var(--acu-blue);
  color: #fff;
  font-weight: 700;
}
.acu-td-right { text-align: right; }
.acu-td-left  { text-align: left;  }

/* 9) Compact spacing on tablets */
@media (max-width: 992px) {
  :root {
    --acu-pad-y: 10px;
    --acu-pad-x: 12px;
  }
}

/* 10) Extra-compact on small phones */
@media (max-width: 480px) {
  :root {
    --acu-pad-y: 9px;
    --acu-pad-x: 10px;
  }
}

/* 11) OPTIONAL: “stacked cards” variant for mobile
   Add class .acu-table--stack to the table AND include data-label on each <td>. */
@media (max-width: 640px) {
  .acu-table.acu-table--stack {
    min-width: 0;
    border-collapse: separate;
  }
  .acu-table.acu-table--stack thead {
    display: none;
  }
  .acu-table.acu-table--stack tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr; /* tweak as needed */
    gap: 6px 10px;
    padding: 10px;
    border-top: 1px solid var(--acu-border);
  }
  .acu-table.acu-table--stack tbody tr:nth-child(even) { background: #fff; } /* neutralize zebra */
  .acu-table.acu-table--stack td {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: start;
    text-align: left;
    padding: 6px 0;
    border: 0;
  }
  .acu-table.acu-table--stack td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--acu-blue-dark);
    padding-right: 8px;
  }
}

/* 12) Accessibility helpers */
.acu-table caption {
  text-align: left;
  padding: 8px 0;
  color: var(--acu-blue-dark);
  font-weight: 700;
}
.visually-hidden {
  position: absolute !important; height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
}

.acu-table .acu-row-span td {
  text-align: center;
  font-weight: normal;
  background-color: #f2f6fa;
  color: var(--acu-blue-dark);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc11306 *//* 1) Font (fast render) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* 2) Design tokens */
:root {
  --acu-blue: #105698;
  --acu-blue-dark: #0F3457;
  --acu-border: #ccc;
  --acu-bg: #fff;
  --acu-radius: 10px;
  --acu-pad-y: 12px;
  --acu-pad-x: 14px;
  --acu-font: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --acu-fz: clamp(14px, 1.6vw, 17px);
}

/* 3) Scroll container (default mobile pattern = horizontal scroll) */
.acu-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--acu-border);
  border-radius: var(--acu-radius);
  background: var(--acu-bg);
}

/* 4) Table base */
.acu-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--acu-font);
  font-size: var(--acu-fz);
  min-width: 520px; /* keeps columns readable; scrolls on small screens */
  table-layout: fixed; /* consistent cell widths */
}

/* 5) Header */
.acu-table th {
  background-color: var(--acu-blue);
  color: #fff;
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  position: sticky;    /* sticky header inside scroll container */
  top: 0;
  z-index: 1;
}

/* 6) Cells */
.acu-table td {
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  border-top: 1px solid var(--acu-border);
  word-break: break-word;
}

/* 7) Zebra + hover (desktop/tablet) */
.acu-table tbody tr:nth-child(even) { background: #f8fbff; }
.acu-table tbody tr:hover { background: #eef5ff; }

/* 8) Utilities */
.acu-table .highlight { /* highlight row or cell */
  background-color: var(--acu-blue);
  color: #fff;
  font-weight: 700;
}
.acu-td-right { text-align: right; }
.acu-td-left  { text-align: left;  }

/* 9) Compact spacing on tablets */
@media (max-width: 992px) {
  :root {
    --acu-pad-y: 10px;
    --acu-pad-x: 12px;
  }
}

/* 10) Extra-compact on small phones */
@media (max-width: 480px) {
  :root {
    --acu-pad-y: 9px;
    --acu-pad-x: 10px;
  }
}

/* 11) OPTIONAL: “stacked cards” variant for mobile
   Add class .acu-table--stack to the table AND include data-label on each <td>. */
@media (max-width: 640px) {
  .acu-table.acu-table--stack {
    min-width: 0;
    border-collapse: separate;
  }
  .acu-table.acu-table--stack thead {
    display: none;
  }
  .acu-table.acu-table--stack tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr; /* tweak as needed */
    gap: 6px 10px;
    padding: 10px;
    border-top: 1px solid var(--acu-border);
  }
  .acu-table.acu-table--stack tbody tr:nth-child(even) { background: #fff; } /* neutralize zebra */
  .acu-table.acu-table--stack td {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: start;
    text-align: left;
    padding: 6px 0;
    border: 0;
  }
  .acu-table.acu-table--stack td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--acu-blue-dark);
    padding-right: 8px;
  }
}

/* 12) Accessibility helpers */
.acu-table caption {
  text-align: left;
  padding: 8px 0;
  color: var(--acu-blue-dark);
  font-weight: 700;
}
.visually-hidden {
  position: absolute !important; height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82c0bd7 *//* 1) Font (fast render) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* 2) Design tokens */
:root {
  --acu-blue: #105698;
  --acu-blue-dark: #0F3457;
  --acu-border: #ccc;
  --acu-bg: #fff;
  --acu-radius: 10px;
  --acu-pad-y: 12px;
  --acu-pad-x: 14px;
  --acu-font: 'Roboto', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --acu-fz: clamp(14px, 1.6vw, 17px);
}

/* 3) Scroll container (default mobile pattern = horizontal scroll) */
.acu-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--acu-border);
  border-radius: var(--acu-radius);
  background: var(--acu-bg);
}

/* 4) Table base */
.acu-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--acu-font);
  font-size: var(--acu-fz);
  min-width: 520px; /* keeps columns readable; scrolls on small screens */
  table-layout: fixed; /* consistent cell widths */
}

/* 5) Header */
.acu-table th {
  background-color: var(--acu-blue);
  color: #fff;
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  position: sticky;    /* sticky header inside scroll container */
  top: 0;
  z-index: 1;
}

/* 6) Cells */
.acu-table td {
  padding: var(--acu-pad-y) var(--acu-pad-x);
  text-align: center;
  border-top: 1px solid var(--acu-border);
  word-break: break-word;
}

/* 7) Zebra + hover (desktop/tablet) */
.acu-table tbody tr:nth-child(even) { background: #f8fbff; }
.acu-table tbody tr:hover { background: #eef5ff; }

/* 8) Utilities */
.acu-table .highlight { /* highlight row or cell */
  background-color: var(--acu-blue);
  color: #fff;
  font-weight: 700;
}
.acu-td-right { text-align: right; }
.acu-td-left  { text-align: left;  }

/* 9) Compact spacing on tablets */
@media (max-width: 992px) {
  :root {
    --acu-pad-y: 10px;
    --acu-pad-x: 12px;
  }
}

/* 10) Extra-compact on small phones */
@media (max-width: 480px) {
  :root {
    --acu-pad-y: 9px;
    --acu-pad-x: 10px;
  }
}

/* 11) OPTIONAL: “stacked cards” variant for mobile
   Add class .acu-table--stack to the table AND include data-label on each <td>. */
@media (max-width: 640px) {
  .acu-table.acu-table--stack {
    min-width: 0;
    border-collapse: separate;
  }
  .acu-table.acu-table--stack thead {
    display: none;
  }
  .acu-table.acu-table--stack tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr; /* tweak as needed */
    gap: 6px 10px;
    padding: 10px;
    border-top: 1px solid var(--acu-border);
  }
  .acu-table.acu-table--stack tbody tr:nth-child(even) { background: #fff; } /* neutralize zebra */
  .acu-table.acu-table--stack td {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: start;
    text-align: left;
    padding: 6px 0;
    border: 0;
  }
  .acu-table.acu-table--stack td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--acu-blue-dark);
    padding-right: 8px;
  }
}

/* 12) Accessibility helpers */
.acu-table caption {
  text-align: left;
  padding: 8px 0;
  color: var(--acu-blue-dark);
  font-weight: 700;
}
.visually-hidden {
  position: absolute !important; height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap;
}/* End custom CSS */