/* Local preview: a quieter, product-style programme catalogue. */
.sx-finder { background: #f7f8fa; }
.sx-finder .sx-heading { max-width: 780px; margin-bottom: 38px; }
.sx-finder .sx-heading h2 { font-size: clamp(34px,4vw,48px); font-weight: 650; letter-spacing: -.035em; color: #172b3f; }
.sx-finder .sx-heading > p:last-child { color: #617080; font-size: 18px; }
.sx-finder .sx-heading > .sx-kicker { display: none; }
.sx-finder .sx-filters { padding: 0 0 28px; border: 0; border-bottom: 1px solid #dce2e7; background: transparent; gap: 20px; }
.sx-finder .sx-filters label { color: #4a5c6d; font-weight: 500; font-size: 13px; gap: 9px; }
.sx-finder .sx-filters select { border: 1px solid #d0dae3; border-radius: 9px; background-color: #fff; color: #253d52; font-weight: 400; padding-left: 15px; }
.sx-finder .sx-reset { border-color: transparent; background: transparent; color: #216493; font-size: 14px; font-weight: 500; }
.sx-finder .sx-reset:hover { text-decoration: underline; background: transparent; }
.sx-finder .sx-results { margin: 26px 0; color: #617080; }
.sx-finder .sx-course-grid { gap: 26px; }
.sx-finder .sx-course-card { padding: 28px; border: 2px solid #365c78; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 3px 12px rgba(23,43,63,.025); transition: border-color .16s ease,box-shadow .16s ease; }
.sx-finder .sx-course-card:hover, .sx-finder .sx-course-card:focus-within { border-color: #163e5d; box-shadow: 0 8px 24px rgba(23,43,63,.07); }
.sx-finder .sx-course-thumbnail { margin: -28px -28px 25px; aspect-ratio: 16 / 9; border-radius: 0; background: #f4f8fc; }
.sx-finder .sx-course-card .sx-kicker { color: #566d80; font-size: 11px; font-weight: 600; letter-spacing: .09em; margin-bottom: 12px; }
.sx-finder .sx-course-card h3 { color: #172b3f; font-size: 21px; font-weight: 600; letter-spacing: -.025em; line-height: 1.4; margin-bottom: 28px; }
.sx-finder .sx-course-card h3 a:hover { text-decoration: none; color: #216493; }
.sx-finder .sx-course-card dl { gap: 12px; }
.sx-finder .sx-course-card dt { color: #6c7b88; font-weight: 400; font-size: 12px; }
.sx-finder .sx-course-card dd { color: #344b60; font-size: 14px; }
.sx-finder .sx-card-link { color: #216493; font-weight: 600; font-size: 14px; border-top-color: #edf0f3; margin-top: 24px; padding-top: 20px; }
.sx-finder .sx-more { border-radius: 24px; color: #216493; border-color: #c4d4e1; font-size: 14px; padding-inline: 24px; }
@media (max-width: 800px) { .sx-finder .sx-course-grid { gap: 20px; } }
@media (max-width: 600px) {
  .sx-finder .sx-heading > p:last-child { font-size: 16px; }
  .sx-finder .sx-filters { gap: 16px; }
  .sx-finder .sx-course-card { padding: 24px; }
  .sx-finder .sx-course-thumbnail { margin: -24px -24px 22px; }
  .sx-finder .sx-course-card h3 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) { .sx-finder .sx-course-card { transition: none; } }

/* Photo-led career cards: explicit framing and course-specific role information. */
.sx-finder .sx-course-card h3 { margin-bottom: 20px; }
.sx-finder .sx-course-thumbnail { border-bottom: 2px solid #c5a462; }
.sx-finder .sx-course-thumbnail img { object-fit: cover; }
.sx-finder .sx-career-block { margin: auto 0 22px; padding: 14px 16px; min-height: 124px; border-left: 3px solid #b89a58; background: #f1f5f8; }
.sx-finder .sx-career-block > p { margin: 0 0 10px; color: #567084; font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; line-height: 1.5; }
.sx-finder .sx-career-block ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sx-finder .sx-career-block li { color: #183d59; font-size: 14px; font-weight: 600; line-height: 1.5; margin: 0; }
.sx-finder .sx-course-card dl { margin-top: 0; }
.sx-finder .sx-career-note { font-size: 13px; color: #5c7081; margin: -8px 0 24px; max-width: 850px; line-height: 1.6; }

/* Match the degree journey to the programme cards while retaining progression arrows. */
.sx-pathway-grid > li { border: 2px solid #365c78; border-radius: 12px; padding: 28px; box-shadow: 0 3px 12px rgba(23,43,63,.025); }
.sx-pathway-thumbnail { margin: -28px -28px 25px; aspect-ratio: 16 / 9; border-bottom: 2px solid #c5a462; border-radius: 10px 10px 0 0; overflow: hidden; background: #f4f8fc; }
.sx-pathway-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sx-pathway-grid h3 { font-size: 27px; line-height: 1.35; }
.sx-pathway-grid > li > p { min-height: 3.4em; }
.sx-pathway-careers { margin: 0 0 24px; padding: 14px 16px; min-height: 124px; border-left: 3px solid #b89a58; background: #f1f5f8; }
.sx-pathway-careers > p { margin: 0 0 10px; color: #567084; font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; line-height: 1.5; }
.sx-pathway-careers ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sx-pathway-careers li { color: #183d59; font-size: 14px; font-weight: 600; line-height: 1.5; margin: 0; }
.sx-pathway-grid dl { margin-top: 0; flex: 1; grid-template-rows: auto 1fr; }
.sx-pathway-grid > li > a { border-top: 1px solid #edf0f3; padding-top: 20px; color: #216493; }
@media (max-width: 980px) {
  .sx-pathway-grid > li { padding: 20px; }
  .sx-pathway-thumbnail { margin: -20px -20px 22px; }
}
@media (max-width: 600px) {
  .sx-pathway-grid > li > p { min-height: 0; }
}