/* Numbered circles — aligned + forced teal */
.numbered-list {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: list-counter;
}

.numbered-list > li {
  counter-increment: list-counter;
  display: flex;              /* align number + text on first line */
  align-items: flex-start;
  gap: 12px;                  /* space between circle and text */
  margin: 16px 0;
  line-height: 1.6;
}

.numbered-list > li::before {
  content: counter(list-counter);
  flex: 0 0 32px;             /* fixed circle size */
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #368887 !important;  /* your dark teal */
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* ------------------------------
   Custom callout icons
--------------------------------*/

/* Spanish in Society Enrichment Program */
.callout-sisep i.callout-icon::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  content: "\f02d" !important;  /* fa-book */
}

/* Discover Multilingual New Brunswick */
.callout-dmnb i.callout-icon::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  content: "\f0ac" !important;   /* fa-globe */
}

/* Multilingual NJ */
.callout-multinj i.callout-icon::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  content: "\f1ab" !important;   /* fa-language */
}

/* ------------------------------
   Responsive helpers
--------------------------------*/

/* Images scale down on small screens */
img {
  max-width: 100%;
  height: auto;
}

/* Iframes (PDF, video embeds) */
iframe {
  max-width: 100%;
  height: auto;
  border: none;
}

/* Tables: allow horizontal scrolling */
table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


/* Keep content at 80% of viewport, centered */
body.fullcontent .page-columns {
  max-width: 70% !important;
  margin: 0 auto !important;   /* centers it */
  grid-template-columns: 1fr !important;  /* keep one main column */
}


/* Faded theme color for the right column card only */
.research-right > .research-card {
  background-color: #fdf3f0;  /* light tint of your theme color */
}