.blog-post{font-family:Inter Variable,Inter,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.72;color:var(--mute)}.blog-post h1,.blog-post h2,.blog-post h3{font-family:Inter Variable,Inter,Helvetica,Arial,sans-serif;color:var(--ink);font-weight:700;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:700}.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);box-shadow:var(--shadow-sm);margin-block:2.25rem}.blog-post :not(pre)>code{font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border-radius:6px;padding:.12rem .38rem;font-size:.85em;color:var(--ink)}.blog-post pre{margin-block:1.75rem;padding:1.15rem 1.25rem;border-radius:var(--radius-sm);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 #d2d2d7}.blog-post tbody tr:last-child td{border-bottom:none}.blog-post blockquote{border-left:3px solid var(--accent);padding-left:1.1rem;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(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;text-decoration-color:#5b57e659;word-break:break-word;transition:text-decoration-color .15s ease}.blog-post a:hover{text-decoration-color:currentColor}.blog-post.lesson-body{color:#424245}.blog-post .diagram{margin-block:2.25rem;border-radius:var(--radius);background:var(--soft);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:700;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:#fff;stroke:var(--ink);stroke-width:2}.blog-post .diagram .d-fill{fill:var(--marker);stroke:var(--ink);stroke-width:2}.blog-post .diagram .d-rule{stroke:var(--ink);stroke-width:2;fill:none}.blog-post .diagram .d-broken{stroke:var(--ink);stroke-width:2;fill:none;stroke-dasharray:7 6;opacity:.45}.blog-post .diagram .d-dead{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:5 5;opacity:.4}.prose-aurora{position:absolute;inset:-8rem 0 auto;height:48rem;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(50% 45% at 80% 17%,rgb(143 136 255 / .16) 0%,transparent 70%),radial-gradient(40% 40% at 10% 27%,rgb(24 184 166 / .1) 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%)}
