.hands-on[data-astro-cid-gawqy3ro]{max-width:58rem;margin:auto;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:var(--sh-2)}.demo-bar[data-astro-cid-gawqy3ro]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);font-size:.75rem}.demo-note[data-astro-cid-gawqy3ro]{padding:1rem 1.5rem;color:var(--ink-2);font-size:.8rem}.demo-progress[data-astro-cid-gawqy3ro]{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:1rem 1.5rem;gap:.75rem;background:var(--surface-low)}.demo-progress[data-astro-cid-gawqy3ro] li[data-astro-cid-gawqy3ro]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--ink-2)}.demo-progress[data-astro-cid-gawqy3ro] span[data-astro-cid-gawqy3ro]{display:grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border:1px solid var(--line-strong);border-radius:50%}.demo-progress[data-astro-cid-gawqy3ro] [data-astro-cid-gawqy3ro][aria-current]{color:var(--brand);font-weight:700}.demo-progress[data-astro-cid-gawqy3ro] [data-astro-cid-gawqy3ro][aria-current] span[data-astro-cid-gawqy3ro]{background:var(--brand);color:var(--on-brand)}.demo-panel[data-astro-cid-gawqy3ro]{padding:clamp(1.25rem,4vw,2.5rem);min-height:24rem;animation:demo-enter .25s ease-out}.demo-panel[data-astro-cid-gawqy3ro][hidden],.demo-animals[data-astro-cid-gawqy3ro] button[data-astro-cid-gawqy3ro][hidden]{display:none}.demo-panel[data-astro-cid-gawqy3ro] h2[data-astro-cid-gawqy3ro]{font-size:1.45rem;scroll-margin-top:6rem}.demo-panel[data-astro-cid-gawqy3ro] h2[data-astro-cid-gawqy3ro] small[data-astro-cid-gawqy3ro]{display:block;font-size:.8rem;font-weight:400;color:var(--ink-2);margin-top:.4rem}.demo-panel[data-astro-cid-gawqy3ro] p[data-astro-cid-gawqy3ro]{font-size:.9rem;color:var(--ink-2);margin:.8rem 0 1.2rem}.demo-panel[data-astro-cid-gawqy3ro] label[data-astro-cid-gawqy3ro]{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.demo-panel[data-astro-cid-gawqy3ro] input[data-astro-cid-gawqy3ro]{width:100%;max-width:30rem;padding:.8rem 1rem;min-height:48px;border:1px solid var(--line-strong);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:max(16px,1rem)}.demo-animals[data-astro-cid-gawqy3ro]{display:grid;margin-top:1rem;gap:.6rem}.demo-animals[data-astro-cid-gawqy3ro] button[data-astro-cid-gawqy3ro]{display:flex;align-items:center;gap:1rem;text-align:left;padding:.8rem 1rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}@media(hover:hover)and (pointer:fine){.demo-animals[data-astro-cid-gawqy3ro] button[data-astro-cid-gawqy3ro]:hover{background:var(--surface-low);border-color:var(--brand)}}.demo-animals[data-astro-cid-gawqy3ro] button[data-astro-cid-gawqy3ro]>span[data-astro-cid-gawqy3ro]:last-child{margin-left:auto}.demo-animals[data-astro-cid-gawqy3ro] b[data-astro-cid-gawqy3ro],.demo-animals[data-astro-cid-gawqy3ro] small[data-astro-cid-gawqy3ro]{display:block}.demo-animals[data-astro-cid-gawqy3ro] small[data-astro-cid-gawqy3ro]{font-size:.75rem;color:var(--ink-2)}.animal-icon[data-astro-cid-gawqy3ro]{color:var(--brand);font-size:1.5rem}.demo-facts[data-astro-cid-gawqy3ro]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 0;margin-bottom:1.5rem;border-block:1px solid var(--line)}.demo-facts[data-astro-cid-gawqy3ro] dt[data-astro-cid-gawqy3ro]{font-size:.75rem;color:var(--ink-2)}.demo-facts[data-astro-cid-gawqy3ro] dd[data-astro-cid-gawqy3ro]{margin:.4rem 0 0;font-weight:600}.demo-panel[data-astro-cid-gawqy3ro] form[data-astro-cid-gawqy3ro] small[data-astro-cid-gawqy3ro]{display:block;margin:.6rem 0 1.5rem;color:var(--ink-2)}.demo-history[data-astro-cid-gawqy3ro]{padding:1.5rem;border-left:3px solid var(--brand);background:var(--surface-low);border-radius:8px}.demo-history[data-astro-cid-gawqy3ro] h3[data-astro-cid-gawqy3ro]{font-size:1.2rem;margin-top:.8rem}.demo-history[data-astro-cid-gawqy3ro] p[data-astro-cid-gawqy3ro]{margin-bottom:0}.demo-panel[data-astro-cid-gawqy3ro] .btn[data-astro-cid-gawqy3ro]{margin-top:.5rem}.row[data-astro-cid-gawqy3ro]{flex-wrap:wrap}@keyframes demo-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:600px){.demo-progress[data-astro-cid-gawqy3ro]{grid-template-columns:repeat(2,1fr)}.demo-facts[data-astro-cid-gawqy3ro]{grid-template-columns:1fr}.demo-bar[data-astro-cid-gawqy3ro]{align-items:start}.demo-panel[data-astro-cid-gawqy3ro]{min-height:0}.demo-progress[data-astro-cid-gawqy3ro] li[data-astro-cid-gawqy3ro]{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.demo-panel[data-astro-cid-gawqy3ro]{animation:none}.demo-animals[data-astro-cid-gawqy3ro] button[data-astro-cid-gawqy3ro]{transition:none}}