/* Preview controls are outside the invitation and never cover its content. */
body:has(.demo-toolbar){--demo-header-height:64px}
body:has(.demo-toolbar)>.skip-link:focus{z-index:1100}
.demo-toolbar{position:sticky;top:0;z-index:1000;min-height:64px;padding:10px clamp(16px,4vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:#ebe7e1;color:#193741;border-bottom:1px solid #19374126;font:12px/1.4 Manrope,Arial,sans-serif}
.demo-toolbar a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;justify-self:start}
.demo-toolbar a:last-child{justify-self:end;border:1px solid #19374160;padding:10px 18px;border-radius:28px}
.demo-toolbar a:focus-visible{outline:2px solid #805c2c;outline-offset:3px}
.demo-toolbar span{text-align:center;overflow-wrap:anywhere}
.demo-venue-photo{display:block;width:100%;height:100%;max-height:360px;object-fit:cover}
@media(max-width:600px){body:has(.demo-toolbar){--demo-header-height:60px}.demo-toolbar{min-height:60px;padding:8px 14px;gap:12px;grid-template-columns:1fr auto;font-size:11px}.demo-toolbar>span{display:none}.demo-toolbar a:last-child{padding:9px 13px}}