.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{border-radius:.75rem;width:100%;height:auto}.blog-body video{object-fit:contain;background:var(--muted);border-radius:.75rem;width:100%;max-width:534px;height:300px;max-height:300px;display:block}.blog-example-image{width:100%;max-width:400px;height:400px;position:relative}.blog-image-trigger{cursor:zoom-in;text-align:left;background:0 0;border:0;border-radius:.75rem;padding:0;display:block;position:relative}.blog-image-block{width:100%}.blog-image-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.blog-image-hint{color:#fff;opacity:0;pointer-events:none;background:#101011d9;border-radius:.5rem;align-items:center;gap:.5rem;max-width:calc(100% - 1.5rem);padding:.5rem .75rem;font-size:.8rem;line-height:1.4;transition:opacity .15s;display:flex;position:absolute;bottom:.75rem;right:.75rem}.blog-image-hint svg{flex-shrink:0}.blog-image-trigger:hover .blog-image-hint,.blog-image-trigger:focus-visible .blog-image-hint{opacity:1}.blog-image-dialog{color:#fff;cursor:zoom-out;background:#101011f2;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.blog-image-dialog::backdrop{background:#101011}.blog-image-full{pointer-events:none;position:absolute;inset:4rem 1rem 1rem}.blog-body .blog-image-full img{object-fit:contain}.blog-image-close{color:#fff;cursor:pointer;background:#101011;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid;position:absolute;top:1rem;right:1rem}.blog-image-close:focus-visible{outline-offset:3px;outline:2px solid #fff}body:has(.blog-image-dialog[open]){overflow:hidden}@media (hover:none){.blog-image-hint{opacity:1}}@media (prefers-reduced-motion:reduce){.blog-image-hint{transition:none}}.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}