/* The signed-in rules repeat mimmii-ui-signin.js's so a signed-in page paints its final header at once (STEADY-01). */
html body:has(header.site-header){margin:0}
html body header.site-header,html body header.site-header *{text-rendering:auto}
html body header.site-header .header-inner{box-sizing:border-box;height:64px;max-width:1200px;margin-inline:auto;padding-inline:22px;align-items:center}
@media (max-width:640px){ html body header.site-header .header-inner{padding-inline:var(--mm-page-side,24px)!important} }
html body header.site-header .brand{display:flex;align-items:center}
html body header.site-header .brand__logo{width:auto;display:block}
html body header.site-header :is(.nav-signin,.mm-account:not(.nav-authm)){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:'Figtree',system-ui,sans-serif!important;font-size:14px;font-weight:600;line-height:1.15;letter-spacing:normal;padding:11px 20px;min-height:0;border-radius:999px;margin:0;white-space:nowrap}
/* On a phone the name is font-size 0, so the first paint never shows it and then loses it (PILL-01). */
html body header.site-header .mm-account:not(.nav-authm){gap:8px;height:38px;padding:0 16px 0 4px!important;color:var(--mm-ink)}
html body header.site-header .mm-account .mm-avatar{flex:none;display:block;width:30px;height:30px;margin:0;border-radius:50%;object-fit:cover}
html body header.site-header .mm-account .mm-avatar--initial{display:grid;place-items:center;background:var(--mm-ground-deep);color:var(--mm-plum);font:600 12px/1 'Figtree',system-ui,sans-serif;letter-spacing:.02em}
html body header.site-header .mm-account .mm-avatar--initial::before{content:attr(data-initial)}
@media (max-width:899px){
  html body header.site-header .mm-account:not(.nav-authm){width:44px;min-width:0;max-width:none;height:44px;padding:0!important;gap:0;overflow:visible;font-size:0!important;box-shadow:none!important}
  html body header.site-header .mm-account .mm-avatar{width:36px;height:36px}
  html body header.site-header .mm-account .mm-avatar--initial{font-size:14px}
}
html body header.site-header .header-cta .nav-signout{box-sizing:border-box;align-items:center;font-family:'Figtree',system-ui,sans-serif!important;font-size:.96rem;font-weight:600;line-height:1.15;letter-spacing:normal;padding:9px 12px;border:1px solid transparent;border-radius:999px;min-height:0;margin:0;white-space:nowrap}
html body header.site-header .header-cta a.nav-apply{box-sizing:border-box;align-items:center;justify-content:center;height:var(--mm-btn-h);min-height:var(--mm-btn-h)!important;padding:0 18px!important;margin:0;font-family:'Figtree',system-ui,sans-serif!important;font-size:14px!important;font-weight:600;line-height:1;letter-spacing:normal;border-radius:999px;border:0;box-shadow:none;background:var(--mm-coral)!important;color:var(--mm-white);white-space:nowrap}
@media (hover:hover){ html body header.site-header .header-cta a.nav-apply:hover{filter:brightness(.92)} }
html.mm-authed body header.site-header :is(.nav-apply,[data-apply],.btn--primary,.btn--iris){display:none}
html.mm-authed body header.site-header .nav-signin:not(.mm-account){display:none}
html.mm-authed body header.site-header .header-cta .nav-signout{display:inline-flex}
html:not(.mm-authed) body header.site-header :is(.nav-track,.nav-signout){display:none}
html body header.site-header .nav-authm{display:none}
@media (min-width:900px){
  html body header.site-header .header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--mm-head-gap,44px)}
  html body header.site-header .brand__logo{height:44px}
  html body header.site-header :is(.nav-toggle,.nav-signin--mob){display:none}
  html body header.site-header .nav{transform:none!important;justify-self:center;display:flex;flex-direction:row;align-items:center;gap:var(--mm-head-nav-gap,32px);padding:0;border:0;background:none;height:auto;opacity:1;visibility:visible}
  html body header.site-header .nav > :is(a.nav-mkt,a.nav-track){display:block;padding:0;margin:0;border:0;font-family:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:500!important;line-height:24px;letter-spacing:normal;color:var(--mm-ink)!important;white-space:nowrap;width:auto}
  html body header.site-header .nav > :is(.btn,[data-apply]){display:none}
  html.mm-authed body header.site-header .nav > a.nav-track{display:block}
  html body header.site-header .header-cta{display:flex;align-items:center;gap:10px;justify-self:end;margin:0}
}
/* With Your sets and Your link beside My Library (a designer, an ambassador), the row is wider than a 900 to 1023 screen:
   in that band only the gaps close up (24 logo to links, 16 between links), so the bar stays one row on the screen (NAVFIX-02). */
@media (min-width:900px) and (max-width:1023px){
  html.mm-authed body header.site-header:has(.nav > a.nav-track:is([href$="designer-account.html"],[href$="ambassador-account.html"])){--mm-head-gap:var(--s-5,24px);--mm-head-nav-gap:var(--s-4,16px)}
}
/* LIBLINK-78: My Library carried the browser's link underline on some pages; an underline here means the page you are on */
html body header.site-header .nav > a.nav-track{text-decoration:none}
html body header.site-header .nav > :is(a.nav-mkt,a.nav-track)[aria-current="page"]{color:var(--mm-ink)!important;text-decoration:underline;text-decoration-color:var(--mm-eyebrow);text-decoration-thickness:2px;text-underline-offset:6px}
@media (max-width:899px){
  html body header.site-header .header-inner{display:flex;gap:16px}
  html body header.site-header .brand__logo{height:32px}
  html body header.site-header .nav-toggle{order:3;margin:0;width:44px;height:44px}
  html body header.site-header .header-inner > .nav-signin--mob{order:2;margin:0 12px 0 auto}
  html body header.site-header .header-cta{order:2;margin:0 12px 0 auto;gap:12px;align-items:center}
  html:not(.mm-authed) body header.site-header .header-inner > .nav-signin--mob{display:none!important}
  html:not(.mm-authed) body header.site-header .header-cta{display:flex}
  html:not(.mm-authed) body header.site-header .header-cta :is(.nav-signin,.nav-signout){display:none}
  html:not(.mm-authed) body header.site-header .header-cta a.nav-apply{display:inline-flex}
  html:not(.mm-authed) body header.site-header .nav .nav-authm{display:block!important}
  html.mm-authed body header.site-header .header-cta{display:none}
  html.mm-authed body header.site-header .header-inner > .nav-signin--mob.mm-account{display:inline-flex}
  html.mm-authed body header.site-header .nav .nav-signout{display:block}
  html body header.site-header .nav > :is(a.nav-mkt,a.nav-track,.nav-authm){box-sizing:border-box;padding:15px 0;margin:0;font-family:'Figtree',system-ui,sans-serif!important;font-size:1.05rem;font-weight:600;line-height:1.2;letter-spacing:normal;text-align:left;width:100%;border:0;border-top:1px solid var(--mm-line);border-radius:0;background:none;box-shadow:none;min-height:0}
  html body header.site-header .nav > :first-child{border-top:0}
  html body header.site-header .nav:not([data-open="true"]){box-shadow:none}
}