.hero-grid{gap:40px;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:64px}}.nb-inside .inside{margin:8px 0 0;padding:0;list-style:none;display:grid}.nb-inside .inside li{border-top:1px solid color-mix(in srgb, var(--color-white) 12%, transparent);grid-template-columns:32px 1fr;align-items:baseline;gap:10px;padding:9px 0;font-size:15px;font-weight:700;display:grid}.nb-inside .inside li:first-child{border-top:0}.nb-inside .inside .num{font-family:var(--font-mono), monospace;color:var(--color-green);font-size:20px;font-weight:500;line-height:1}.nb .hero .lede a{color:var(--color-white);-webkit-text-decoration-color:var(--color-green);text-decoration-color:var(--color-green);text-underline-offset:3px;text-decoration-thickness:2px}.nb-two{align-items:start;gap:32px;display:grid}@media (min-width:900px){.nb-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.nb pre{background:var(--color-ink);color:var(--color-white);border-radius:var(--radius-card);font-family:var(--font-mono), monospace;margin:0;padding:20px 22px;font-size:13.5px;font-weight:500;line-height:1.6;overflow-x:auto}.nb .prose .rung{color:var(--copper)}.nb .prose code{overflow-wrap:anywhere}.nb .card .btn{white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%;height:auto}