@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@600;700&display=swap');
.dates-season { margin: 0 0 0.6rem 0; }
.dates-season:last-child { margin-bottom: 0; }
.dates-season__label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.2rem;
}
.dates-season--past .dates-season__label { color: #8b95a1; }
.dates-season--past .dates-list {
  color: #8b95a1;
  text-decoration: line-through;
}
.dates-season--current .dates-season__label { color: #5A8C4D; }
.program-directory__no-results {
  margin: 1.5rem 0;
  padding: 1.25rem;
  border: 1px solid #d9dee6;
  border-radius: 12px;
  background: #f7f9fc;
  text-align: center;
  color: #1d2b3a;
}
.program-directory__reset-inline {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: #368BA9;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.program-directory__destinations {
  overflow: visible;
}
.program-directory__destinations {
  margin: 1.25rem 0 1.5rem 0;
  padding: 1rem 1rem;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
}

.program-directory__destinations h3 {
  margin: 0 0 0.75rem 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #1d2b3a;
}

.destinations-pill-list {
  list-style: none;
  margin: 0;
  padding: 8px 0 12px 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.destinations-pill-list li {
  flex: 0 0 auto;
}

.destinations-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0.5rem 0.85rem;
  border: 1px solid #d9dee6;
  border-radius: 999px;
  background: #f7f9fc;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  color: #1d2b3a;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.destinations-pill:hover,
.destinations-pill:focus-visible {
  background: #eef3fb;
  border-color: #c9d3e3;
  outline: none;
}

.destinations-pill--all {
  background: #1d2b3a;
  border-color: #1d2b3a;
  color: #fff;
}

.destinations-pill--all:hover,
.destinations-pill--all:focus-visible {
  background: #14202c;
  border-color: #14202c;
}

@media (max-width: 600px) {
  .program-directory__destinations {
    padding: 0.85rem;
  }

  .destinations-pill {
    font-size: 0.88rem;
    padding: 0.42rem 0.72rem;
  }
}
.faq-section .faq-item .faq-answer {
    background: #fff;
    line-height: 1.6;
    padding: 1rem;
    max-width: 1300px;
    }
/* --- HERO WRAPPER IMPROVEMENTS --- */
.SiteHero__Subtitle p {
text-align: center !important;
}
.Layer.SiteHero.SiteHero--StyleNoImage {
  padding-top: 3rem !important; 
  padding-bottom: 1.5rem !important;
  background: #f7f9fc; /* soft neutral background to separate from grid */
  border-bottom: 1px solid #e3e7ee;
}

/* Inner wrapper spacing */
.Layer__Inner.Layer__Inner--PaddingTopNone.THIS {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* --- H1 HERO TITLE --- */
.SiteHero__Title {
  margin: 0 0 1.5rem 0 !important;
  text-align: left !important;
  font-size: 3.25rem !important;  /* slightly larger */
  line-height: 1.15 !important;   /* more polished */
  font-weight: 700 !important;    /* stronger presence */
  color: #1d2b3a !important;      /* deeper blue-grey */
  letter-spacing: -0.5px;         /* subtle tightening */
}

/* --- ADAPT ON TABLET --- */
@media (max-width: 900px) {
  .SiteHero__Title {
    font-size: 2.5rem !important;
    text-align: center !important; 
  }
}

/* --- ADAPT ON MOBILE --- */
@media (max-width: 600px) {
  .SiteHero__Title {
    font-size: 2rem !important;
    margin-bottom: 1rem !important;
  }
}
.program-directory {
  max-width: 1200px;
  margin: 0 auto 4rem auto;
  padding: 0 1rem;
}
.program-directory__intro {
  margin-bottom: 1.5rem;
}
.program-filters {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.program-filters__row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.program-filters__row:last-child {
  margin-bottom: 0;
}
.program-filter {
  flex: 1 1 160px;
  min-width: 150px;
}
.program-filter label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.program-filter select {
  width: 100%;
  padding: 0.35rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.9rem;
  background-color: #fff;
}
.program-filter--reset {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#program-filter-reset {
  padding: 0.4rem 0.75rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  cursor: pointer;
  font-size: 0.85rem;
}
.program-filter.is-disabled select {
  background-color: #f3f3f3;
  cursor: not-allowed;
}
.program-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.program-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  min-width: 900px;
}
.program-table th,
.program-table td {
  padding: 0.75rem 0.75rem;
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  vertical-align: top;
}
.program-table thead th {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid #ccc;
}
.program-table tbody tr:nth-child(even) {
  background: #fafafa;
}
.program-link {
  font-weight: 600;
  border-bottom: none;
}
.program-directory__note {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.75rem;
}
.dates-toggle {
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  font-size: 0.75rem;
  cursor: pointer;
}
.dates-full[hidden] {
  display: none;
}
@media (max-width: 768px) {
  .program-table {
    border-collapse: separate;
    border-spacing: 0 1rem;
    min-width: 0;
  }
  .program-table thead {
    display: none;
  }
  .program-table tbody tr {
    display: block;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    padding: 0.5rem 0.75rem;
  }
  .program-table tbody tr:nth-child(even) {
    background: #fff;
  }
  .program-table td {
    display: block;
    padding: 0.25rem 0;
    border-bottom: none;
  }
  .program-table td:first-child {
    padding-top: 0.25rem;
  }
  .program-table td:last-child {
    padding-bottom: 0.25rem;
  }
  .program-table td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b6b6b;
    margin-bottom: 0.05rem;
  }
  .program-table td[data-label="Program"]::before {
    content: "";
  }
  .program-table td[data-label="Program"] .program-link {
    font-size: 1rem;
  }
}

/* ==========================================================================
   UNIFY WITH THE STUDENT PAGES (2026-10-02): tokens from the Belize student
   country page (navy #003964, orange #CD6414, ink #333, muted #666, canvas
   #F6F3ED, navy-20 #CCD7E0, rule #E6E1D6), IBM Plex like the program pages.
   Selectors carry .program-directory so they beat the inline <style> that
   build_directory.py writes into the page content.
   ========================================================================== */
body{--FontFamily__Copy:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--FontFamily__Titling:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
.program-directory,.Module__Wysiwyg,.faq-section,.SiteHero{font-family:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
.SiteHero .SiteHero__Title,.program-directory h2,.Module__Wysiwyg h2,.faq-section h2{font-family:"IBM Plex Serif",Georgia,serif;color:#003964}
.SiteHero.SiteHero--StyleNoImage{background:#F6F3ED}
/* intro + body links */
.program-directory .program-directory__intro a,.Module__Wysiwyg p a,.Module__Wysiwyg li a{color:#003964;font-weight:400;border-bottom:0;text-decoration-line:underline;text-decoration-color:rgba(0,57,100,.45);text-decoration-thickness:1px;text-underline-offset:.16em}
.program-directory .program-directory__intro a:hover,.Module__Wysiwyg p a:hover,.Module__Wysiwyg li a:hover{color:#CD6414;text-decoration-color:#CD6414}
/* finder + filters: canvas panels */
.program-directory .pd-finder,.program-directory .program-filters{background:#F6F3ED;border:0;border-radius:28px;padding:24px}
.program-directory .pd-finder h3,.program-directory .program-directory__destinations h3{font-size:19px;color:#003964}
.program-directory .program-filter label{font-size:14px;font-weight:700;color:#003964}
.program-directory .program-filter select,.program-directory .program-filter input{font-family:inherit;font-size:16px;color:#333;background-color:#fff;border:1px solid #CCD7E0;border-radius:999px;padding:8px 14px;min-height:40px}
.program-directory #pdf-go,.program-directory #pd-tray-go{background:#CD6414;color:#fff;border:0;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;white-space:nowrap}
.program-directory #pdf-go:hover,.program-directory #pd-tray-go:hover{background:#B25410}
.program-directory #program-filter-reset,.program-directory .dates-toggle,.program-directory .program-directory__reset-inline{background:#fff;color:#003964;border:1px solid #CCD7E0;border-radius:999px;padding:6px 14px;font-size:14px}
/* count + view toggle */
.program-directory .pd-count{color:#003964;font-weight:700}
.program-directory .pd-view{background:#F6F3ED;color:#003964;border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}
.program-directory .pd-view.is-on{background:#003964;color:#fff}
/* program table */
.program-directory .program-table th{font-size:14px;font-weight:700;color:#003964;letter-spacing:0;border-bottom:1px solid #CCD7E0}
.program-directory .program-table td{font-size:16px;color:#333;border-bottom:1px solid #E6E1D6}
.program-directory .program-table a.program-link{font-size:16px;font-weight:700;color:#003964;text-decoration:none}
.program-directory .program-table a.program-link:hover{color:#CD6414}
.program-directory .pd-meta{font-size:14px;color:#666}
.program-directory .pd-chip{font-size:12px;border-radius:999px;padding:2px 10px}
.program-directory .pd-cmp{font-size:14px;color:#003964}
/* destinations */
.program-directory .destinations-pill{background:#F6F3ED;color:#003964;border:0;font-weight:700;padding:8px 16px}
.program-directory .destinations-pill:hover{background:#CCD7E0}
.program-directory .program-directory__destinations li:last-child .destinations-pill{background:#003964;color:#fff}
/* compare tray */
.program-directory .pd-tray{background:#003964;border-radius:999px;padding:12px 24px}
/* round 2 (2026-10-02 review) */
.program-directory .pd-finder .program-filter input,.program-directory .pd-finder .program-filter select{border-radius:999px;border:1px solid #CCD7E0;background-color:#fff;min-height:44px;padding:8px 16px;font-size:16px}
.program-directory .program-filter label{white-space:nowrap}
.program-directory .program-filters__row{align-items:flex-end}
.program-directory #program-filter-reset{min-height:44px;padding:8px 18px;align-self:flex-end}
/* "Map" view only linked to the countries page: hidden until there is a real map view */
.program-directory a.pd-view[href*="/countries"]{display:none}
/* What Program Tuition covers / How to enroll / Good to know: plain blocks, Belize type */
.program-directory .pd-cost,.program-directory .pd-enroll,.program-directory .pd-know{margin:32px 0;font-size:16px;line-height:1.6;color:#333}
.program-directory .pd-cost h3,.program-directory .pd-enroll h3,.program-directory .pd-know h3{font-size:19px;color:#003964;margin:0 0 12px}
.program-directory .pd-cost p,.program-directory .pd-enroll p,.program-directory .pd-know p{font-size:16px;line-height:1.6;margin:0 0 12px}
.program-directory .pd-enroll ol,.program-directory .pd-know ul{margin:0 0 12px;padding-left:24px}
.program-directory .pd-enroll ol{list-style:decimal}
.program-directory .pd-know ul{list-style:disc}
.program-directory .pd-enroll li,.program-directory .pd-know li{font-size:16px;line-height:1.6;margin:0 0 8px}
.program-directory .pd-cost a,.program-directory .pd-enroll a,.program-directory .pd-know a{color:#003964;text-decoration:underline;text-decoration-color:rgba(0,57,100,.45);text-underline-offset:.16em}
.program-directory .program-directory__destinations{background:#F6F3ED;border:0;border-radius:28px;padding:24px 28px}
.program-directory .program-directory__destinations .destinations-pill{background:#fff}

/* round 3 (2026-10-02 review) */
/* dropdowns: own chevron with room, instead of the browser arrow against the rounded edge */
.program-directory .program-filter select{-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23003964' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:12px 8px}
/* lists: the theme sets li to display:block, which hides the markers */
.program-directory .pd-enroll ol li{display:list-item;list-style:decimal}
.program-directory .pd-know ul li{display:list-item;list-style:disc}
.program-directory .pd-enroll li::marker,.program-directory .pd-know li::marker{color:#003964;font-weight:700}
/* long-copy tables use the new article table class (rp-data-table); the theme scopes it to .Blog_Content, which this page does not have, so the same rules are repeated here */
.Module__Wysiwyg .rp-table-frame{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);box-sizing:border-box;margin:2em 0 2.4em;padding:8px 16px}
.Module__Wysiwyg .rp-data-table{border-collapse:collapse;color:#222;font-size:1rem;line-height:1.5;margin:0;max-width:max(48rem,100%);min-width:100%;table-layout:auto;width:max-content}
.Module__Wysiwyg .rp-data-table:has(tr>:nth-child(4)){min-width:max(48rem,100%)}
.Module__Wysiwyg .rp-data-table thead th,.Module__Wysiwyg .rp-data-table tr:not(:has(td))>th{background:none;border-bottom:2px solid rgba(0,11,20,.2);color:#222;font-size:1rem;font-weight:700;letter-spacing:normal;padding:16px 8px 8px;text-align:left;text-transform:none;vertical-align:bottom}
.Module__Wysiwyg .rp-data-table tbody td,.Module__Wysiwyg .rp-data-table tbody th{padding:8px;text-align:left;vertical-align:top}
.Module__Wysiwyg .rp-data-table tbody tr{border-top:1px solid rgba(0,0,0,.1);background:none}
.Module__Wysiwyg .rp-data-table tbody tr:has(td)>:first-child{background:#f4f5f6;color:#222;font-weight:700}
@media (max-width:49.9999rem){
  .Module__Wysiwyg .rp-table-frame{padding:8px 12px 8px 0}
  .Module__Wysiwyg .rp-data-table tr>:is(th,td):first-child{left:0;max-width:8rem;min-width:8rem;padding-left:12px;position:sticky;width:8rem;z-index:1}
  .Module__Wysiwyg .rp-data-table tr:not(:has(td))>:first-child{background:#fff}
}