html,body{overflow-x:clip}[data-blog-content]{overflow-wrap:anywhere}[data-blog-content] :is(h2,h3,h4){scroll-margin-top:7rem}[data-blog-content] h2{border-top:1px solid rgb(229 231 235);padding-top:2rem;letter-spacing:-.02em}[data-blog-content] h2:first-child{border-top:0;padding-top:0}[data-blog-content] h3{letter-spacing:-.015em}[data-blog-content] :is(p,li){line-height:1.85}[data-blog-content] a{text-decoration-thickness:1px;text-underline-offset:.22em}[data-blog-content] hr{margin:3rem 0;border-color:#e5e7eb}[data-blog-content] blockquote{margin:2rem 0;border:1px solid rgb(229 231 235);border-left:4px solid rgb(29 168 255);border-radius:.875rem;background:#f8fafc;padding:1.15rem 1.25rem;color:#374151;font-style:normal;overflow-wrap:anywhere}[data-blog-content] blockquote p{margin:0;color:inherit;font-weight:600}[data-blog-content] pre{overflow-x:hidden!important;white-space:pre-wrap!important;border:1px solid rgb(229 231 235);border-left:4px solid rgb(24 123 248);border-radius:1rem;background:#f8fafc!important;color:#111827!important;padding:1.05rem 1.15rem;font-family:inherit;box-shadow:inset 0 1px #ffffffe6}[data-blog-content] pre code{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;color:#111827!important;font-family:inherit;font-weight:600;font-size:.95rem;line-height:1.65}[data-blog-content] p:has(+pre[data-language=text]){margin-block-end:.75rem;color:var(--color-base-900);font-weight:600}[data-blog-content] pre[data-language=text]{max-width:62ch;margin-block:.5rem;border:0;border-inline-start:2px solid var(--color-blue);border-radius:0;background:transparent!important;box-shadow:none;padding:.5rem 0 .5rem 1rem}[data-blog-content] pre[data-language=text]+pre[data-language=text]{margin-block-start:.25rem}[data-blog-content] pre[data-language=text]:not(:has(+pre[data-language=text])){margin-block-end:1.5rem}[data-blog-content] pre[data-language=text] code{display:block;max-width:60ch;color:var(--color-base-900)!important;font-family:inherit;font-size:clamp(.98rem,.2vw + .94rem,1.05rem);font-weight:600;line-height:1.55;text-wrap:pretty}[data-blog-content] pre[data-language=text]:focus-visible{outline:2px solid var(--color-blue);outline-offset:.25rem}[data-blog-content] :not(pre)>code{border:1px solid rgb(229 231 235);border-radius:.45rem;background:#f8fafc;padding:.1rem .35rem;color:#111827;font-size:.92em;white-space:normal}[data-blog-content] table{display:block;max-width:100%;overflow-x:auto;border:1px solid rgb(229 231 235);border-radius:1rem;border-collapse:separate;border-spacing:0;background:#fff;white-space:normal;-webkit-overflow-scrolling:touch}[data-blog-content] table :is(th,td){min-width:8rem;padding:1rem 1.05rem;border-bottom:1px solid rgb(229 231 235);white-space:normal;vertical-align:top;line-height:1.6}[data-blog-content] table th{background:#f8fafc;color:#111827;font-size:.82rem;font-weight:700;letter-spacing:.01em}[data-blog-content] table td{color:#4b5563}[data-blog-content] table tbody tr:last-child td{border-bottom:0}[data-blog-content] table :is(th,td):not(:last-child){border-right:1px solid rgb(229 231 235)}[data-blog-content] :is(img,picture){max-width:100%}.dark [data-blog-content] h2,.dark [data-blog-content] hr{border-color:#374151}.dark [data-blog-content] blockquote,.dark [data-blog-content] pre,.dark [data-blog-content] :not(pre)>code,.dark [data-blog-content] table{border-color:#374151;background:#1f2937!important}.dark [data-blog-content] blockquote,.dark [data-blog-content] pre code,.dark [data-blog-content] :not(pre)>code,.dark [data-blog-content] table th{color:#f3f4f6!important}.dark [data-blog-content] table :is(th,td){border-color:#374151}.dark [data-blog-content] table th{background:#111827}.dark [data-blog-content] table td{color:#d1d5db}.dark [data-blog-content] p:has(+pre[data-language=text]){color:var(--color-base-100)}.dark [data-blog-content] pre[data-language=text]{border-inline-start-color:var(--color-blue-light);background:transparent!important}.dark [data-blog-content] pre[data-language=text] code{color:var(--color-base-100)!important}@media(max-width:767px){[data-blog-content] pre{padding:.9rem 1rem}[data-blog-content] pre code{font-size:.88rem}[data-blog-content] table{border-radius:.8rem}[data-blog-content] table :is(th,td){min-width:11rem;padding:.85rem .9rem}}