.demo{min-height:100vh}.demo-in{padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(3rem,8vw,6rem)}.demo-head{max-width:62ch;margin-bottom:clamp(2rem,5vw,3.5rem)}.demo-head .display{margin:.4rem 0 1.2rem}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.demo-card{background:var(--white);border:1px solid var(--rule);border-radius:var(--r);flex-direction:column;gap:.8rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.demo-card .h2{margin-top:.25rem;font-size:clamp(1.7rem,2.6vw,2.3rem)}.demo-card p{color:var(--ink-2)}.demo-who{font-family:var(--serif-text);font-size:1.15rem;color:var(--ink)!important}.demo-teacher{background:var(--lilac)}.demo-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto;padding-top:.6rem;display:flex}.demo-url{color:var(--ink-3);font-size:.82rem}.demo-foot{color:var(--ink-3);max-width:62ch;margin-top:clamp(2rem,5vw,3rem);font-size:.9rem}.demo-foot a{color:var(--sage-ink)}@media (max-width:760px){.demo-grid{grid-template-columns:minmax(0,1fr)}}