.app-demo-shell{background:var(--paper);color:var(--ink)}.app-demo-boundary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.15rem 1.5rem;padding-block:.45rem;border-bottom:1px solid var(--rule)}.app-demo-boundary nav{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}.app-demo-boundary a{display:inline-flex;align-items:center;min-height:44px;color:#345a3e;font-size:.78rem;text-decoration:underline;text-underline-offset:.2rem}.app-demo-boundary p{color:#536055;font-size:.72rem;line-height:1.6}.app-demo-index{padding-block:2rem 3rem}.app-demo-index>h1{margin-top:.6rem}.app-demo-index-intro{max-width:45rem;margin-top:1rem;color:#45534a;font-size:1rem;line-height:1.8}.app-demo-grid{display:grid;gap:1.3rem;margin-top:1.8rem}.app-demo-card{min-width:0;display:flex;flex-direction:column;padding:1.4rem;border:1px solid var(--rule);background:#edece3}.app-demo-card h2{margin-top:.75rem;font:600 clamp(1.8rem,3vw,2.25rem)/1.15 var(--font-display);letter-spacing:-.025em}.app-demo-card>p:not(.eyebrow){margin-top:1rem;color:#45534a;font-size:.88rem;line-height:1.8}.app-demo-preview{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;margin-top:1.3rem;padding-block:.8rem;border-block:1px solid #ced1c3;color:#345a3e;font:.68rem/1.8 var(--font-mono)}.app-demo-preview span{display:inline-flex;align-items:center;gap:.65rem}.app-demo-preview b{color:#986144;font-weight:400}.app-demo-try{margin-block:1.15rem 1.3rem}.app-demo-try h3{color:#79472c;font:500 .7rem/1.8 var(--font-mono)}.app-demo-try p{color:#344c3b;margin-top:.35rem;font-size:.86rem;line-height:1.8}.app-demo-try .app-demo-payoff{font-size:.79rem;color:#536055}.app-demo-card .app-demo-mode{margin-top:auto!important;padding-top:.9rem;border-top:1px solid var(--rule);color:#536055;font:.64rem/1.8 var(--font-mono)}.app-demo-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1.1rem}.app-demo-card-actions a{min-height:44px;font-size:.8rem}.app-demo-shell a:focus-visible,.app-demo-shell button:focus-visible,.app-demo-shell input:focus-visible,.app-demo-shell select:focus-visible,.app-demo-shell textarea:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.app-demo-shell :is(h2,h3)[tabindex="-1"],.app-demo-shell [data-demo-focus]{scroll-margin-top:calc(var(--site-header-height) + 20px)}@media (min-width:1024px){.app-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:479px){.app-demo-boundary{gap:0 .75rem;padding-block:.2rem .4rem}.app-demo-boundary p{font-size:.68rem}.app-demo-index{padding-top:1.4rem}}