/* One actual site lockup. Product-preview artwork and email logos are untouched. */
html{--mf-brand-size:25px;--mf-brand-gap:9px;--mf-brand-weight:750;--mf-brand-tracking:-1.1px;--mf-brand-night-ink:#fff;--mf-brand-night-accent:#ffd93d}
html .mf-site[data-mf-site][data-view] a.mf-brand,
html body.auth-mf-theme a.auth-brand,
html body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand){
  display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--mf-brand-gap);
  flex-shrink:0;width:auto;min-height:44px;font-family:"MinuFlow DM Sans","Segoe UI",Arial,sans-serif;
  font-size:var(--mf-brand-size);font-weight:var(--mf-brand-weight);font-style:normal;
  letter-spacing:var(--mf-brand-tracking);line-height:1.6;white-space:nowrap;text-decoration:none;
}
html .mf-site[data-mf-site][data-view] a.mf-brand .mf-mark,
html body.auth-mf-theme a.auth-brand .auth-mark,
html body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand) :is(.mf-theme-mark,.mf-mark){
  display:flex;align-items:center;flex:0 0 26px;width:26px;height:24px;gap:3px;
}
html .mf-site[data-mf-site][data-view] a.mf-brand .mf-mark i,
html body.auth-mf-theme a.auth-brand .auth-mark i,
html body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand) :is(.mf-theme-mark,.mf-mark) i{
  display:block;flex:0 0 5px;width:5px;height:var(--mf-brand-stroke-height,15px);border-radius:5px;transform:rotate(25deg);
}
html :is(a.mf-brand,a.auth-brand,a.mf-theme-brand) :is(.mf-mark,.auth-mark,.mf-theme-mark) i:nth-child(2){--mf-brand-stroke-height:25px}
html :is(a.mf-brand,a.auth-brand,a.mf-theme-brand) :is(.mf-mark,.auth-mark,.mf-theme-mark) i:nth-child(3){--mf-brand-stroke-height:19px}
html .mf-site[data-mf-site][data-view] a.mf-brand .mf-brand-dot,
html body.auth-mf-theme a.auth-brand .brand-dot,
html body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand) :is(.mf-theme-dot,.mf-brand-dot){margin-left:calc(0px - var(--mf-brand-gap))}

/* Only the public day/night shell changes color. Scene-based Focus keeps its contrast. */
html[data-mf-theme=dark] .mf-site[data-mf-site][data-view] a.mf-brand,
html[data-mf-theme=dark] body.auth-mf-theme a.auth-brand,
html[data-mf-theme=dark] body.mf-theme-native :is(.mf-theme-global-bar,.mf-footer) :is(a.mf-theme-brand,a.mf-brand){color:var(--mf-brand-night-ink)}
html[data-mf-theme=dark] .mf-site[data-mf-site][data-view] a.mf-brand .mf-mark i,
html[data-mf-theme=dark] body.auth-mf-theme a.auth-brand .auth-mark i,
html[data-mf-theme=dark] body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand) :is(.mf-theme-mark,.mf-mark) i{background:var(--mf-brand-night-accent)}
html[data-mf-theme=dark] .mf-site[data-mf-site][data-view] a.mf-brand .mf-brand-dot,
html[data-mf-theme=dark] body.auth-mf-theme a.auth-brand .brand-dot,
html[data-mf-theme=dark] body.mf-theme-native :is(a.mf-theme-brand,a.mf-brand) :is(.mf-theme-dot,.mf-brand-dot){color:var(--mf-brand-night-accent)}
@media(max-width:900px){html{--mf-brand-size:20px}}
@media(max-width:600px){html{--mf-brand-size:18px}}
/* Match the existing secondary-page compact focus shortcut when signed in. */
@media(max-width:400px){
  html .mf-site[data-mf-site][data-view=home] .mf-header .mf-button-small{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px 0;font-size:0;justify-content:center}
  html .mf-site[data-mf-site][data-view=home] .mf-header .mf-button-small .mf-focus-label{display:none}
  html .mf-site[data-mf-site][data-view=home] .mf-header .mf-button-small>span[aria-hidden]{font-size:16px}
}