.story-lead{max-width:770px;margin-top:38px;font-size:1.125rem;line-height:1.8}.story-lead p+p{margin-top:18px}.story-lead strong{font-weight:600}.demo-entry-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:38px;text-align:left}.demo-entry{display:block;border:1px solid var(--rule);background:#fff;transition:border-color .2s}.demo-entry:hover{border-color:var(--accent);text-decoration:none}.demo-entry img{width:100%;aspect-ratio:16/7.5;object-fit:cover;display:block}.demo-entry>div{padding:24px}.demo-kind{font-size:.75rem;letter-spacing:.08em;font-weight:600;color:var(--accent)}.demo-entry h2{font-size:1.65rem;margin:12px 0}.demo-entry p{font-size:1rem;line-height:1.65;color:var(--muted)}.demo-action{display:block;font-weight:600;font-size:.9375rem;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.demo-shortcuts{padding:0 0 22px;margin-bottom:20px;border-bottom:1px solid var(--rule)}.demo-shortcuts>span{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.demo-shortcuts>a{display:block;padding:8px 0;color:var(--accent);font-weight:600;border:0;margin:0}.inline-demo-link{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.controller-demo{border:1px solid #b9c6c8;border-left:4px solid #276b8b;background:#f4f7f7;padding:26px}.controller-demo>summary{font-family:Georgia,serif;font-size:1.65rem;font-weight:400}.controller-demo .prose{padding-top:8px}.controller-demo .controller-launch{margin-top:22px}.controller-demo #controller-load{background:#213f4d;color:#fff;border-color:#213f4d;padding:12px 18px}.page-shell #controller,.page-shell #recordings{scroll-margin-top:32px}.outcome-heading .demo-kind{display:block;margin-bottom:8px}@media(max-width:850px){.demo-entry-pair{grid-template-columns:1fr}.demo-entry{display:grid;grid-template-columns:1fr 1.4fr}.demo-entry img{height:100%;aspect-ratio:auto}.demo-entry>div{padding:20px}.demo-entry h2{font-size:1.45rem}.demo-shortcuts{padding:10px 24px 18px;margin-bottom:0}.page-shell #controller,.page-shell #recordings{scroll-margin-top:72px}}@media(max-width:550px){.demo-entry{display:block}.demo-entry img{height:auto;aspect-ratio:16/7}.story-lead{font-size:1rem}.controller-demo{padding:20px}.masthead nav{gap:10px;font-size:.8125rem}}