/* 14 Oct 2026: five service-led menus (Course Development, CPD Certification, Qualifications Accreditation, Resources, About). Full menu from 1280px wide. */
/* Grouped top navigation (dropdowns on desktop, accordion in the mobile panel) */
.nd{position:relative}
.nd-btn{font-family:inherit;font-weight:600;font-size:14px;color:var(--navy);background:none;border:0;padding:8px 2px;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.nd-btn:hover{color:var(--blue)}
.nd-btn:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.nd.open .nd-btn:after{transform:rotate(-135deg) translateY(-1px)}
.nd-menu{display:none}
.nd-menu a{display:block}
@media(min-width:1280px){
  header.site .wrap.nav{max-width:1280px}
  .navtoggle{display:none!important}
  .navlinks{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-height:none!important;overflow:visible!important}
  .navlinks > a{padding:8px 2px!important;font-size:14px!important;border:0!important}
  .nd-menu{position:absolute;top:calc(100% + 10px);left:-14px;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(15,46,82,.16);padding:8px;z-index:60}
  .nd-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  .nd:hover .nd-menu,.nd.open .nd-menu,.nd:focus-within .nd-menu{display:block}
  .nd-menu a{padding:10px 12px!important;border-radius:8px;font-size:14px!important;font-weight:600;color:var(--navy);border:0!important;white-space:nowrap}
  .nd-menu a:hover{background:var(--cool);text-decoration:none}
  .nd-menu a.nd-all{color:var(--gold-muted);border-top:1px solid var(--line)!important;border-radius:0 0 8px 8px;margin-top:4px}
}
@media(max-width:1279px){
  .nd{border-bottom:1px solid var(--cool)}
  .nd-btn{width:100%;justify-content:space-between;padding:14px 22px;font-size:16px}
  .nd.open .nd-menu{display:block;background:var(--cool);padding:4px 0}
  .navlinks .nd-menu a{padding:11px 34px;font-size:15px;border-bottom:0}
}

/* Premium polish, 16 Oct 2026: hero pills on phones are hidden (they repeat the page content and crowd the hero). */
@media (max-width:640px){.hero .pills{display:none}}
/* Tick and cross lists used on content pages. */
.ticks,.crosses{list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}
.ticks li,.crosses li{position:relative;padding:14px 18px 14px 52px;background:#fff;border:1px solid #d6e4f5;border-radius:12px;line-height:1.55}
.ticks li::before,.crosses li::before{content:"";position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:50%}
.ticks li::before{background:#e7f1fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%231B5FAF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.crosses li::before{background:#fdeee3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23A34F09' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
ol.steps-list{list-style:none;counter-reset:st;padding:0;margin:18px 0;display:grid;gap:12px}
ol.steps-list li{counter-increment:st;position:relative;padding:16px 18px 16px 62px;background:#fff;border:1px solid #d6e4f5;border-left:4px solid #F5832A;border-radius:12px;line-height:1.55}
ol.steps-list li::before{content:counter(st);position:absolute;left:18px;top:14px;width:30px;height:30px;border-radius:50%;background:#1B5FAF;color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
ol.steps-list li strong,.ticks li strong,.crosses li strong{color:#1B5FAF}
/* 22 Oct 2026: Portfolio as its own top-level link */
.navlinks > a.nav-pf{display:flex;align-items:center;gap:7px;color:var(--navy);font-weight:600;white-space:nowrap}
.navlinks > a.nav-pf:after{content:"Try it";font-size:10.5px;font-weight:800;letter-spacing:.04em;background:var(--gold);color:#3A1D00;border-radius:6px;padding:2px 6px;line-height:1.3}
.navlinks > a.nav-pf[aria-current="page"]{color:var(--navy-deep);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px;text-underline-offset:7px}
@media(max-width:1279px){.navlinks > a.nav-pf{padding:14px 22px;font-size:16px;border-bottom:1px solid var(--cool)}}
@media(min-width:1280px) and (max-width:1439px){.navlinks{gap:11px!important}.nd-btn,.navlinks > a{font-size:13.5px!important}.navlinks > a.nav-pf:after{display:none}header.site .wrap.nav{gap:14px}}