.ksa-integrated-program { padding: 40px 0 64px; }
.ksa-integrated-program, .ksa-course-preview { --ksa-blue: #287f83; --ksa-blue-dark: #206b70; --ksa-ink: #173d57; }
.ksa-integrated-program .ksa-program { margin: 0; }
.ksa-integrated-program .ksa-program__hero { background: var(--ksa-navy-dark, #0f2d43); }
.ksa-integrated-program .ksa-course-card { border-radius: 16px; }
.ksa-course-preview .ksa-program { margin: 0; padding: 0; background: transparent; box-shadow: none; border: 0; }
.ksa-course-preview .ksa-program__hero,
.ksa-course-preview .ksa-portal-nav,
.ksa-course-preview .ksa-info-teasers,
.ksa-course-preview .ksa-toolbar,
.ksa-course-preview .ksa-advanced-filters,
.ksa-course-preview .ksa-resultbar,
.ksa-course-preview .ksa-empty { display: none; }
.ksa-course-preview .ksa-course-grid { margin: 0; }
@media (max-width: 780px) { .ksa-integrated-program { padding: 24px 0 40px; } }

/* Editable supervisor directory block: theme-native page layout. */
.ksa-supervisor-directory-block { --ksa-blue-dark: #173d57; --ksa-teal: #2d8887; }
.ksa-supervisor-directory-block .ksa-supervisor-directory-block__hero { color: #173d57; background: #f7f3eb; }
.ksa-supervisor-directory-block .ksa-supervisor-directory-block__hero .ksa-eyebrow { color: #2d8887; }
.ksa-supervisor-directory-block .ksa-supervisor-card { border-radius: 16px; box-shadow: 0 9px 30px rgba(15,45,67,.065); transition: transform .2s ease, box-shadow .2s ease; }
.ksa-supervisor-directory-block .ksa-supervisor-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(15,45,67,.1); }
.ksa-supervisor-directory-block .ksa-supervisor-toolbar { padding: 18px; border: 0; border-radius: 16px; background: #edf5f4; }
.ksa-supervisor-directory-block .ksa-supervisor-cta { border-left: 5px solid #79b7b1; }
@media (prefers-reduced-motion:reduce) { .ksa-supervisor-directory-block .ksa-supervisor-card { transition:none; } }

/* Site-native public pages. Plugin data attributes, list views and forms stay intact. */
@media screen {
 .ksa-integrated-program { padding-top: 56px; }
 .ksa-integrated-content { font-size: 18px; }
 .ksa-integrated-program .ksa-program,
 .ksa-integrated-program .ksa-information { width: 100%; max-width: none; padding: 0; background: transparent; }
 .ksa-integrated-program .ksa-program__hero,
 .ksa-integrated-program .ksa-info-hero { display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 0; padding: clamp(28px,4vw,48px); overflow: hidden; border: 0; border-radius: 20px; box-shadow:none; color: #173d57; background: linear-gradient(135deg,#f7f3ec 0%,#eef7f6 100%); }
 .ksa-integrated-program .ksa-program__hero > div:first-child,
 .ksa-integrated-program .ksa-info-hero > div:first-child { flex: 1; width:100%; max-width: min(60%, var(--ksa-header-copy-width,1180px)); margin-block:auto; text-align:left; }
 .ksa-integrated-program .ksa-program__hero h2,
 .ksa-integrated-program .ksa-info-hero h1 { color: #173d57; font-size: clamp(32px, 3.5vw, 54px); }
 .ksa-integrated-program .ksa-hero-faces { position: relative; inset: auto; flex: 0 0 34%; width: 34%; height: 190px; border-radius: 16px; background: transparent; }
 .ksa-integrated-program .ksa-hero-faces::before { display: none; }
 .ksa-integrated-program .ksa-portal-nav { justify-content: space-between; margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid #dbe6e9; }
 .ksa-integrated-program .ksa-portal-nav > div > a:nth-child(3),
 .ksa-integrated-program .ksa-portal-nav > div > a:nth-child(4),
 .ksa-integrated-program .ksa-info-teasers { display: none; }
 .ksa-integrated-program .ksa-portal-nav a,
 .ksa-integrated-program .ksa-info-nav a { min-height: 44px; font-size: 16px; }
 .ksa-integrated-program .ksa-toolbar { margin: 0; padding: 20px; gap: 14px; border: 0; background: #f3f7f7; box-shadow: none; }
 .ksa-integrated-program .ksa-toolbar input,
 .ksa-integrated-program .ksa-toolbar select { font-size: 16px; min-height: 48px; }
 .ksa-integrated-program .ksa-advanced-filters { margin: 12px 0 0; box-shadow: none; }
 .ksa-integrated-program .ksa-resultbar { margin: 20px 0; font-size: 15px; }
 .ksa-integrated-program .ksa-course-grid { margin-inline: 0; gap: 26px; }
 .ksa-integrated-program .ksa-course-card,
 .ksa-course-preview .ksa-course-card { border-radius: 16px; box-shadow: 0 8px 28px rgba(15,45,67,.05); }
 .ksa-integrated-program .ksa-course-card h3,
 .ksa-course-preview .ksa-course-card h3 { color: #173d57; font-size: 24px; line-height: 1.25; }
 .ksa-integrated-program .ksa-course-card__body { font-size: 17px; }
 .ksa-integrated-program .ksa-course-card__footer { font-size: 15px; }
 .ksa-integrated-program .ksa-info-nav { margin-inline: 0; }
 .ksa-integrated-program .ksa-supervisor-grid { gap: 24px; }
 .ksa-supervisor-preview { padding-block: 56px; }
 .ksa-supervisor-preview > h2 { color: #173d57; }
 .ksa-supervisor-preview .ksa-supervisor-grid { gap: 24px; }
 .ksa-supervisor-preview .ksa-supervisor-card h3 { margin: 12px 0; color: #173d57; font-size: 24px; }
 .ksa-supervisor-preview > .section-link { display: inline-block; margin-top: 24px; }
 @media (max-width: 1000px) {
  .ksa-integrated-program .ksa-toolbar { grid-template-columns: 1fr 1fr; }
  .ksa-integrated-program .ksa-toolbar .ksa-search { grid-column: 1 / -1; }
 }
 @media (max-width: 640px) {
  .ksa-integrated-program .ksa-program__hero,
  .ksa-integrated-program .ksa-info-hero { flex-direction: column; align-items: stretch; gap: 24px; padding-bottom: 24px; }
  .ksa-integrated-program .ksa-program__hero > div:first-child,
  .ksa-integrated-program .ksa-info-hero > div:first-child { max-width: none; }
  .ksa-integrated-program .ksa-hero-faces { flex: auto; width: 100%; height: 180px; }
  .ksa-integrated-program .ksa-toolbar { grid-template-columns: 1fr; }
  .ksa-integrated-program .ksa-toolbar .ksa-search { grid-column: auto; }
  .ksa-integrated-program .ksa-portal-nav { flex-wrap: wrap; }
 }
}