/* MPPM primary navigation extension: Guides dropdown + service link. */
.mppm-nav-guides{position:relative;margin:0;padding:0;display:flex;align-items:stretch}
.mppm-nav-guides>summary{position:relative;min-height:auto;padding:21px 0 20px;display:flex;align-items:center;gap:5px;color:#263d59;font-family:inherit;font-size:14.5px;font-weight:750;line-height:1.2;cursor:pointer;list-style:none;-webkit-appearance:none;appearance:none;transition:color .16s ease}
.mppm-nav-guides>summary::-webkit-details-marker{display:none}
.mppm-nav-guides>summary::marker{content:""}
.mppm-nav-guides>summary::before{content:"";position:absolute;left:50%;right:50%;bottom:12px;height:2px;border-radius:999px;background:var(--mppm-global-blue);opacity:0;transition:left .16s ease,right .16s ease,opacity .16s ease}
.mppm-nav-guides>summary:hover,.mppm-nav-guides[open]>summary{color:var(--mppm-global-blue)}
.mppm-nav-guides>summary:hover::before,.mppm-nav-guides[open]>summary::before{left:0;right:0;opacity:1}
.mppm-nav-guides-chevron{width:12px;height:12px;flex:0 0 12px;transition:transform .16s ease}
.mppm-nav-guides-chevron path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mppm-nav-guides[open] .mppm-nav-guides-chevron{transform:rotate(180deg)}
.mppm-nav-dropdown{position:absolute;top:calc(100% - 5px);left:50%;z-index:20;width:260px;padding:8px;transform:translateX(-50%);border:1px solid #d9e4ef;border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(7,29,55,.14)}
.mppm-primary-nav .mppm-nav-dropdown a{display:block;padding:11px 12px;border-radius:10px}
.mppm-primary-nav .mppm-nav-dropdown a::after{display:none}
.mppm-primary-nav .mppm-nav-dropdown a:hover{background:#f4f8fd}
.mppm-nav-dropdown a span{display:block;color:#10233f;font-size:12.5px!important;font-weight:800!important;line-height:1.25!important}
.mppm-nav-dropdown a small{display:block;margin-top:3px;color:#60758b;font-size:10.5px!important;font-weight:500!important;line-height:1.45!important}
.mppm-nav-dropdown a:hover span{color:var(--mppm-global-blue)}
.mppm-nav-service{white-space:nowrap}
.mppm-pro-badge-link{text-decoration:none!important;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.mppm-pro-badge-link:hover{background:#e1efff!important;border-color:#9fc6ef!important;color:#075ebc!important;box-shadow:0 5px 14px rgba(15,99,216,.14);text-decoration:none!important}
.mppm-pro-badge-link:focus-visible{outline:2px solid #0f63d8;outline-offset:2px;text-decoration:none!important}

html body .mppm-resources-controls,
html body .mppm-rec-controls-section{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:auto!important;
}

.mppm-guide-body a.mppm-guide-context-link{
  color:#0f63d8;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-decoration-color:#8db7e9;
  text-underline-offset:3px;
  border-radius:3px;
  transition:color .16s ease,background-color .16s ease,text-decoration-color .16s ease;
}
.mppm-guide-body a.mppm-guide-context-link:hover,
.mppm-guide-body a.mppm-guide-context-link:focus-visible{
  color:#0a55bd;
  background:#eef6ff;
  text-decoration-color:#0f63d8;
  outline:none;
}

@media(min-width:981px){
  .mppm-global-header{overflow:visible}
  .mppm-global-header .mppm-nav-inner{min-height:64px;gap:20px}
  .mppm-global-header .mppm-logo-img{width:205px;max-width:205px;max-height:56px}
  .mppm-global-header .mppm-primary-nav{gap:21px}
  .mppm-global-header .mppm-primary-nav>a,
  .mppm-global-header .mppm-nav-guides>summary{
    padding:21px 0 20px!important;
    color:#263d59!important;
    font-family:var(--mppm-readable-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important;
    font-size:14.5px!important;
    font-weight:750!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  .mppm-global-header .mppm-primary-nav>a::after{bottom:12px;height:2px;opacity:0}
  .mppm-global-header .mppm-primary-nav>a:hover::after{opacity:1}
  .mppm-global-header .mppm-primary-nav>a:hover,
  .mppm-global-header .mppm-nav-guides>summary:hover,
  .mppm-global-header .mppm-nav-guides[open]>summary{color:var(--mppm-global-blue)!important}
  .mppm-global-header .mppm-nav-actions{gap:7px}
  .mppm-global-header .mppm-search-toggle,
  .mppm-global-header .mppm-header-login,
  .mppm-global-header .mppm-header-cta,
  .mppm-global-header .mppm-header-account{min-height:40px;padding:0 13px;font-size:13px}
  .mppm-global-header .mppm-pro-badge{min-height:32px;font-size:9.5px}
  .mppm-global-header .mppm-topbar{max-height:30px;overflow:hidden;opacity:1;transition:max-height .13s ease-out,opacity .09s linear}
  .mppm-global-header .mppm-nav-wrap{transition:box-shadow .13s ease-out,border-color .13s ease-out,background-color .13s ease-out}
  .mppm-global-header .mppm-nav-inner{transition:min-height .13s ease-out}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-topbar{max-height:0;opacity:0;pointer-events:none}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-wrap{background:#fff;border-bottom-color:#dbe5ef;box-shadow:0 3px 10px rgba(7,29,55,.06)}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-inner{min-height:26px;gap:8px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-logo{display:none}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-primary-nav{margin-left:0;gap:12px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-primary-nav>a,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-guides>summary,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-service{
    padding:6px 0 5px!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-primary-nav>a::after,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-guides>summary::before{bottom:1px;height:1px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-guides{align-items:center}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-guides-chevron{width:9px;height:9px;flex-basis:9px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-actions{
    margin-left:auto!important;
    gap:4px!important;
    min-height:22px!important;
    height:22px!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-search-toggle,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-login,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-cta,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-account,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu-toggle,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-pro-badge{
    box-sizing:border-box!important;
    height:22px!important;
    min-height:22px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    line-height:1!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-search-toggle,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-login,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-cta,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-header-account{
    padding:0 7px!important;
    border-radius:5px!important;
    font-size:9px!important;
    font-weight:700!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu{
    display:inline-flex!important;
    align-items:stretch!important;
    border-radius:5px!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu .mppm-header-account{
    height:22px!important;
    min-height:22px!important;
    padding:0 7px!important;
    border-radius:5px 0 0 5px!important;
    font-size:9px!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu-toggle{
    flex:0 0 21px!important;
    width:21px!important;
    padding:0!important;
    border-radius:0 5px 5px 0!important;
  }
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-account-menu-toggle svg{width:10px!important;height:10px!important}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-pro-badge{
    padding:0 7px!important;
    border-radius:999px!important;
    font-size:8px!important;
    font-weight:800!important;
  }
  .mppm-global-header.is-compact-open .mppm-topbar{max-height:30px;opacity:1;pointer-events:auto}
  .mppm-global-header.is-compact-open .mppm-logo{display:flex}
  .mppm-global-header.is-compact-open .mppm-nav-inner{min-height:64px}
}

@media(max-width:1180px) and (min-width:981px){
  .mppm-global-header .mppm-nav-inner{gap:14px}
  .mppm-global-header .mppm-logo-img{width:185px;max-width:185px}
  .mppm-global-header .mppm-primary-nav{gap:14px}
  .mppm-global-header .mppm-primary-nav>a,
  .mppm-global-header .mppm-nav-guides>summary{font-size:13.5px!important}
  .mppm-global-header .mppm-nav-service{font-size:13.5px!important}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-inner{gap:7px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-primary-nav{gap:9px}
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-primary-nav>a,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-guides>summary,
  .mppm-global-header.is-compact:not(.is-compact-open) .mppm-nav-service{font-size:9.5px!important}
}

@media(max-width:980px){
  .mppm-nav-guides{width:100%;display:block}
  .mppm-nav-guides>summary{min-height:auto;padding:10px 0;font-size:13px!important;font-weight:700!important;line-height:1.55;letter-spacing:0!important;font-family:var(--mppm-readable-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important}
  .mppm-nav-guides>summary::before{display:none}
  .mppm-nav-dropdown{position:static;width:100%;padding:2px 0 6px 14px;transform:none;border:0;border-left:2px solid #e2ebf4;border-radius:0;background:transparent;box-shadow:none}
  .mppm-primary-nav .mppm-nav-dropdown a{padding:9px 10px}
  .mppm-nav-dropdown a span{font-size:12.5px!important}
  .mppm-nav-dropdown a small{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.mppm-global-header *{transition:none!important}}
