c html{scroll-behavior:smooth}.blog-display{font-family:var(--font-inter),system-ui,-apple-system,sans-serif;font-optical-sizing:auto}.blog-article{--bl-text:#3f3f46;--bl-heading:#18181b;--bl-h4:#27272a;--bl-hairline:#0000001a;--bl-hr:#0000001f;--bl-quote:#27272a;--bl-code-bg:#0000000d;--bl-pre-bg:#f4f4f5;--bl-pre-text:#27272a;--bl-table-head:#0000000a;--bl-table-stripe:#00000006}.dark .blog-article{--bl-text:#d4d4d8;--bl-heading:#fafafa;--bl-h4:#e4e4e7;--bl-hairline:#ffffff17;--bl-hr:#ffffff1f;--bl-quote:#e4e4e7;--bl-code-bg:#ffffff0f;--bl-pre-bg:#18181b;--bl-pre-text:#e4e4e7;--bl-table-head:#ffffff0a;--bl-table-stripe:#ffffff05}.blog-article{color:var(--bl-text);word-wrap:break-word;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.75}.blog-article>:first-child{margin-top:0}.blog-article p{margin-block:1em}.blog-article>p:first-child:first-letter{float:left;font-family:var(--font-inter),system-ui,-apple-system,sans-serif;color:#00cfbd;margin:0 .16em 0 0;padding-bottom:.6em;font-size:3.2em;font-weight:600;line-height:1}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4{font-family:var(--font-inter),system-ui,-apple-system,sans-serif;color:var(--bl-heading);letter-spacing:-.012em;scroll-margin-top:7rem;font-weight:600}.blog-article h1{margin:1.5em 0 .6em;font-size:2.1rem;line-height:1.2}.blog-article h2{border-top:1px solid var(--bl-hairline);margin:1.8em 0 .7em;padding-top:1.2em;font-size:1.8rem;line-height:1.25}.blog-article h2:first-child{border-top:none;margin-top:0;padding-top:0}.blog-article h2:before{content:"";background:linear-gradient(90deg,#00cfbd,#0000);width:2.5rem;height:2px;margin-bottom:.85rem;display:block}.blog-article h3{margin:1.5em 0 .5em;font-size:1.35rem;line-height:1.3}.blog-article h4{color:var(--bl-h4);margin:1.3em 0 .45em;font-size:1.12rem}.blog-article strong{color:var(--bl-heading);font-weight:600}.blog-article em{font-style:italic}.blog-article a{color:#00a99b;text-underline-offset:3px;-webkit-text-decoration:underline #00cfbd66;text-decoration:underline #00cfbd66;transition:text-decoration-color .15s}.dark .blog-article a{color:#00cfbd}.blog-article a:hover{text-decoration-color:#00cfbd}.blog-article ul,.blog-article ol{margin-block:1.05em;padding-left:1.5rem}.blog-article li{margin-block:.35em;padding-left:.35rem}.blog-article ul{list-style:none}.blog-article ul>li{position:relative}.blog-article ul>li:before{content:"";background:#00cfbd;border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:-.95rem}.blog-article ol{list-style:decimal}.blog-article ol>li::marker{color:#00cfbd;font-weight:600}.blog-article li>ul,.blog-article li>ol{margin-block:.45em}.blog-article blockquote{color:var(--bl-quote);background:#00cfbd12;border-left:3px solid #00cfbd;border-radius:0 .6rem .6rem 0;margin-block:1.4em;padding:1.1rem 1.4rem}.blog-article blockquote>:first-child{margin-top:0}.blog-article blockquote>:last-child{margin-bottom:0}.blog-article :not(pre)>code{background:var(--bl-code-bg);border:1px solid var(--bl-hairline);color:#00a99b;border-radius:.35rem;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.dark .blog-article :not(pre)>code{color:#00cfbd}.blog-article pre{background:var(--bl-pre-bg);border:1px solid var(--bl-hairline);border-radius:.85rem;margin-block:1.9em;padding:1.25rem 1.4rem;font-size:.9rem;line-height:1.7;overflow-x:auto}.blog-article pre code{color:var(--bl-pre-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-article img{border:1px solid var(--bl-hairline);border-radius:.9rem;width:100%;height:auto;margin-block:2em;display:block}.blog-article .blog-chart{max-width:30rem;margin:1.9em auto}.blog-article .blog-chart svg{border:1px solid var(--bl-hairline);border-radius:.85rem;width:100%;height:auto;display:block}.blog-article hr{border:none;border-top:1px solid var(--bl-hr);width:40%;margin:2.6em auto}.blog-article table{border-collapse:collapse;width:100%;margin-block:1.9em;font-size:.95rem;display:block;overflow-x:auto}.blog-article th,.blog-article td{border:1px solid var(--bl-hairline);text-align:left;padding:.7rem 1rem}.blog-article th{background:var(--bl-table-head);color:var(--bl-heading);font-weight:600}.blog-article tbody tr:nth-child(2n) td{background:var(--bl-table-stripe)}@media (max-width:640px){.blog-article{font-size:1.02rem}.blog-article h2{font-size:1.5rem}.blog-article h3{font-size:1.22rem}}
