.blog-page{background:var(--card);color:var(--foreground);letter-spacing:0;overflow-wrap:anywhere}.blog-header{max-width:48rem;margin-inline:auto;padding:3rem 1.5rem 2rem}.blog-back{min-height:2.75rem;color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-back:hover{text-underline-offset:4px;text-decoration:underline}.blog-page a:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:2px}.blog-header h1{text-wrap:balance;margin-top:1.5rem;font-size:3rem;font-weight:600;line-height:1.2}.blog-description{color:var(--muted-foreground);text-wrap:pretty;margin-top:1.5rem;font-size:1.125rem;line-height:1.75}.blog-byline{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-top:2rem;padding-top:1.5rem;font-size:.875rem;line-height:1.5;display:flex}.blog-byline span{font-weight:600}.blog-byline time{color:var(--muted-foreground)}.blog-cover{max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.blog-cover img{aspect-ratio:8/5;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.blog-reading{max-width:48rem;margin-inline:auto;padding:3rem 1.5rem 4rem}.blog-article{color:var(--foreground);text-wrap:pretty;font-size:1.125rem;line-height:1.8}.blog-article>*+*{margin-top:1.5rem}.blog-article>p:first-child{font-size:1.25rem;line-height:1.7}.blog-article :is(h2,h3,h4,h5,h6){letter-spacing:0;text-wrap:balance;margin-top:3rem;scroll-margin-top:2rem;font-weight:600;line-height:1.35}.blog-article :is(h2,h3,h4,h5,h6)+*{margin-top:1rem}.blog-article h2{font-size:1.875rem}.blog-article h3{font-size:1.5rem}.blog-article :is(h4,h5,h6){font-size:1.125rem}.blog-article :is(ul,ol){padding-left:1.5rem}.blog-article ul{list-style:outside}.blog-article ol{list-style:decimal}.blog-article li{padding-left:.5rem}.blog-article li::marker{color:var(--primary);font-weight:600}.blog-article li+li,.blog-article li>:is(ul,ol){margin-top:.5rem}.blog-article a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.blog-article a:hover{text-decoration-thickness:2px}.blog-article strong{font-weight:600}.blog-article blockquote{background:var(--background);border-left:4px solid var(--primary);margin-block:2rem;padding:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.6}.blog-article blockquote>*+*{margin-top:1rem}.blog-article :is(figure,p:has(>img)){margin-block:2rem}.blog-article img{border-radius:8px;width:100%;height:auto;display:block}.blog-article figcaption{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem;line-height:1.5}.blog-article hr{border:0;border-top:1px solid var(--border);margin-block:2rem}.blog-article code{background:var(--muted);border-radius:.25rem;padding:2px 4px;font-size:.875em}.blog-article pre{border:1px solid var(--border);background:var(--background);text-wrap:nowrap;border-radius:8px;max-width:100%;padding:1.5rem;overflow-x:auto}.blog-article pre code{background:0 0;padding:0}.blog-end{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem}@media (width<=639px){.blog-header{padding:2rem 1rem}.blog-header h1{font-size:2.25rem}.blog-cover{padding-inline:1rem}.blog-reading{padding:2rem 1rem 3rem}.blog-article{font-size:1rem}.blog-article>p:first-child,.blog-article blockquote{font-size:1.125rem}.blog-article h2{font-size:1.5rem}.blog-article h3{font-size:1.25rem}}