.tip-prose{counter-reset:tip-section}.tip-prose .content-section{counter-increment:tip-section;padding-left:2.75rem;position:relative}.tip-prose .content-section+.content-section{margin-top:2.75rem}.content-section:where(.tip-prose *)>*+*{margin-top:var(--prose-gap)}.tip-prose .content-section>h2{margin-top:0}.tip-prose .content-section:before{width:1.875rem;height:1.875rem;color:var(--color-link-text);content:counter(tip-section);background-color:#168bff1a;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.tip-prose .content-section:not(:last-child):after{background-color:var(--color-line);content:"";width:1px;position:absolute;top:2.5rem;bottom:-2.125rem;left:.9375rem}@media (min-width:40rem){.tip-prose .content-section{padding-left:3.5rem}.tip-prose .content-section:before{width:2.25rem;height:2.25rem;font-size:1rem}.tip-prose .content-section:not(:last-child):after{top:2.875rem;left:1.125rem}}.tip-prose .code-compare{gap:1rem;margin-block:1.75em;display:grid}.tip-prose .code-compare .article-code{margin-block:0}@media (min-width:48rem){.tip-prose .code-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:40rem){.tip-prose .content-section>.code-compare,.tip-prose .content-section>.article-code{z-index:1;margin-left:-2.75rem;position:relative}}