/* A compact invitation beside the studio tagline; shared header controls stay usable. */
.site-header:has(.header-connect){gap:clamp(14px,2.5vw,36px)}
.header-connect{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;min-width:0}
.header-connect .header-note{margin:0;max-width:165px;font-size:12px;line-height:1.5}
.mcp-connect-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 16px;background:#2256f2;color:#fff;border:1px solid transparent;border-radius:100px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap}
.mcp-connect-pill:hover{background:#1546d6}.mcp-connect-pill:focus-visible{outline:3px solid #8aa7ff;outline-offset:3px}
@media(min-width:701px) and (max-width:1150px){.header-connect{gap:8px}.header-connect .header-note{display:none}.site-header:has(.header-connect){gap:16px}.site-header:has(.header-connect) nav{gap:18px}.mcp-connect-pill{white-space:normal;max-width:225px}}
@media(max-width:700px),(max-width:1000px) and (max-height:500px) and (pointer:coarse){.site-header:has(.header-connect){flex-wrap:wrap;height:auto;min-height:96px;gap:0 4px;padding-top:4px;padding-bottom:6px}.header-connect{order:5;width:100%;justify-content:center;margin:0}.header-connect .header-note{display:none}.mcp-connect-pill{min-height:36px;padding:8px 16px;font-size:11px}.site-header:has(.header-connect) .mobile-header-actions{margin-left:auto}}
@media(min-width:701px) and (max-width:1050px) and (min-height:501px){.site-header:has(.header-connect){flex-wrap:wrap;height:auto;min-height:110px;padding-top:12px;padding-bottom:10px;gap:8px 24px}.header-connect{order:5;width:100%;justify-content:center}.mcp-connect-pill{max-width:none}.site-header:has(.header-connect) .header-account-controls{margin-left:auto}}