/* Hallmark bounded refinement600: existing palette, clear demo action, compact footer. */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button.demo-link{background:var(--color-clear);color:var(--color-ink);border:1px solid var(--color-accent)}
.button.demo-link:hover{background:var(--color-paper-2)}
.button.demo-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.join>.demo-link{margin-left:12px}.demo-invite{font-size:16px;color:var(--color-muted)}
footer{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:700px){footer{grid-template-columns:minmax(0,1fr)}.join>.demo-link{margin:12px 0 0}.hero-actions .button{min-width:0}}

/* The legacy download rule hides duplicate buttons; keep the demo action visible. */
.join > .button.demo-link{display:inline-flex}