.blog-cover{aspect-ratio:16/9;width:100%;max-width:640px;margin-left:auto;margin-right:auto;position:relative}.blog-body{overflow-wrap:anywhere;font-size:1.075rem;line-height:1.8}.blog-body>div,.blog-body>p,.blog-body>figure,.blog-body>blockquote,.blog-body>aside{margin:1.6rem 0}.blog-body h2{margin:2.6rem 0 1rem;scroll-margin-top:6rem;font-size:1.8rem;font-weight:650;line-height:1.25}.blog-body h3{margin:2rem 0 1rem;scroll-margin-top:6rem;font-size:1.4rem;font-weight:600}.blog-body p{margin:.8rem 0}.blog-body a{text-underline-offset:3px;text-decoration:underline}.blog-body ul{padding-left:1.5rem;list-style:outside}.blog-body ol{padding-left:1.5rem;list-style:decimal}.blog-body li{margin:.4rem 0}.blog-body img,.blog-body video{border-radius:.75rem;width:100%;height:auto}.blog-example-image{width:100%;max-width:400px;height:200px;position:relative}.blog-body .blog-example pre{max-height:200px}.blog-body audio{width:100%}.blog-body figcaption{color:var(--muted-foreground);margin-top:.6rem;font-size:.85rem}.blog-body blockquote{border-left:3px solid var(--primary);background:var(--card);border-radius:0 .75rem .75rem 0;padding:1rem 1.4rem}.blog-body pre{background:var(--muted);border-radius:.5rem;max-width:100%;padding:1rem;font-size:.875rem;overflow:auto}.blog-body table{border-collapse:collapse;width:100%;display:block;overflow:auto}.blog-body th,.blog-body td{border:1px solid var(--border);padding:.5rem}.blog-body code{font-size:.9em}.blog-body aside a{color:var(--primary-foreground);text-decoration:none}