.demo-entry{max-width:68rem;margin-inline:auto;padding-block:clamp(1.5rem,5vw,4rem)}
.demo-entry>h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.demo-entry p{line-height:1.6;max-width:68ch;text-wrap:pretty}
.demo-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1.75rem 0}
.demo-paths .card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}
.demo-paths h2,.demo-paths p{margin:0}
.demo-paths .button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.625rem 1.125rem;border-radius:.5rem}
.demo-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.demo-code-row code{font-size:1.125rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.demo-note{margin-top:1.5rem}
.demo-entry .back-link{display:inline-flex;align-items:center;min-height:2.75rem}
@media(max-width:600px){.demo-paths{grid-template-columns:1fr}.demo-paths .card{padding:1.125rem}.topbar nav{display:flex;flex-wrap:wrap;gap:.75rem}}