/* Installation guide. Loaded only where the install block is used. Tabs, notes and cards reuse download.css. */
.ig{padding-top:2rem}
.ig .sec-head{display:block;text-align:center;max-width:44rem;margin:0 auto 2rem}
.ig .sec-head p{margin:.8rem 0 0}
.ig-grid{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.6rem;align-items:start;max-width:62rem;margin:0 auto}
.ig-side{display:flex;flex-direction:column}
.ig-side .ico{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-s);background:var(--mist);color:var(--violet-deep)}
.ig-side .ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ig-side h3{font-size:var(--fs-h4);line-height:var(--lh-h4);margin:1rem 0 .4rem;color:var(--plum)}
.ig-side p{color:var(--graphite);font-size:.92rem;margin:0 0 1.1rem}
.ig-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ig-side .btn{gap:.5rem;width:100%;justify-content:flex-start;white-space:nowrap}
.ig-side .btn .ico{width:1.1rem;height:1.1rem;background:none;border-radius:0}
.ig-side .btn .ico svg{width:1.1rem;height:1.1rem}
.ig-side .ext{opacity:.7}
.ig-steps{list-style:none;margin:0;padding:0;counter-reset:ig;display:grid;gap:1rem}
.ig-steps li{counter-increment:ig;position:relative;padding:1.2rem 1.4rem 1.2rem 4.4rem;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-l)}
.ig-steps li::before{content:counter(ig,decimal-leading-zero);position:absolute;left:1.3rem;top:1.15rem;font-family:var(--font-mono,inherit);font-weight:600;font-size:1.05rem;color:var(--violet-deep);background:var(--mist);border-radius:var(--radius-s);padding:.3rem .5rem}
.ig-steps h4{font-size:1.15rem;line-height:1.35;margin:0 0 .3rem;color:var(--plum)}
.ig-steps p{margin:0;color:var(--graphite);font-size:.98rem}
.ig .dl-note{margin:1.4rem 0 0;max-width:none}
.ig.js .ig-panel[hidden]{display:none}
.ig:not(.js) .dl-tabs{display:none}
.ig:not(.js) .ig-panel+.ig-panel{margin-top:3.5rem}
@media (max-width:860px){.ig-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ig-steps li{padding:1rem 1rem 1rem 3.6rem}.ig-steps li::before{left:.9rem;top:.95rem;font-size:.9rem}}