.blog-cover{background:var(--tile);aspect-ratio:16/9;position:relative;overflow:hidden}.blog-cover:before{content:"";background:var(--tile-strong);position:absolute;inset:18% 14% 18% 30%}.blog-cover:after{content:"";border:1px solid var(--subtle);width:42%;height:46%;position:absolute;top:28%;left:14%}.blog-cover-line{border-top:1px solid var(--background);position:absolute;top:64%;left:9%;right:9%}.blog-filter{border:1px solid var(--line);background:var(--background);border-radius:999px;align-items:center;min-height:40px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.blog-filter[aria-current=page]{border-color:var(--secondary);background:var(--secondary);color:var(--secondary-foreground)}.blog-filter:hover{border-color:var(--foreground)}.blog-prose{max-width:68ch;color:var(--foreground);overflow-wrap:break-word;font-size:17px;line-height:1.6}.blog-prose h2{scroll-margin-top:110px}.blog-reading{min-width:0;max-width:72ch}.blog-article-layout{gap:32px;display:grid}.blog-toc{border-block:1px solid var(--line);align-self:start;padding-block:20px}.blog-toc summary{cursor:pointer;font-weight:500}.blog-toc nav{gap:14px;margin-top:20px;font-size:14px;line-height:1.5;display:grid}.blog-toc a:hover{text-decoration:underline}@media (width>=768px){.blog-prose{font-size:18px}}@media (width>=1200px){.blog-article-layout{grid-template-columns:220px minmax(0,1fr);gap:48px}.blog-toc{position:sticky;top:100px}.blog-toc>summary{pointer-events:none;list-style:none}.blog-toc:not([open])>nav{display:grid}}.blog-prose>*+*{margin-top:24px}.blog-prose :is(h2,h3,h4){color:var(--foreground);margin-top:40px;font-weight:500;line-height:1.3}.blog-prose h2{font-size:28px}.blog-prose h3{font-size:18px}.blog-prose :is(ul,ol){padding-left:24px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:8px}.blog-prose a{color:var(--foreground);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.blog-prose blockquote{border-left:2px solid var(--line);padding-left:20px}.blog-prose .blog-table-wrap{overflow-x:auto}.blog-prose table{border-collapse:collapse;text-align:left;width:100%}.blog-prose :is(th,td){border-bottom:1px solid var(--line);min-width:140px;padding:14px}.blog-prose th{background:var(--tile);color:var(--foreground);font-weight:500}.blog-prose pre{background:var(--tile);padding:16px;overflow-x:auto}.blog-prose code{background:var(--tile);font-family:inherit}.blog-prose img{max-width:100%;height:auto}