/* Approved NextGen course banner: single image, subject palette, six career paths. */
body.programme-banner-page .programme-banner { --banner-accent:#60caff; }
body.programme-banner-page .programme-banner .course-banner { --banner-accent:inherit; background:#071a30; }
body.programme-banner-page .programme-banner .course-banner-inner { width:min(1180px,calc(100% - 76px)); padding-block:22px; }
body.programme-banner-page .programme-banner .course-banner-copy { width:55%; max-width:680px; }
body.programme-banner-page .programme-banner .banner-kicker { font-size:10px; line-height:1.4; margin:0 0 12px; }
body.programme-banner-page .programme-banner h1 { font-size:clamp(32px,3.4vw,52px); line-height:1.04; letter-spacing:-.035em; margin:0 0 12px; font-weight:800; }
body.programme-banner-page .programme-banner .banner-lead { font-size:24px; line-height:1.1; margin-bottom:6px; }
body.programme-banner-page .programme-banner .programme-long-title { font-size:clamp(30px,3vw,44px); }
body.programme-banner-page .programme-banner .programme-title-code { display:block; font-size:15px; line-height:1.4; letter-spacing:0; margin-top:6px; color:#fff; }
.programme-facts { display:grid; grid-template-columns:.8fr 1.1fr 1.3fr; gap:12px; border-top:1px solid #ffffff35; padding:10px 0 0; margin:12px 0 0; color:#fff; }
.programme-facts dt { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--banner-accent); margin:0 0 5px; }
.programme-facts dd { margin:0; font-size:12px; line-height:1.5; }
.programme-careers { border-top:1px solid #ffffff30; padding-top:10px; margin-top:14px; }
.programme-career-kicker { color:var(--banner-accent); font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin:0 0 5px; }
body.programme-banner-page .programme-banner .programme-careers h2 { font-size:17px; line-height:1.3; letter-spacing:0; margin:0 0 9px; font-weight:600; }
.programme-careers ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; padding:0; margin:0; list-style:none; }
.programme-careers li { position:relative; padding-left:12px; font-size:12px; line-height:1.4; color:#edf2ff; }
.programme-careers li::before { content:'•'; position:absolute; left:0; color:var(--banner-accent); }
body.programme-banner-page .programme-banner .banner-actions { margin-top:18px; }
body.programme-banner-page .programme-banner .course-banner,
body.programme-banner-page .programme-banner .course-banner-image,
body.programme-banner-page .programme-banner .course-banner-copy { animation:none !important; transition:none !important; transform:none !important; }
.programme-banner-details { background:#071a2f; color:#e6eef9; padding:20px 0; }
.programme-extra-facts { display:flex; flex-wrap:wrap; gap:14px 30px; margin:0; }
.programme-extra-facts dt { font-size:11px; color:#adc5dc; }
.programme-extra-facts dd { font-size:14px; margin:4px 0 0; }
.programme-banner-details .pcg-partner-card { max-width:720px; }
@media(min-width:701px) {
 body.programme-banner-page .programme-banner .course-banner::after { background:linear-gradient(90deg,rgba(8,10,35,.76),rgba(7,18,46,.67) 29%,rgba(5,24,57,.47) 46%,rgba(6,28,58,.16) 61%,transparent 83%); }
 body.programme-banner-page .programme-banner .course-banner-inner,
 body.programme-banner-page .programme-banner .course-banner { min-height:max(500px,calc(38.65vw - 114px)); }
}
@media(min-width:701px) and (max-width:980px) {
 body.programme-banner-page .programme-banner h1 { font-size:28px; }
 body.programme-banner-page .programme-banner .programme-long-title { font-size:26px; }
 body.programme-banner-page .programme-banner .banner-lead { font-size:20px; }
 .programme-facts { gap:9px; }
 .programme-facts dd { font-size:11px; }
 .programme-careers li { font-size:11px; }
}
@media(max-width:700px) {
 body.programme-banner-page .programme-banner .course-banner-inner { width:100%; padding:28px 20px; }
 body.programme-banner-page .programme-banner .course-banner-copy { width:100%; max-width:none; }
 body.programme-banner-page .programme-banner h1 { font-size:38px; line-height:1.06; }
 body.programme-banner-page .programme-banner .programme-long-title { font-size:33px; }
 body.programme-banner-page .programme-banner .banner-lead { font-size:22px; }
 .programme-facts { gap:10px; }
}