.blog{max-width:700px;margin:0 auto}.blog .header-link{margin-top:2rem}.blog .header-link,.blog p,.blog ul,.blog ol{margin-bottom:1rem}.blog h2{font-size:1.5rem;font-weight:600}.blog h3{font-size:1.25rem;font-weight:600}.blog h4{font-size:1rem;font-weight:600}.blog h5{font-size:.875rem;font-weight:600}.blog h6{font-size:.75rem;font-weight:600}.blog p a{color:#7281ff;font-weight:600;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blog p a:hover{color:var(--color-foreground);text-decoration:underline}.blog code{background:var(--code-background);border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,monospace,system-ui,sans-serif;font-size:.9rem}.blog pre{margin:2rem 0}.blog pre code{counter-reset:line;border:1px solid var(--muted-background);background-color:var(--code-background);padding:1rem;font-size:.8em;overflow:auto}.blog pre code span{color:var(--shiki-light)}.blog pre code>[data-line]:before{counter-increment:line;content:counter(line);text-align:right;color:#71717a;width:1rem;margin-left:.5rem;margin-right:1.5rem;display:inline-block}.blog pre code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}.blog pre code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}.blog pre code>[data-highlighted-line]{background:color-mix(in srgb,var(--color-muted-background)20%,transparent);border-left:.25rem solid #a1a1aa}.blog pre code>[data-highlighted-line]:before{margin-left:.25rem}.dark .blog pre code{border-color:var(--shiki-dark-bg);background-color:var(--shiki-dark-bg)}.dark .blog pre code span{color:var(--shiki-dark)}