/* The catalogue is a directory plus a detail panel, occupying the full row. */
#courses{display:block!important;width:100%!important;min-width:0!important}
#courses .catalogue-layout{display:grid!important;grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important;width:100%!important;gap:24px!important;align-items:start!important}
#courses .catalogue-layout>div,#courses .selected-course-panel{min-width:0!important}
#courses .course-directory{max-height:72vh!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;scrollbar-color:#8e938d #17231c}
#courses .course-title-button{display:block!important;width:100%!important;background:transparent!important;color:#f5f0e6!important;border:1px solid transparent!important;border-left:4px solid transparent!important;border-radius:8px!important;margin:3px 0!important;padding:11px 10px!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;font-weight:400!important}
#courses .course-title-button:hover{background:#1c3022!important;border-color:#536057!important}
#courses .course-title-button.active,#courses .course-title-button[aria-pressed=true]{background:#263524!important;color:#f0cf82!important;border-color:#d6aa48!important;font-weight:800!important}
#courses .selected-course-panel{width:100%!important;position:sticky!important;top:16px!important}
#courses .selected-course-panel>.card{width:100%!important;max-width:none!important;margin:0!important;padding:24px!important}
#courses .selected-course-panel h3{font-size:clamp(1.35rem,2.4vw,1.8rem)!important;overflow-wrap:anywhere!important}
#courses .level-tab{background:#16231b!important;color:#f5f0e6!important;border:1px solid #536057!important;white-space:normal!important;box-shadow:none!important;min-height:40px!important}
#courses .level-tab:hover{background:#253b2b!important;border-color:#d6aa48!important}
#courses .level-tab.active,#courses .level-tab[aria-pressed=true]{background:#d6aa48!important;color:#07110d!important;border-color:#d6aa48!important}
#courses .programme-price{margin:8px 0!important;font-weight:700!important;color:#f0cf82!important}
#courses .course-details-trigger{margin:10px 0 0!important;padding-top:0!important}
#courses .btn.detail{background:#101b15!important;color:#f0cf82!important;border:1px solid #d6aa48!important;min-height:42px!important}
#courses .details{scroll-margin-top:18px;overflow-wrap:anywhere}
#courses .course-actions{gap:10px!important}
#courses .course-actions .btn{white-space:normal!important;text-align:center!important}
#main-content .currency-switch button{background:transparent!important;color:#f5f0e6!important;border:1px solid transparent!important;box-shadow:none!important}
#main-content .currency-switch button.active{background:#d6aa48!important;color:#07110d!important;border-color:#d6aa48!important}
#main-content .toolbar{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important}
#main-content .toolbar .search{min-width:0!important;margin:0!important}
@media(max-width:860px){#courses .catalogue-layout{grid-template-columns:1fr!important;gap:18px!important}#courses .course-directory{max-height:360px!important}#courses .selected-course-panel{position:static!important}#courses .selected-course-panel>.card{padding:20px!important}}
@media(max-width:620px){#main-content .toolbar{grid-template-columns:1fr auto!important}#main-content .toolbar .search{grid-column:1/-1!important}#main-content .toolbar .count{min-width:0!important}#courses .level-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}#courses .level-tab{padding:8px 4px!important;font-size:.73rem!important}}