/* Shared FAQ treatment for Bootstrap accordions and the homepage disclosures. */
body.redesign main :is(.accordion,.home-faq-list){--faq-line:#dce6ee;--faq-text:#244765;min-width:0}
body.redesign main :is(.accordion-item,.home-faq-list details){background:transparent;border:0;border-bottom:1px solid var(--faq-line);border-radius:0;margin:0}
body.redesign main :is(.accordion-item,.home-faq-list details):first-child{border-top:1px solid var(--faq-line)}
body.redesign main .accordion-header{margin:0;font:600 16px/1.65 var(--font-body);letter-spacing:0}
body.redesign main :is(.accordion-button,.home-faq-list summary){display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:72px;margin:0;padding:24px 0;color:var(--pgs-blue)!important;background:transparent!important;border:0;border-radius:0;box-shadow:none;font:600 16px/1.65 var(--font-body);letter-spacing:0;text-align:left;white-space:normal}
body.redesign main :is(.accordion-button,.home-faq-list summary)::after{content:'+';position:static;flex:0 0 24px;width:24px;height:24px;margin:0;background:none;transform:none;font:400 24px/24px var(--font-body);text-align:center;color:var(--pgs-blue)}
body.redesign main :is(.accordion-button[aria-expanded="true"],.home-faq-list details[open] summary)::after{content:'−'}
body.redesign main :is(.accordion-body,.home-faq-list details>div){padding:0 48px 24px 0;color:var(--faq-text);font:400 16px/1.85 var(--font-body)}
body.redesign main .accordion-body p:last-child{margin-bottom:0}
body.redesign main :is(.accordion-button,.home-faq-list summary):focus-visible{outline:3px solid var(--pgs-focus);outline-offset:4px;box-shadow:none}
/* Align the same title, metadata and actions on all programme headers. */
body.redesign .course-banner{padding:0 0 56px}
body.redesign .course-banner>.row{margin:0}
body.redesign .course-banner>.container-xxl{max-width:1280px;margin:40px auto 0;padding:0 40px}
body.redesign .course-banner>.container-xxl>.row{margin:0;justify-content:flex-start!important}
body.redesign .course-banner>.container-xxl>.row>div{width:100%;padding:0}
body.redesign main .course-banner h1{max-width:1040px;margin:0 0 24px;font-size:clamp(34px,4.3vw,60px);line-height:1.12;text-align:left;text-wrap:balance}
body.redesign .course-banner h1~.row{margin:0;justify-content:flex-start!important;gap:16px 28px}
body.redesign .course-banner h1~.row>.col-auto{padding:0;min-width:0}
body.redesign .course-banner h1+.row{margin-bottom:28px}
body.redesign .course-banner h1+.row p{display:flex;align-items:center;gap:10px;margin:0!important;line-height:1.5}
body.redesign .course-banner h1+.row svg{display:block;flex:0 0 24px;width:24px;height:24px}
body.redesign .course-banner :is(.pgs-btn-med,.pgs-btn-big){margin:0;min-height:50px}
@media(max-width:767px){body.redesign .course-banner{padding-bottom:36px}body.redesign .course-banner>.container-xxl{margin-top:28px;padding-inline:22px}body.redesign .course-banner h1~.row{gap:16px 20px}body.redesign .course-banner h1+.row{margin-bottom:24px}body.redesign main :is(.accordion-body,.home-faq-list details>div){padding-right:0}body.redesign main :is(.accordion-button,.home-faq-list summary){gap:16px}}

body.redesign main .accordion{scroll-margin-top:80px}
/* One shared navigation layout for every course, including shorter tab lists. */
body.redesign main .bg-course-tab{max-width:100%;min-width:0;padding:0!important;border:0!important;background:var(--pgs-blue,#003c86)}
body.redesign main .course-tabs{display:flex;align-items:stretch;max-width:100%;gap:0;margin:0;padding:0;overflow-x:auto;white-space:nowrap;list-style:none;overscroll-behavior-x:contain}
body.redesign main .course-tabs li{display:flex;position:relative;float:none;flex:1 0 auto;margin:0;padding:0!important;border:0;line-height:1.5}
body.redesign main .course-tabs li+li::before{content:"";position:absolute;left:0;top:50%;width:1px;height:24px;background:#ffffff40;transform:translateY(-50%)}
body.redesign main .course-tabs li a{display:flex;align-items:center;justify-content:center;min-height:64px;width:100%;padding:16px 28px;color:#fff;font:500 16px/1.5 var(--font-body);text-align:center;text-decoration:none;box-sizing:border-box}
body.redesign main .course-tabs li.active a{color:#fff;font-weight:700;box-shadow:inset 0 -3px 0 var(--pgs-cyan,#229dfb)}
body.redesign main .course-tabs li a:hover{background:#ffffff14;text-decoration:none}
body.redesign main .course-tabs li a:focus-visible{outline:2px solid #fff;outline-offset:-5px}
@media(max-width:767px){body.redesign main .course-tabs li a{min-height:56px;padding:14px 20px;font-size:14px}}
body.redesign main>.courseSection{display:block;max-width:1280px;margin:64px auto;padding-inline:40px}
body.redesign main>.courseSection>.row{margin-inline:0}
@media(max-width:767px){body.redesign main>.courseSection{padding-inline:22px;margin-block:40px}}

body.redesign main .row.sticky-top{top:100px;z-index:20}
@media(max-width:991px){body.redesign main .row.sticky-top{top:85px}}