/* The portfolio chrome that sits above a sample invitation.
   Deliberately outside invite.css: a real client build never loads this. */
.demo-bar{
  position:sticky; top:0; z-index:60;
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.1rem;
  padding:.6rem 1.1rem; background:var(--deep); color:var(--ink-light);
  font-family:var(--sans); font-size:.68rem; letter-spacing:.1em;
}
.demo-bar a{color:var(--light-soft)}
.demo-bar__back{text-decoration:none;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.demo-bar__label{opacity:.75}
.demo-bar__try{margin-left:auto;opacity:.9}
.demo-bar__try a{margin:0 .15rem}
@media (max-width:640px){ .demo-bar__try{margin-left:0;width:100%} }