.badge{color:#9aa4af;border:1px solid #2a2f35;border-radius:1rem;padding:0 .5rem;font-size:.75rem;display:inline-block}.button{cursor:pointer;padding:.5rem 1rem}.card{background:#16191d;border:1px solid #2a2f35;border-radius:.5rem;padding:1.25rem}.card h3{margin:0 0 .5rem;font-size:1rem}.card p{color:#9aa4af;margin:0 0 .75rem;font-size:.9rem}.card p:last-child{margin-bottom:0}.card a{font-size:.9rem}.code{color:#c7d0d9;background:#0b0d0f;border:1px solid #2a2f35;border-radius:.5rem;padding:1rem 1.25rem;font-size:.85rem;line-height:1.55;overflow-x:auto}body{color:#d6dbe1;background:#101214;margin:0;font-family:system-ui,sans-serif;line-height:1.6}.frame{max-width:60rem;margin:0 auto;padding:0 1.5rem 4rem}.frame a{color:#7fb4e0}.frame code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:1rem 0 2rem;display:grid}.hero{padding:1.5rem 0 1rem}.hero h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.hero p{color:#9aa4af;max-width:42rem;margin:0 0 1rem}.list{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1.5rem;padding:0;list-style:none;display:flex}.list li{background:#16191d;border:1px solid #2a2f35;border-radius:.35rem;align-items:center;gap:.4rem;padding:.15rem .6rem;font-size:.85rem;display:inline-flex}.nav{border-bottom:1px solid #2a2f35;flex-wrap:wrap;gap:1.25rem;margin-bottom:2rem;padding:1.25rem 0;display:flex}.nav a{color:#9aa4af;text-decoration:none}.nav a:hover,.nav a.active{color:#e8edf2}.search{box-sizing:border-box;color:#e8edf2;background:#0b0d0f;border:1px solid #2a2f35;border-radius:.5rem;width:100%;margin:.5rem 0 1.5rem;padding:.6rem .9rem;font-size:1rem}.search:focus{outline:1px solid #7fb4e0}