@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700 800;font-display:swap;src:url('../fonts/montserrat-latin.woff2') format('woff2')}
/* Additions to the design team's stylesheet (design-team.css is unchanged). Uses their tokens. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Audience bar */
.audience-bar{background:#fff;border-bottom:1px solid var(--line)}
.audience-inner{display:flex;align-items:center;gap:14px;min-height:44px}
.audience-label{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.audience-bar ul{display:flex;gap:4px 20px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.audience-bar a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--blue-700);white-space:nowrap}
.audience-bar a:hover{text-decoration:underline}
.audience-bar a[aria-current]{color:var(--navy);box-shadow:inset 0 -2px 0 var(--green)}

/* Search in the header on every page */
.header-inner{flex-wrap:wrap;row-gap:0}
.header-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px 0 12px;background:#fff;color:var(--muted);min-height:44px;flex:0 1 270px}
.header-search:focus-within{outline:4px solid var(--blue);outline-offset:2px}
.header-search input{border:0;outline:0;background:none;min-width:0;width:100%;height:42px;font-size:14px;color:var(--navy)}
.header-search input::placeholder{color:var(--muted)}
.header-search-go{border:0;background:var(--blue-700);color:#fff;font-size:13px;font-weight:700;border-radius:6px;padding:0 12px;height:36px}
.header-search-go:hover{background:var(--navy)}
@media (max-width:1180px){.header-search{order:5;flex:1 0 100%;margin-bottom:10px}}

/* Subjects menu */
.nav-subjects{position:relative;display:inline-flex}
.nav-subjects-toggle{display:inline-flex;align-items:center;gap:4px;min-height:44px;background:none;border:0;padding:0;font-size:14px;font-weight:700;color:var(--navy)}
.nav-subjects-toggle:hover{color:var(--blue-700)}
.subjects-panel{position:absolute;top:100%;left:-16px;width:min(620px,86vw);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:18px 20px;z-index:120}
.subjects-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;margin:8px 0 0;padding:0}
.desktop-nav .subjects-panel a{display:flex;justify-content:space-between;gap:10px;padding-block:9px;min-height:40px;font-weight:600}
.desktop-nav .subjects-panel a:after{display:none}
.subjects-panel small{color:var(--muted);font-weight:500}
.mobile-subjects summary{cursor:pointer;list-style:none}
.mobile-subjects summary::-webkit-details-marker{display:none}
.mobile-subjects ul{list-style:none;margin:0;padding:0 0 8px 12px}
.mobile-subjects a{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:600;color:var(--navy)}
.mobile-subjects small{color:var(--muted)}
.mobile-nav-dropdown{max-height:calc(100vh - 120px);overflow-y:auto}

/* Fixes from the accessibility review */
.closing-cta .eyebrow-light{color:#fff}
.custom-select-option.is-active{outline:2px solid var(--blue);outline-offset:-2px}
.color-swatch .swatch-block span{background:#fff;color:var(--navy);padding:2px 6px;border-radius:4px}

@media (max-width:640px){
  .hero-kicker-row{flex-wrap:wrap;gap:6px 16px;align-items:flex-start}
  .hero-kicker-row .eyebrow{flex:1 0 100%}
  .home-hero h1,.hero-copy h1{overflow-wrap:anywhere}
  .cms-shell{min-width:0;max-width:100%}
  .cms-main,.cms-sidebar,.cms-page{min-width:0;max-width:100%}
  .cms-nav{flex-wrap:wrap}
  .cms-main table,.cms-table{display:block;overflow-x:auto}
}
.field-hint{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.payment-progress:focus-visible{outline:4px solid var(--blue);outline-offset:-4px}

/* Video area */
.video-section{padding-block:clamp(36px,6vw,72px)}
.video-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.video-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--navy);aspect-ratio:16/9}
.video-frame video{width:100%;height:100%;display:block;object-fit:cover}
.video-note{font-size:13px;color:var(--muted);margin:8px 0 0}
.video-transcript{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;background:#fff}
.video-transcript summary{cursor:pointer;font-weight:700;color:var(--navy);min-height:28px}
@media (max-width:820px){.video-layout{grid-template-columns:1fr}}

/* Course page */
.skills-block{margin:0 0 28px}
.skills-block h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 12px}
.skill-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.skill-chips li{background:var(--green-50);color:var(--navy);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}
.rich-text p{margin:0 0 12px}.rich-text ul{padding-left:1.25rem;margin:8px 0 12px;line-height:1.6}.rich-text li{margin-bottom:6px}.rich-text a{color:var(--blue-700);text-decoration:underline}
.detail-copy-section .rich-text p:last-child{margin-bottom:0}
.field-tag{display:none;font:600 12px/1.4 ui-monospace,Menlo,monospace;background:var(--navy);color:#fff;padding:2px 7px;border-radius:5px;margin-left:8px;white-space:nowrap}
.show-mapping .field-tag{display:inline-block}
.mapping-panel{margin:0 0 24px;padding:18px 20px;background:var(--blue-50);border:1px solid var(--line);border-radius:var(--radius)}
.mapping-panel h2{font-size:18px;margin:0 0 8px}
.mapping-panel code{font:600 13px ui-monospace,Menlo,monospace}
.mapping-toggle{margin:0 0 20px}
.illustrative-note{display:block;font-size:12px;font-weight:500;color:var(--muted)}

/* Labels and notes */
.tag-sample{background:#fff;border:1px dashed var(--muted);color:var(--body)}
.tag-past{background:var(--surface);border:1px solid var(--line);color:var(--body)}
.status-note{display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;margin:0 0 16px}
.presentation-row .presentation-times{display:block}
.presentation-times span{display:block}
.presentation-times b{font-weight:700;color:var(--navy)}
.form-error[hidden]{display:none}
.select-field-error{margin-top:6px}
.small-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.audience-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 0 40px}
.audience-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.audience-card:hover{border-color:var(--blue)}
.audience-card strong{display:block;font-family:var(--font-heading);color:var(--navy);font-size:17px;margin-bottom:4px}
.audience-card span{display:block;color:var(--body);font-size:15px}
.page-section-heading{font-size:clamp(22px,3vw,30px);margin:0 0 16px}
@media print{.audience-bar,.notice-bar,.site-header,.site-footer,.payment-progress,.payment-review-actions{display:none!important}}
.consent-check input[type=checkbox]{width:24px;height:24px;min-width:24px}
@media (max-width:760px){.closing-cta-mark{display:none}}
/* Reflow at 320px: long words and emails must wrap, grid children must be able to shrink */
.footer-main>*,.event-detail-layout>*,.results-layout>*,.course-detail-layout>*,.course-detail-hero>*,.payment-step-layout>*,.enquiry-layout>*,.registration-layout>*{min-width:0}
.footer-column a,.visit-info-block a,.rich-text,.rich-text a,.payment-confirmation-card strong,.handoff-summary span,.presentation-row strong{overflow-wrap:anywhere}
.footer-column a{flex-wrap:wrap}
.section-heading,.featured-heading{flex-wrap:wrap;gap:16px}
.button{max-width:100%}
@media (max-width:420px){.button{white-space:normal;text-align:center}.featured-heading .button{width:100%}}
@media (min-width:1101px){.course-search-form{grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(130px,.9fr)) auto}}
/* On small screens the header scrolls away, so it can't cover focused content or fill the screen. */
@media (max-width:760px){.site-header{position:relative}}
.course-detail-facts{min-width:0}
@media (max-width:480px){.course-detail-facts{display:grid!important;grid-template-columns:1fr 1fr}.course-detail-facts>div{min-width:0;border-left:0!important;padding-left:0!important}.course-detail-facts strong{overflow-wrap:anywhere}}

/* Working CMS demo */
.cms-message{min-height:1.4em;margin:0 0 4px;font-size:14px;color:var(--navy)}
.cms-message a{margin-left:6px}
.cms-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.cms-two{grid-template-columns:1fr}}
.cms-radios{border:0;padding:0;margin:0}
.cms-radios legend{font-weight:600;margin-bottom:8px;padding:0}
.cms-radios label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.cms-radios input{width:22px;height:22px}
.cms-reset{margin:12px 16px;padding:8px 12px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);color:var(--navy);font-size:13px;font-weight:600}
.cms-reset:hover{border-color:var(--blue)}
.sr-only-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.cms-upload-button:focus-within{outline:4px solid var(--blue);outline-offset:2px}
.cms-upload-button{cursor:pointer}
.cms-upload-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:0 0 20px;max-width:560px}
.cms-upload-form h3{margin:0 0 10px}
.cms-upload-thumb{max-width:220px;border-radius:var(--radius-sm);margin:0 0 12px}
.media-item .small-actions{margin-top:10px}
.cms-modal-overlay{position:fixed;inset:0;background:rgba(11,37,69,.62);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}
.cms-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-float);width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px}
.cms-modal.is-wide{width:min(980px,100%)}
.cms-modal h2{margin:0 0 12px;font-size:clamp(22px,3vw,28px)}
.cms-modal h2:focus{outline:none}
.cms-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}
.cms-devices{display:flex;gap:8px;margin:0 0 14px}
.cms-devices [aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.cms-preview-frame{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;overflow:auto}
.cms-hero-preview{margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;gap:18px;align-items:center}
.cms-hero-preview.is-mobile{width:340px;max-width:100%}
.cms-hero-preview.is-tablet{width:640px;max-width:100%}
.cms-hero-preview.is-desktop{width:100%;grid-template-columns:1.1fr 1fr}
.cms-hero-preview.is-desktop h3,.cms-hero-preview.is-tablet h3{font-size:34px}
.cms-hero-preview h3{font-family:var(--font-heading);font-size:26px;line-height:1.1;margin:6px 0 10px;color:var(--navy);overflow-wrap:anywhere}
.cms-hero-preview p{margin:0 0 12px;overflow-wrap:anywhere}
.cms-hero-preview .button{pointer-events:none}
.cms-hero-media{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3}
.cms-hero-media img{width:100%;height:100%;object-fit:cover}
.cms-hero-badge{position:absolute;left:10px;top:10px;background:var(--navy);color:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.cms-event-preview:focus-visible{outline:4px solid var(--blue);outline-offset:2px}
.cms-event-preview p{display:flex;align-items:center;gap:8px}
.cms-nav button{min-height:44px}
@media (min-width:641px) and (max-width:1100px){
  .course-search-form{grid-template-columns:repeat(3,minmax(0,1fr))!important;flex-direction:row!important;display:grid!important}
  .course-search-form .search-keyword-field{grid-column:1/-1}
  .course-search-form .search-submit{grid-column:1/-1}
  .course-search-form .search-field{width:auto!important}
}
/* A header that wraps to two rows must not stay stuck over the content (focused items would be hidden behind it). */
@media (max-width:1180px){.site-header{position:relative}}
html{scroll-padding-top:104px}
@media (max-width:1180px){html{scroll-padding-top:16px}}