.demos-heading{padding-bottom:25px}.demos-heading p{margin-top:12px}
.demo-list{padding-bottom:52px;max-width:970px}
.demo-entry{padding:28px 0 30px;border-top:1px solid var(--line);scroll-margin-top:105px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:22px;align-items:center}.demo-entry-copy{min-width:0}.demo-entry-thumb{display:block;min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;line-height:0;aspect-ratio:8/5}.demo-entry-thumb img{display:block;width:100%;height:100%;object-fit:contain}.demo-entry-thumb:hover,.demo-entry-thumb:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
.demo-entry-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px 26px;flex-wrap:wrap}
.demo-entry h2{font-size:27px;line-height:1.3}.demo-entry h2 a{color:var(--ink);text-decoration:none}.demo-entry h2 a:hover{text-decoration:underline;color:var(--accent)}
.demo-entry-copy>p{max-width:760px;margin-top:12px;color:var(--muted);font-size:17px;line-height:1.65}
.demo-status{font-size:14px;line-height:1.5;color:var(--accent);white-space:nowrap}
.demo-entry .resource-links{font-size:16px;margin-top:17px;gap:12px 25px}
@media(max-width:700px){.demo-entry{grid-template-columns:minmax(0,1fr);gap:16px}.demo-entry-thumb{max-width:460px}.demos-heading{padding-bottom:23px}.demo-entry{padding:24px 0 26px}.demo-entry-heading{display:block}.demo-entry h2{font-size:24px}.demo-status{display:block;margin-top:9px}.demo-entry-copy>p{font-size:17px}.demo-list{padding-bottom:35px}}