/* guide (tools/sections/guide.html): groups of steps on one dark ground; the ground is the steps type's (.k-step in kit-page.css) */
.k-guide { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 16px; max-width: 1180px; margin: 0 auto; padding: 0; list-style: none; text-align: left; }
.k-guide > li { padding: 28px 26px 26px; border-radius: 22px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 18px 44px -26px rgba(0, 0, 0, .7); }
body.glass .k-guide h3 { margin: 0; font: 500 22px/1.25 var(--sans); letter-spacing: -.02em; color: #fff; }
.k-guide .k-gl { margin: 8px 0 0; font: 400 15.5px/1.5 var(--sans); color: rgba(255, 255, 255, .7); }
.k-guide ol { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.k-guide ol li { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 12px; align-items: start; }
.k-guide .k-gn { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(110, 114, 242, .28); font: 600 12.5px/1 var(--sans); color: #fff; }
.k-guide b { display: block; font: 500 16.5px/1.3 var(--sans); letter-spacing: -.01em; color: #fff; }
.k-guide ol p { margin: 4px 0 0; font: 400 15px/1.5 var(--sans); color: rgba(255, 255, 255, .74); text-wrap: pretty; }
.k-guide ol p a { color: #c7c9ff; text-decoration: underline; text-underline-offset: 3px; }
.k-guide code { background: rgba(255, 255, 255, .14); color: #fff; }
@media (max-width: 1000px) { .k-guide, .k-guide[style] { grid-template-columns: minmax(0, 1fr) !important; max-width: 640px; } }