:root{--blog-measure:42rem;--blog-bleed:0px;--blog-surface:var(--color-bg-secondary);--blog-surface-2:var(--color-bg-tertiary);--blog-hairline:0 0 0 1px #0000000f;--blog-radius-inset:12px;--blog-tone:var(--color-accent)}@media (min-width:768px){:root{--blog-bleed:2rem}}[data-theme=dark]{--blog-hairline:0 0 0 1px #ffffff1f}.blog-content,.blog-lead{font-family:var(--font-helvetica-prose)}.blog-content{font-synthesis-weight:none;color:var(--color-text-secondary);max-width:var(--blog-measure);font-size:1.0625rem;line-height:1.7}.blog-lead{color:var(--color-text-secondary);margin:1.25rem 0 0;font-size:1.1875rem;line-height:1.55}.blog-content>p,.blog-task-solution-body>p,.blog-faq-answer>p,.blog-quiz-fallback>p{margin:0 0 1.25rem}.blog-content>h2:first-child{margin-top:0}.blog-content :is(h2,h3,h4,details){scroll-margin-top:6rem}.blog-content>h2,.blog-task-section>h2,.blog-related-tasks>h2,.blog-example-head>h2{font-family:var(--font-sans);color:var(--color-text-primary);margin:3.5rem 0 1rem;font-size:1.75rem;font-weight:500;line-height:1.2}.blog-task-section>h2{margin-top:0}@media (min-width:768px){.blog-content>h2,.blog-task-section>h2,.blog-related-tasks>h2,.blog-example-head>h2{font-size:1.875rem}}.blog-content>h3,.blog-task-solution-body>h3,.blog-faq-answer>h3,.blog-quiz-fallback>h3,.blog-example-head>h3{font-family:var(--font-sans);color:var(--color-text-primary);margin:2.5rem 0 .75rem;font-size:1.375rem;font-weight:500;line-height:1.25}.blog-task-solution-body>h3:first-child,.blog-faq-answer>h3:first-child{margin-top:0}.blog-content>h4,.blog-task-solution-body>h4,.blog-faq-answer>h4{font-family:var(--font-sans);color:var(--color-text-primary);margin:2rem 0 .5rem;font-size:1.125rem;font-weight:500;line-height:1.4}.blog-content strong,.blog-content b,.blog-content th{color:var(--color-text-primary);font-weight:500}.blog-content a:not(.blog-solution-island *,.sm-badge,.blog-task-cta-link,.blog-task-mini,.blog-next-step,.blog-example-nav-item a,.blog-carousel-arrow){color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.blog-content a:hover:not(.blog-solution-island *,.sm-badge,.blog-task-cta-link,.blog-task-mini,.blog-next-step,.blog-example-nav-item a,.blog-carousel-arrow){color:var(--color-accent-hover)}.blog-content .katex-display{background-color:var(--blog-surface-2);border-radius:var(--blog-radius-inset);margin:1.75rem 0;padding:.75rem 1rem;overflow:auto hidden}.blog-content p+.katex-display{margin-top:.5rem}:is(.blog-content,.blog-formula)>.katex-display{margin-inline:calc(-1 * var(--blog-bleed))}@media (max-width:767px){.blog-content .katex-display,.blog-table-wrap{background-image:linear-gradient(to right, var(--blog-scroll-shadow-bg) 50%, transparent), linear-gradient(to left, var(--blog-scroll-shadow-bg) 50%, transparent), radial-gradient(farthest-side at 0% 50%, color-mix(in oklab, var(--color-text-primary) 18%, transparent), transparent), radial-gradient(farthest-side at 100% 50%, color-mix(in oklab, var(--color-text-primary) 18%, transparent), transparent);scrollbar-width:thin;background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}.blog-content .katex-display{--blog-scroll-shadow-bg:var(--blog-surface-2)}.blog-table-wrap{--blog-scroll-shadow-bg:var(--blog-surface)}:is(.blog-content,.blog-formula)>.katex-display{border-radius:0;margin-inline:-1rem;padding-inline:.75rem}}.blog-content img{border-radius:.75rem;margin:2rem 0}.blog-content figcaption{color:var(--color-text-tertiary);margin:.75rem 0 0;font-size:.875rem;line-height:1.5}