.demo-page{--panel:var(--paper)}
.demo-page .demo-label{font-size:.85rem;letter-spacing:.08em;color:var(--ink-mute);margin:0 0 1rem}
.demo-page .head .word{letter-spacing:0;font-size:2.6rem;margin:0 0 .6rem}
.demo-page .demo-intro{max-width:34rem;font-size:1rem;color:var(--ink-soft);line-height:1.55}
.demo-page .demo-back{font-size:.9rem;color:var(--ink-soft);text-decoration:none}
.demo-page .demo-notice{font-size:.85rem;color:var(--ink-mute);line-height:1.5;margin:.75rem 0}
.demo-page .demo-register{max-width:440px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:2rem;font:inherit}
.demo-register::backdrop{background:rgb(30 28 23 / .25)}
.demo-register h2{font-size:1.6rem;font-weight:400;margin:0 0 1rem}
.demo-register p{line-height:1.55}.demo-register a,.demo-register button{font:inherit;color:inherit;background:transparent;border:0;text-underline-offset:4px;cursor:pointer}
.demo-register .demo-signup{display:inline-block;border:1px solid var(--ink-faint);border-radius:30px;padding:.5rem 1rem;margin:.5rem 1rem .5rem 0;text-decoration:none}
.demo-page .grove-chips button[aria-pressed=true]{border-color:var(--ink-faint);background:transparent;color:var(--ink)}
.demo-page .grove-chips button[aria-pressed=true]::before{content:'✓ ';color:var(--ink)}
.demo-page #stage[hidden]{display:none}.demo-page .demo-sources{width:min(1000px,100%);margin:2rem 0 4rem;padding:0 24px 0 110px;align-self:center;line-height:1.6}
.demo-sources summary{cursor:pointer;font-size:1.1rem}.demo-sources li{margin:.4rem 0}.demo-sources h3{font-size:1.15rem;font-weight:400}
.demo-page .demo-forest-item{display:block;font-size:1.5rem;text-decoration:none;border-block:1px solid var(--line);padding:2rem 0;margin-top:2rem}
.demo-page .demo-forest-item small{display:block;font-size:.9rem;color:var(--ink-mute);margin-top:.5rem}
.demo-page #tree{min-height:420px}.demo-page .card{z-index:9}
.demo-page button:focus-visible,.demo-page a:focus-visible{outline:2px solid var(--ink-soft);outline-offset:4px}
@media(max-width:760px){.demo-page .head .word{font-size:2.1rem}.demo-page .demo-sources{padding:0 16px;margin-bottom:7rem}.demo-page #tree{min-height:300px}.demo-page .demo-label{margin-top:1rem}.demo-page .rail-tools{display:none}}
.demo-page .demo-method{font-size:.85rem;color:var(--ink-mute);margin:0 2rem 5rem;text-align:center}
.demo-page [hidden]{display:none !important}