.author[data-astro-cid-scazbq23]{display:flex;align-items:center;gap:20px;margin-bottom:20px}.imageWrapper[data-astro-cid-scazbq23]{--size: 60px;width:var(--size);height:var(--size);background-color:var(--black);border-radius:var(--size);overflow:hidden}:root{--content-lh: 1.75;--content-space: 1.25rem;--content-space-lg: 2rem;--content-space-xl: 3rem;--content-muted: #6b7280;--content-accent: #00c853;--content-border: rgba(0, 0, 0, .08);--content-bg: #f9fafb}.blog-post{margin:40px auto 80px}.blog-post header .container.small>h1{margin-bottom:.75rem;line-height:1.25}.blog-post main{font-weight:300;font-size:1.6rem;line-height:var(--content-lh);margin-top:2rem}.blog-post main .container>*+*{margin-top:var(--content-space-lg)}.blog-post main .container>p+p{margin-top:var(--content-space)}.blog-post main .container :where(h2,h3,h4){line-height:1.3;scroll-margin-top:6rem}.blog-post main .container h2{font-weight:700;margin-top:var(--content-space-xl);margin-bottom:.5rem}.blog-post main .container h3{font-weight:600;margin-top:var(--content-space-lg);margin-bottom:.25rem}.blog-post main .container h4{font-weight:600;margin-top:var(--content-space);margin-bottom:.25rem}.blog-post main .container :where(p,li) :where(code,a){overflow-wrap:anywhere;word-break:break-word}.blog-post main .container :where(ul,ol){padding-left:1.4em;margin:var(--content-space) 0 var(--content-space-lg)}.blog-post main .container li{margin:.4rem 0}.blog-post main .container li>:where(p,ul,ol){margin-top:.35rem}.blog-post main .container :where(ul ul,ul ol,ol ul,ol ol){margin-top:.35rem;margin-bottom:.35rem}.blog-post main .container ul{list-style:disc outside}.blog-post main .container ul ul{list-style:circle outside}.blog-post main .container ol{list-style:decimal outside}.blog-post main .container blockquote{margin:var(--content-space-lg) 0;padding:.75rem 1rem;border-left:4px solid var(--content-accent);background:var(--content-bg);color:#111}.blog-post main .container blockquote>:first-child{margin-top:0}.blog-post main .container blockquote>:last-child{margin-bottom:0}.blog-post main .container :where(code){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em;background:#0000000a;padding:.1em .35em;border-radius:.35rem}.blog-post main .container pre{background:#0b1020;color:#e6edf3;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;padding:1rem 1.25rem;overflow:auto;box-shadow:0 10px 25px #0000000f}.blog-post main .container pre code{background:transparent;padding:0}.blog-post header .container.small img,.blog-post main .container img{border-radius:.7rem;display:block;width:100%;height:auto;box-shadow:0 10px 25px #00000014}.blog-post main .container table{width:100%;border-collapse:collapse;margin:var(--content-space-lg) 0;font-size:.95em}.blog-post main .container th,.blog-post main .container td{border:1px solid var(--content-border);padding:.6rem .75rem;text-align:left}.blog-post main .container thead th{background:var(--content-bg);font-weight:600}.blog-post main .container hr{border:0;border-top:1px solid var(--content-border);margin:var(--content-space-xl) 0}.blog-post main .container>p{margin-top:var(--content-space-lg)}.blog-post header .container.small time{color:var(--content-muted)}@media only screen and (max-width: 768px){.blog-post{margin-top:1rem}.blog-post main{font-size:1.55rem}.blog-post main .container>*+*{margin-top:1.1rem}.blog-post main .container :where(ul,ol){margin:.75rem 0 1.25rem}.blog-post main .container .label h3,.blog-post main .container h2{text-wrap:balance}}.blog-post main .container a{color:var(--content-accent);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .15s ease,text-underline-offset .15s ease;word-break:break-word}.blog-post main .container a:hover{color:color-mix(in srgb,var(--content-accent) 85%,black);text-underline-offset:.25em}.blog-post main .container a:active{color:color-mix(in srgb,var(--content-accent) 70%,black)}.blog-post main .container a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--content-accent) 30%,transparent);border-radius:.25rem;text-decoration:none}.blog-post main .container a:visited{color:color-mix(in srgb,var(--content-accent) 70%,rebeccapurple)}.blog-post main .container :where(h2,h3,h4,blockquote) a{text-decoration-thickness:.1em}.blog-post main .container li a{overflow-wrap:anywhere}.blog-post main .container a:has(img){text-decoration:none}