.bp-hiw .bp-hero-sub code,.bp-hiw .bp-sh-lede code{color:var(--bp-ink)}.bp-hiw h3{font:600 20px/1.3 var(--bp-font-display);letter-spacing:-.01em;margin:0}.bp-hiw-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.bp-hiw-step{border-top:var(--bp-rule-w) solid var(--bp-rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px;padding:28px 0;display:grid}.bp-hiw-step:last-child{padding-bottom:0}.bp-hiw-step p{color:var(--bp-quiet);margin:8px 0 0}.bp-hiw-step .bp-hiw-num{color:var(--acc);font:500 14px/1.6 var(--bp-font-mono);margin:0 0 6px}.bp-hiw-code{border:var(--bp-rule-w) solid var(--bp-border);border-radius:var(--bp-radius);background:var(--bp-ground);min-width:0;margin:0;overflow:hidden}.bp-hiw-code figcaption{border-bottom:var(--bp-rule-w) solid var(--bp-border);color:var(--bp-quiet);font:400 13px/1.4 var(--bp-font-mono);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 14px;display:flex}.bp-hiw-planned{border:var(--bp-rule-w) solid color-mix(in srgb, var(--bp-copper) 55%, transparent);background:color-mix(in srgb, var(--bp-copper) var(--bp-tint), transparent);color:var(--bp-copper);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:1px 8px;font-weight:500}.bp-hiw-code pre{font:400 15px/1.6 var(--bp-font-mono);white-space:pre-wrap;margin:0;padding:14px 16px}.bp-hiw-code pre code{font-size:inherit;overflow-wrap:anywhere}.bp-hiw-line{text-indent:-2ch;padding-left:2ch;display:block}.bp-hiw-line+.bp-hiw-line{margin-top:6px}.bp-hiw-line:before{color:var(--bp-quiet);content:"$ ";-webkit-user-select:none;user-select:none}.bp-hiw-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.bp-hiw-cards li{border:var(--bp-rule-w) solid var(--bp-border);border-top:3px solid var(--acc);border-radius:var(--bp-radius);background:var(--bp-sheet);padding:22px}.bp-hiw-cards p{color:var(--bp-quiet);margin:10px 0 0}.bp-hiw-tools .bp-chip{min-height:44px;padding:4px 16px;font-size:16px}.bp-hiw-tools .bp-chip:last-child{color:var(--bp-quiet);background:0 0;border-style:dashed}.bp-hiw-note{color:var(--bp-quiet);margin:20px 0 0}.bp-hiw-problems{margin:0;padding:0;list-style:none;display:grid}.bp-hiw-problems li{border-top:var(--bp-rule-w) solid var(--bp-rule);grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);gap:8px 32px;padding:24px 0;display:grid}.bp-hiw-problems p{color:var(--bp-quiet);margin:0}.bp-hiw-here{border-left:3px solid var(--acc);padding-left:14px;font-size:16px}.bp-hiw-here .bp-label{margin-bottom:4px;display:block}.bp-hiw-contact{padding-top:0}.bp-hiw-contact .bp-button{text-align:center;justify-self:start}@media (width<1000px){.bp-hiw-cards{grid-template-columns:1fr;gap:14px}.bp-hiw-problems li{grid-template-columns:1fr;gap:10px}}@media (width<860px){.bp-hiw-step{grid-template-columns:1fr;gap:16px}}@media (width<=560px){.bp-hiw h3{font-size:18px}.bp-hiw-code pre{padding:12px;font-size:14px}.bp-hiw-code figcaption{padding:8px 12px}.bp-hiw-cards li{padding:18px}.bp-hiw-contact .bp-button{min-height:50px;padding-block:10px}}
