.blog-post{font-family:Inter Variable,Inter,Helvetica,Arial,sans-serif;font-size:1.0938rem;line-height:1.72;color:#d4d4d8}.blog-post h1,.blog-post h2,.blog-post h3{font-family:Inter Variable,Inter,Helvetica,Arial,sans-serif;color:var(--ink);font-weight:600;letter-spacing:-.025em;line-height:1.2}.blog-post h1,.blog-post h2{margin-top:3rem;margin-bottom:1rem}.blog-post h1{font-size:1.75rem}.blog-post h2{font-size:1.45rem}.blog-post h3{font-size:1.15rem;margin-top:2rem;margin-bottom:.75rem}.blog-post p{margin-bottom:1.25rem}.blog-post p:last-child{margin-bottom:0}.blog-post strong{color:var(--ink);font-weight:600}.blog-post ul,.blog-post ol{margin-bottom:1.25rem}.blog-post ul li{margin-left:1.5rem;list-style:disc;margin-bottom:.5rem}.blog-post ol li{margin-left:1.5rem;list-style:decimal;margin-bottom:.5rem}.blog-post img{border-radius:var(--radius-sm);border:1px solid var(--line);margin-block:2.25rem}.blog-post :not(pre)>code{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:.1rem .36rem;font-size:.85em;color:var(--ink)}.blog-post pre{margin-block:1.75rem;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--panel)!important;font-size:.875rem;line-height:1.65;overflow-x:auto}.blog-post table{display:block;width:-moz-max-content;width:max-content;max-width:100%;overflow-x:auto;margin-block:1.75rem;border-collapse:collapse;font-size:.9375rem}.blog-post th,.blog-post td{padding:.55rem 1.15rem .55rem 0;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.blog-post th{color:var(--ink);font-weight:600;font-size:.8125rem;border-bottom:1px solid var(--line-2)}.blog-post tbody tr:last-child td{border-bottom:none}.blog-post blockquote{border-left:1px solid var(--line-2);padding-left:1.25rem;margin-block:1.75rem;color:var(--ink);font-style:italic}.blog-post h2#your-turn{margin-top:3.5rem;padding-top:1.75rem;border-top:1px solid var(--line)}.blog-post h2#your-turn:before{content:"Exercise";display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:var(--accent)}.blog-post a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent);word-break:break-word;transition:text-decoration-color .15s ease}.blog-post a:hover{text-decoration-color:var(--accent)}.blog-post.lesson-body{color:#e4e4e7}.blog-post .diagram{margin-block:2.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.4rem 1.25rem 1rem;overflow-x:auto}.blog-post .diagram svg{display:block;width:100%;min-width:40rem;height:auto;overflow:visible}.blog-post .diagram figcaption{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.55;color:var(--mute)}.blog-post .diagram .d-head{font-family:Inter Variable,Inter,Helvetica,Arial,sans-serif;font-weight:600;font-size:15px;fill:var(--ink)}.blog-post .diagram .d-label,.blog-post .diagram .d-mono{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;fill:var(--ink)}.blog-post .diagram .d-eyebrow{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;fill:var(--mute)}.blog-post .diagram .d-mute{fill:var(--mute)}.blog-post .diagram .d-box{fill:var(--panel-3);stroke:var(--ink-3);stroke-width:1.5}.blog-post .diagram .d-fill{fill:color-mix(in srgb,var(--accent) 22%,var(--panel-2));stroke:var(--accent);stroke-width:1.5}.blog-post .diagram .d-rule{stroke:var(--ink-3);stroke-width:1.5;fill:none}.blog-post .diagram .d-broken{stroke:var(--ink-3);stroke-width:1.5;fill:none;stroke-dasharray:7 6;opacity:.7}.blog-post .diagram .d-dead{fill:none;stroke:var(--ink-3);stroke-width:1.5;stroke-dasharray:5 5;opacity:.6}.prose-aurora{position:absolute;inset:-8rem 0 auto;height:48rem;pointer-events:none;background:radial-gradient(50% 45% at 80% 17%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 70%),radial-gradient(40% 40% at 10% 27%,color-mix(in srgb,var(--teal) 7%,transparent) 0%,transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 70%,transparent 100%)}