:root{--viewer-text-default:hsl(240 10% 3.9%);--viewer-text-gray:hsl(240 3.8% 46.1%);--viewer-text-brown:hsl(25 95% 53%);--viewer-text-orange:hsl(24 95% 53%);--viewer-text-yellow:hsl(48 96% 53%);--viewer-text-green:hsl(142 71% 45%);--viewer-text-blue:hsl(221 83% 53%);--viewer-text-purple:hsl(269 97% 85%);--viewer-text-pink:hsl(336 80% 58%);--viewer-text-red:hsl(0 84% 60%);--viewer-bg-default:hsl(0 0% 100%);--viewer-bg-subtle:hsl(0 0% 98%);--viewer-bg-muted:hsl(240 5% 96%);--viewer-highlight-default:hsl(0 0% 98%);--viewer-highlight-gray:hsl(240 5% 96%);--viewer-highlight-brown:hsl(43 96% 96%);--viewer-highlight-orange:hsl(33 100% 96%);--viewer-highlight-yellow:hsl(54 100% 96%);--viewer-highlight-green:hsl(142 71% 96%);--viewer-highlight-blue:hsl(217 91% 96%);--viewer-highlight-purple:hsl(269 97% 96%);--viewer-highlight-pink:hsl(336 80% 96%);--viewer-highlight-red:hsl(0 84% 96%);--viewer-border-default:hsl(240 5% 88%);--viewer-border-strong:hsl(240 5% 65%);--viewer-spacing-1:0.25rem;--viewer-spacing-2:0.5rem;--viewer-spacing-3:0.75rem;--viewer-spacing-4:1rem;--viewer-spacing-6:1.5rem;--viewer-spacing-8:2rem;--viewer-spacing-12:3rem;--viewer-spacing-16:4rem;--viewer-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--viewer-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--viewer-font-serif:Georgia,Cambria,"Times New Roman",Times,serif;--viewer-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--viewer-transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--viewer-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--viewer-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--viewer-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--viewer-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}.dark{--viewer-text-default:hsl(0 0% 98%);--viewer-text-gray:hsl(240 5% 64.9%);--viewer-text-brown:hsl(25 95% 53%);--viewer-text-orange:hsl(24 95% 53%);--viewer-text-yellow:hsl(48 96% 53%);--viewer-text-green:hsl(142 71% 45%);--viewer-text-blue:hsl(221 83% 53%);--viewer-text-purple:hsl(269 97% 85%);--viewer-text-pink:hsl(336 80% 58%);--viewer-text-red:hsl(0 84% 60%);--viewer-bg-default:hsl(240 10% 3.9%);--viewer-bg-subtle:hsl(240 3.7% 15.9%);--viewer-bg-muted:hsl(240 5% 26%);--viewer-highlight-default:hsl(240 3.7% 15.9%);--viewer-highlight-gray:hsl(240 5% 26%);--viewer-highlight-brown:hsl(43 96% 10%);--viewer-highlight-orange:hsl(33 100% 10%);--viewer-highlight-yellow:hsl(54 100% 10%);--viewer-highlight-green:hsl(142 71% 10%);--viewer-highlight-blue:hsl(217 91% 10%);--viewer-highlight-purple:hsl(269 97% 10%);--viewer-highlight-pink:hsl(336 80% 10%);--viewer-highlight-red:hsl(0 84% 10%);--viewer-border-default:hsl(240 5% 26%);--viewer-border-strong:hsl(240 5% 64.9%)}.blog-viewer{font-family:var(--viewer-font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:90ch}.blog-viewer,.blog-viewer p{color:var(--viewer-text-default);line-height:1.75}.blog-viewer p{margin:var(--viewer-spacing-4) 0;font-size:1.125rem}.blog-viewer>p:first-child{margin-top:0}.blog-viewer>p:last-child{margin-bottom:0}.blog-viewer h1,.blog-viewer h2,.blog-viewer h3,.blog-viewer h4{font-family:var(--viewer-font-sans);font-weight:700;letter-spacing:-.025em;color:var(--viewer-text-default);scroll-margin-top:var(--viewer-spacing-16);line-height:1.2}.blog-viewer h1{font-size:2.5rem}.blog-viewer h1,.blog-viewer h2{margin:var(--viewer-spacing-8) 0 var(--viewer-spacing-4)}.blog-viewer h2{font-size:2rem}.blog-viewer h3{font-size:1.5rem;margin:var(--viewer-spacing-6) 0 var(--viewer-spacing-3)}.blog-viewer h4{font-size:1.25rem;margin:var(--viewer-spacing-4) 0 var(--viewer-spacing-2)}.blog-viewer a{color:var(--viewer-text-blue);text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.2em;transition:all var(--viewer-transition-fast)}.blog-viewer a:hover{color:var(--viewer-text-blue);text-decoration-thickness:.2em}.blog-viewer code{font-family:var(--viewer-font-mono);font-size:.9em;background-color:var(--viewer-bg-muted);padding:.2em .4em;border-radius:4px;color:var(--viewer-text-default);border:1px solid var(--viewer-border-default)}.blog-viewer pre{margin:var(--viewer-spacing-6) 0;padding:var(--viewer-spacing-4);background-color:var(--viewer-bg-subtle);border-radius:8px;overflow-x:auto;border:1px solid var(--viewer-border-default)}.blog-viewer pre code{background-color:transparent;padding:0;border:none;font-size:.875rem;line-height:1.7;color:var(--viewer-text-default)}.blog-viewer blockquote{margin:var(--viewer-spacing-6) 0;padding:var(--viewer-spacing-4) var(--viewer-spacing-6);border-left:4px solid var(--viewer-border-strong);font-style:italic;color:var(--viewer-text-gray);background-color:var(--viewer-bg-subtle);border-radius:0 8px 8px 0}.blog-viewer ol,.blog-viewer ul{margin:var(--viewer-spacing-4) 0;padding-left:var(--viewer-spacing-6)}.blog-viewer li{margin:var(--viewer-spacing-2) 0;padding-left:var(--viewer-spacing-2)}.blog-viewer ul{list-style-type:disc}.blog-viewer ul ul{list-style-type:circle}.blog-viewer ul ul ul{list-style-type:square}.blog-viewer ol{list-style-type:decimal}.blog-viewer ol ol{list-style-type:lower-alpha}.blog-viewer ol ol ol{list-style-type:lower-roman}.blog-viewer table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--viewer-spacing-6) 0;border:1px solid var(--viewer-border-default);border-radius:8px;overflow:hidden}.blog-viewer th{background-color:var(--viewer-bg-subtle);font-weight:600;text-align:left;border-bottom:2px solid var(--viewer-border-default)}.blog-viewer td,.blog-viewer th{padding:var(--viewer-spacing-3) var(--viewer-spacing-4)}.blog-viewer td{border-bottom:1px solid var(--viewer-border-default)}.blog-viewer tr:last-child td{border-bottom:none}.blog-viewer tr:hover td{background-color:var(--viewer-bg-subtle)}.blog-viewer img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--viewer-border-default);box-shadow:var(--viewer-shadow-sm);display:block;margin:var(--viewer-spacing-4) auto}.blog-viewer hr{margin:var(--viewer-spacing-8) 0;border:none;border-top:2px solid var(--viewer-border-default)}.blog-viewer .text-gray{color:var(--viewer-text-gray)}.blog-viewer .text-brown{color:var(--viewer-text-brown)}.blog-viewer .text-orange{color:var(--viewer-text-orange)}.blog-viewer .text-yellow{color:var(--viewer-text-yellow)}.blog-viewer .text-green{color:var(--viewer-text-green)}.blog-viewer .text-blue{color:var(--viewer-text-blue)}.blog-viewer .text-purple{color:var(--viewer-text-purple)}.blog-viewer .text-pink{color:var(--viewer-text-pink)}.blog-viewer .text-red{color:var(--viewer-text-red)}.blog-viewer .highlight-gray{background-color:var(--viewer-highlight-gray)}.blog-viewer .highlight-brown{background-color:var(--viewer-highlight-brown)}.blog-viewer .highlight-orange{background-color:var(--viewer-highlight-orange)}.blog-viewer .highlight-yellow{background-color:var(--viewer-highlight-yellow)}.blog-viewer .highlight-green{background-color:var(--viewer-highlight-green)}.blog-viewer .highlight-blue{background-color:var(--viewer-highlight-blue)}.blog-viewer .highlight-purple{background-color:var(--viewer-highlight-purple)}.blog-viewer .highlight-pink{background-color:var(--viewer-highlight-pink)}.blog-viewer .highlight-red{background-color:var(--viewer-highlight-red)}.blog-viewer .text-left{text-align:left}.blog-viewer .text-center{text-align:center}.blog-viewer .text-right{text-align:right}.blog-viewer .text-justify{text-align:justify}.blog-viewer .superscript{vertical-align:super;font-size:smaller}.blog-viewer .subscript{vertical-align:sub;font-size:smaller}.blog-viewer .underline{text-decoration:underline}.blog-viewer .strikethrough{text-decoration:line-through}@media (max-width:640px){.blog-viewer{padding:var(--viewer-spacing-6) var(--viewer-spacing-3)}.blog-viewer h1{font-size:2rem}.blog-viewer h2{font-size:1.75rem}.blog-viewer h3{font-size:1.5rem}.blog-viewer h4{font-size:1.25rem}.blog-viewer p{font-size:1rem}}@media print{.blog-viewer{padding:0;max-width:none}.blog-viewer a{text-decoration:underline}.blog-viewer img{max-width:100%!important;page-break-inside:avoid}.blog-viewer h1,.blog-viewer h2,.blog-viewer h3,.blog-viewer h4{page-break-after:avoid}}