/* ACQP Short Courses: professional masthead, v1.6.3.
   Scoped to the masthead so the course catalogue and footer keep their styling. */
.shorts-topbar{background:#0b243b;color:#c7d8e6;border-bottom:1px solid #ffffff14}
.shorts-topbar .container{min-height:38px;gap:24px}
.shorts-topbar .association-name{font-size:11px;letter-spacing:.035em;font-weight:600;line-height:1.5}
.shorts-topbar .header-support{display:flex;align-items:center;gap:23px;flex-shrink:0}
.shorts-topbar a{font-size:11px;color:#dce7ef;min-height:38px;display:inline-flex;align-items:center;gap:9px}
.shorts-topbar .header-phone{padding-right:23px;border-right:1px solid #ffffff20;min-height:18px;letter-spacing:.04em}
.shorts-topbar a:hover{color:#e8f54a}
.shorts-header{background:linear-gradient(110deg,#102f4d 10%,#163c5e 100%);color:#fff;border-bottom:3px solid #e8f54a;box-shadow:0 4px 18px #0b243b0d;position:relative;z-index:2}
.shorts-header .nav-wrap{min-height:116px;gap:28px}
.shorts-header .header-identity{display:flex;align-items:center;gap:25px;min-width:0}
.shorts-header .brand{color:#fff;gap:14px}
.shorts-header .brand img{width:64px;height:64px;background:#fff;padding:0;border:1px solid #fff;border-radius:0;box-shadow:0 3px 12px #00000016}
.shorts-header .brand>span{font-size:30px;letter-spacing:.045em;line-height:1.05}
.shorts-header .brand small{color:#d6e4ef;font-size:9px;letter-spacing:.14em;margin-top:9px;white-space:nowrap}
.shorts-header .header-course-title{border-left:1px solid #ffffff30;padding-left:25px;line-height:1.25}
.shorts-header .header-course-title strong{font-size:19px;font-weight:700;letter-spacing:-.015em;display:block;color:#fff}
.shorts-header .header-course-title>span{display:block;color:#c7d8e6;font-size:11px;margin-top:9px;white-space:nowrap}
.shorts-header .header-course-title>span>span{color:#e8f54a;padding:0 4px}
.shorts-header nav{gap:25px;flex-shrink:0}
.shorts-header nav a{display:inline-flex;align-items:center;min-height:46px;font-size:13px;color:#e5edf4;white-space:nowrap;transition:color .18s,background .18s}
.shorts-header nav a:hover{color:#e8f54a;text-decoration:underline;text-underline-offset:7px}
.shorts-header nav .nav-button{background:#e8f54a;border:1px solid #e8f54a;color:#102f4d;padding:12px 18px;border-radius:6px;font-weight:750;text-decoration:none;box-shadow:0 3px 10px #00000012}
.shorts-header nav .nav-button:hover{background:#f3ff73;border-color:#f3ff73;color:#102f4d}
.shorts-header nav .nav-button span{margin-left:14px;font-size:16px}
.shorts-header .menu-toggle{border:1px solid #ffffff50;border-radius:6px;background:#ffffff0a;color:#fff;min-height:44px;padding:10px 13px;align-items:center;gap:10px}
.shorts-header .menu-toggle:hover{background:#ffffff16}
.shorts-header .menu-toggle[hidden]{display:none}
.shorts-header .menu-icon{display:inline-block;width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.shorts-header .menu-icon::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
.shorts-topbar a:focus-visible,.shorts-header a:focus-visible,.shorts-header button:focus-visible{outline:3px solid #e8f54a;outline-offset:5px}
.shorts-header nav .nav-button:focus-visible{outline-color:#fff}
@media(max-width:1180px) and (min-width:901px){
  .shorts-header .nav-wrap{gap:20px;min-height:108px}
  .shorts-header .header-identity{gap:18px}
  .shorts-header .brand{gap:11px}
  .shorts-header .brand img{width:56px;height:56px}
  .shorts-header .brand>span{font-size:26px}
  .shorts-header .brand small{font-size:8px;letter-spacing:.11em}
  .shorts-header .header-course-title{padding-left:18px}
  .shorts-header .header-course-title strong{font-size:17px}
  .shorts-header .header-course-title>span{font-size:10px}
  .shorts-header nav{gap:17px}
  .shorts-header nav a{font-size:12px}
  .shorts-header nav .nav-button{padding:11px 13px}
  .shorts-header nav .nav-button span{margin-left:9px}
}
@media(max-width:900px){
  .shorts-header .nav-wrap{min-height:112px;flex-wrap:wrap;gap:0;padding-top:22px;padding-bottom:22px}
  .shorts-header .header-identity{gap:24px;flex:1}
  .shorts-header .menu-toggle:not([hidden]){display:inline-flex;margin-left:20px}
  .shorts-header nav{display:flex;width:100%;padding:20px 0 0;margin-top:20px;border-top:1px solid #ffffff26;gap:0;flex-direction:column;align-items:stretch}
  .shorts-header.has-menu-toggle nav:not(.is-open){display:none}
  .shorts-header nav a{border:0;border-radius:4px;padding:12px 14px;font-size:14px;min-height:48px}
  .shorts-header nav a:hover{background:#ffffff0a}
  .shorts-header nav .nav-button{border:1px solid #e8f54a;margin-top:10px;justify-content:space-between;padding:12px 14px}
  .shorts-header nav .nav-button:hover{background:#f3ff73}
}
@media(max-width:640px){
  .shorts-topbar .container{padding-block:10px;min-height:0;gap:10px;align-items:center}
  .shorts-topbar .association-name{max-width:225px;font-size:10px;line-height:1.45;letter-spacing:.015em}
  .shorts-topbar .header-support{gap:0}
  .shorts-topbar .header-phone{display:none}
  .shorts-topbar a{font-size:10px;min-height:32px;gap:5px}
  .shorts-header .nav-wrap{padding-top:22px;padding-bottom:18px;align-items:flex-start;position:relative}
  .shorts-header .header-identity{display:block;flex-basis:100%;padding-right:100px}
  .shorts-header .brand{gap:12px}
  .shorts-header .brand img{width:53px;height:53px;padding:0;border-radius:0}
  .shorts-header .brand>span{font-size:27px}
  .shorts-header .brand small{font-size:8px;margin-top:8px;letter-spacing:.12em}
  .shorts-header .header-course-title{padding-left:0;border-left:0;margin-top:18px;width:max-content;max-width:calc(100vw - 36px)}
  .shorts-header .header-course-title strong{font-size:18px;line-height:1.4}
  .shorts-header .header-course-title strong br{display:none}
  .shorts-header .header-course-title>span{font-size:11px;margin-top:4px}
  .shorts-header .menu-toggle:not([hidden]){position:absolute;right:0;top:26px;margin:0;font-size:12px;padding:10px 12px}
  .shorts-header nav{margin-top:18px;padding-top:10px}
}
@media(prefers-reduced-motion:reduce){.shorts-header nav a{transition:none}}