/* "Team login" (Mason and staff): a quiet footer link on Home, or a thin top strip on other pages. */
.team-login{font-family:'Barlow',system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:none;color:#8A939D !important;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:32px;padding:0 2px;border-bottom:1px solid transparent}
.team-login:hover,.team-login:focus-visible{color:#E6E9ED !important;text-decoration:underline;text-underline-offset:3px}
.team-login:focus-visible{outline:2px solid #2BB3E6;outline-offset:2px;border-radius:2px}
/* Pages without the home banner get the same thin strip, holding only this link. */
.team-strip{background:#000;border-bottom:1px solid #1E2228}
.team-strip-in{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;min-height:32px}
@media (max-width:900px){.team-strip-in{padding:0 16px}}
@media (max-width:420px){.team-login{font-size:11.5px}}
/* Home banner on phones: two short, tidy lines (banner text; then phone on the left, Customer Login on the right). */
@media (max-width:900px){.topbar .customer-top-login{font-family:'Barlow',system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:none;white-space:nowrap}}
@media (max-width:560px){
  .topbar{flex-wrap:wrap;row-gap:0 !important;padding-top:4px;padding-bottom:4px}
  .topbar>span:first-child{flex:1 1 100%}
  .topbar>span:last-child{flex:1 1 100%;justify-content:space-between}
  .topbar a{min-height:32px !important}
}