html,body{color:#1b1a18;background:#f4f2ee;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.hub{box-sizing:border-box;min-height:100vh;padding:clamp(2rem,8vw,7rem) clamp(1.25rem,6vw,6rem)}.hub h1{letter-spacing:-.035em;max-width:16ch;margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.75rem);line-height:1.02}.hub-intro p{color:#55524c;max-width:46ch;font-size:1.125rem;line-height:1.6}.hub-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem!important}.hub a{color:inherit}.hub-list ol{border-top:1px solid #d8d4cc;margin:0;padding:0;list-style:none}.hub-list-intro{color:#55524c;max-width:62ch;margin:0 0 2rem;line-height:1.6}.hub-list li{border-bottom:1px solid #d8d4cc;grid-template-columns:minmax(0,1fr) 17rem;align-items:center;gap:1rem 2rem;display:grid}.hub-list .hub-demo-link{grid-template-columns:3rem 1fr;gap:.15rem 1rem;padding:1rem 0;text-decoration:none;display:grid}.hub-list .hub-demo-link:hover .hub-name{text-decoration:underline}.hub-rank{font-variant-numeric:tabular-nums;color:#8a857b;grid-row:span 3}.hub-name{font-size:1.125rem;font-weight:600}.hub-meta{color:#6b675f;font-size:.925rem}.hub-demo-label{color:#55524c;margin-top:.35rem;font-size:.825rem}.hub-original{min-width:0;padding:1rem 0}.hub-original-link,.hub-original-label{padding:.625rem 0;font-size:.925rem;font-weight:600;display:inline-block}.hub-original-link{text-underline-offset:.2em}.hub-original-note{color:#6b675f;font-size:.825rem;line-height:1.5;display:block}.hub-list a:focus-visible{outline-offset:4px;outline:2px solid #1b1a18}@media (max-width:700px){.hub-list li{grid-template-columns:minmax(0,1fr);gap:0}.hub-list .hub-demo-link{grid-template-columns:1.5rem minmax(0,1fr);gap:.25rem .75rem;padding-bottom:0}.hub-original{padding:.25rem 0 1rem 2.25rem}}