.docs-grid {
  display: grid;
  gap: 18px;
}

.docs-grid .card-body {
  line-height: 1.65;
}

.docs-grid ol {
  padding-left: 22px;
}

.code-block {
  overflow: auto;
  margin: 12px 0;
  padding: 16px;
  border-radius: 13px;
  background: #151229;
  color: #e8e4ff;
  font-size: 12px;
  line-height: 1.65;
  white-space: pre;
}

.code-block code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.node-kit-hero{grid-column:1/-1;padding:28px;border-radius:24px;background:linear-gradient(135deg,#073b4c,#0b756d);color:#fff;box-shadow:0 18px 44px rgba(7,59,76,.2)}
.node-kit-hero h2{margin:8px 0;font-size:clamp(24px,4vw,38px)}
.node-kit-hero p{max-width:780px;margin:0;color:rgba(255,255,255,.84);line-height:1.65}
.node-kit-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.node-kit-steps span{padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);font-size:13px;font-weight:700}
.node-kit-card{min-width:0}
.node-kit-card .card-head{gap:12px}
.node-kit-card .copy-code{flex:0 0 auto;padding:8px 14px}
.node-kit-card .code-block{max-height:560px;overflow:auto;white-space:pre;tab-size:2}
.node-kit-card .code-block code{font-size:12px;line-height:1.65}
@media(max-width:700px){.node-kit-hero{padding:20px;border-radius:18px}.node-kit-card .card-head{align-items:flex-start}.node-kit-card .code-block{max-height:440px}.node-kit-card .code-block code{font-size:11px}}