/* Shared navigation, based on the established Skills Training Group blog header. */
#mhfa-site-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid #dce6eb;color:#163c50;font:500 16px/1.5 Inter,Arial,sans-serif;text-align:left;letter-spacing:normal;box-sizing:border-box}
#mhfa-site-header *{box-sizing:border-box}
#mhfa-site-header .mhfa-header-inner{max-width:1280px;min-height:88px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}
#mhfa-site-header .mhfa-header-brand{display:block;flex:0 0 auto;text-decoration:none;padding:0;line-height:1}
#mhfa-site-header .mhfa-header-brand img{display:block;width:130px;height:auto;max-width:100%;margin:0}
#mhfa-site-header a{color:#163c50;text-decoration:none;letter-spacing:normal;text-transform:none}
#mhfa-site-header a:hover{color:#116e75;text-decoration:underline;text-underline-offset:4px}
#mhfa-site-header :is(a,button,summary):focus-visible{outline:3px solid #c58c2d;outline-offset:4px}
#mhfa-site-header .mhfa-header-nav{display:flex;align-items:center;gap:28px;margin:0;padding:0;font-size:16px;line-height:1.5;font-weight:600}
#mhfa-site-header .mhfa-header-nav>a:not(.mhfa-header-cta){white-space:nowrap;min-height:44px;display:flex;align-items:center}
#mhfa-site-header .mhfa-header-cta{background:#07863a;color:#fff;border-radius:100px;padding:12px 30px;min-height:48px;font-size:16px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600}
#mhfa-site-header .mhfa-header-cta:hover{background:#066c31;color:#fff;text-decoration:none}
#mhfa-site-header .mhfa-header-contacts{display:flex;flex-direction:column;gap:3px;padding-left:24px;border-left:1px solid #dce6eb;font-size:14px;line-height:1.5;font-weight:400;white-space:nowrap}
#mhfa-site-header .mhfa-header-contacts a:first-child{font-weight:700}
#mhfa-site-header .mhfa-header-courses{position:relative}
#mhfa-site-header .mhfa-header-courses summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:normal;text-transform:none}
#mhfa-site-header .mhfa-header-courses summary::-webkit-details-marker{display:none}
#mhfa-site-header .mhfa-header-courses summary::after{content:"";width:7px;height:7px;border-right:2px solid #4caebe;border-bottom:2px solid #4caebe;transform:translateY(-2px) rotate(45deg);flex:none}
#mhfa-site-header .mhfa-header-courses[open] summary::after{transform:translateY(2px) rotate(225deg)}
#mhfa-site-header .mhfa-header-course-links{position:absolute;top:calc(100% + 10px);left:-18px;width:390px;max-width:calc(100vw - 40px);padding:10px;background:#fff;border:1px solid #d2e0e7;border-radius:5px;box-shadow:0 10px 28px #123b501a;max-height:70vh;overflow-y:auto}
#mhfa-site-header .mhfa-header-course-links a{display:block;padding:11px 13px;min-height:44px;white-space:normal;font-size:15px;line-height:1.5;font-weight:500;border-radius:3px}
#mhfa-site-header .mhfa-header-course-links a:hover{background:#eef5f8;text-decoration:none}
#mhfa-site-header .mhfa-header-course-links a:first-child{font-weight:700;border-bottom:1px solid #dce6eb;margin-bottom:6px;border-radius:0}
#mhfa-site-header .mhfa-header-toggle{display:none;font:600 16px/1.5 Inter,Arial,sans-serif;color:#163c50;background:#fff;border:1px solid #b8ccd6;border-radius:4px;padding:9px 14px;min-height:44px;cursor:pointer;letter-spacing:normal;text-transform:none}
/* The previous article header was fixed. Its reserved space is no longer needed. */
html:has(#mhfa-site-header){scroll-padding-top:24px}
body:has(#mhfa-site-header)>.blog-hero{padding-top:56px}
body:has(#mhfa-site-header) :is(#mhfa-visual-article,#happiness-visual-article,#sb-app,#ra-app){padding-top:56px}
@media(max-width:1050px){
  #mhfa-site-header .mhfa-header-inner{min-height:80px;gap:16px;flex-wrap:wrap;padding:14px 24px}
  #mhfa-site-header .mhfa-header-brand img{width:120px}
  #mhfa-site-header[data-enhanced="true"] .mhfa-header-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  #mhfa-site-header .mhfa-header-nav{order:3;width:100%;flex-direction:column;align-items:stretch;gap:6px;border-top:1px solid #dce6eb;padding-top:14px}
  #mhfa-site-header[data-enhanced="true"] .mhfa-header-nav{display:none}
  #mhfa-site-header[data-enhanced="true"] .mhfa-header-nav.is-open{display:flex}
  #mhfa-site-header .mhfa-header-nav>a:not(.mhfa-header-cta),#mhfa-site-header .mhfa-header-courses summary{padding:9px 4px}
  #mhfa-site-header .mhfa-header-courses summary{justify-content:space-between}
  #mhfa-site-header .mhfa-header-course-links{position:static;width:auto;max-width:none;max-height:none;margin:4px 0 10px;box-shadow:none;padding:5px;border-color:#dce6eb;background:#f5f9fb}
  #mhfa-site-header .mhfa-header-cta{align-self:flex-start;min-width:165px;margin:9px 0}
  #mhfa-site-header .mhfa-header-contacts{border-left:0;border-top:1px solid #dce6eb;padding:14px 0 0;gap:6px;font-size:15px;white-space:normal}
  #mhfa-site-header .mhfa-header-contacts a{min-height:32px;display:flex;align-items:center}
}
@media(max-width:650px){
  #mhfa-site-header .mhfa-header-inner{padding:12px 20px;min-height:76px}
  #mhfa-site-header .mhfa-header-brand img{width:115px}
  body:has(#mhfa-site-header)>.blog-hero{padding-top:32px}
  body:has(#mhfa-site-header) :is(#mhfa-visual-article,#happiness-visual-article,#sb-app,#ra-app){padding-top:32px}
}
@media print{#mhfa-site-header{display:none!important}}