.demo{grid-template-columns:minmax(0,1fr) 64rem;gap:8rem;padding-top:9rem;padding-bottom:12rem;display:grid}.demo .card{background:var(--bg-2);padding:4rem}@media (width<=1000px){.demo{grid-template-columns:1fr;gap:4rem}}@media (width<=760px){.demo{padding-top:5.6rem;padding-bottom:8rem}.demo .card{padding:2.4rem}}.expect{border-top:1px solid var(--line);margin-top:4rem;list-style:none}.expect li{border-bottom:1px solid var(--line);grid-template-columns:3.2rem 1fr;padding:2rem 0;display:grid}.expect b{font-size:1.8rem;font-weight:500;display:block}.expect span{color:var(--ink-2);font-size:1.55rem}.expect .n{font-family:var(--mono);color:var(--ink-3);padding-top:.3rem;font-size:1.3rem}.form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-status{color:var(--ink-2);min-height:2rem;font-size:1.4rem}.form[hidden],.form-done[hidden]{display:none}.demo .card:has(.form-done:not([hidden])){align-self:start}.form-done h2{margin-bottom:1.2rem}.form-done p{color:var(--ink-2)}