.site-article-body .guide-steps{list-style:none;padding-inline-start:0;border-inline-start:1px solid var(--color-site-hairline-on-paper)}.site-article-body .guide-step{padding-inline-start:var(--spacing-site-3);scroll-margin-top:calc(var(--height-site-nav) + var(--spacing-site-3))}.site-article-body .guide-step+.guide-step{margin-block-start:var(--spacing-site-6)}.site-article-body .guide-step>*+*{margin-block-start:var(--spacing-site-2)}.site-article-body .guide-step h3{display:flex;flex-direction:column;gap:var(--spacing-site-1);margin-block-start:0}.site-article-body .guide-step-label{color:var(--color-site-orange-on-paper)}.site-article-body .guide-callout{border-inline-start:var(--size-site-focus-ring) solid var(--color-site-hairline-on-paper);background:var(--color-site-paper-2);border-radius:0 var(--radius-site-tile) var(--radius-site-tile) 0;padding:var(--spacing-site-2) var(--spacing-site-3);color:var(--color-site-ink)}.site-article-body .guide-callout>*+*{margin-block-start:var(--spacing-site-1)}.site-article-body .guide-callout[data-tone=tip]{border-inline-start-color:var(--color-site-ink)}.site-article-body .guide-callout[data-tone=warn]{border-inline-start-color:var(--color-site-orange)}.site-article-body .guide-section>*+*{margin-block-start:var(--spacing-site-3)}.site-article-body .guide-section:first-child>h2:first-child{margin-block-start:0}.site-article-body .site-code-head{min-block-size:var(--spacing-site-control);padding-block:0}.site-article-body .guide-callout a:focus-visible,.site-article-body .guide-step:focus-visible{outline:var(--size-site-focus-ring) solid var(--color-site-focus-ring);outline-offset:var(--offset-site-focus-ring);border-radius:var(--radius-site-tile)}@media print{.site-article-body .guide-callout{background:none}}