main{--color-primary: light-dark(#0a0a0a, #fefefe);--color-secondary: light-dark(rgba(0, 0, 0, .7), rgba(255, 255, 255, .7));--color-tertiary: light-dark(rgba(0, 0, 0, .5), rgba(255, 255, 255, .5));--color-border: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .15));--color-danger: light-dark(rgba(220, 38, 38, .08), rgba(248, 113, 113, .08));--color-danger-text: light-dark(rgba(185, 28, 28, .9), rgba(248, 113, 113, .9));--color-danger-border: light-dark(rgba(220, 38, 38, .2), rgba(248, 113, 113, .3));--color-warning: light-dark(rgba(234, 179, 8, .08), rgba(234, 179, 8, .08));--color-warning-text: light-dark(rgba(161, 98, 7, .9), rgba(234, 179, 8, .9));--color-warning-border: light-dark(rgba(234, 179, 8, .2), rgba(234, 179, 8, .3));--color-info: light-dark(rgba(59, 130, 246, .08), rgba(59, 130, 246, .08));--color-info-text: light-dark(rgba(29, 78, 216, .9), rgba(59, 130, 246, .9));--color-info-border: light-dark(rgba(59, 130, 246, .2), rgba(59, 130, 246, .3));--code-color: light-dark(#c35555, #f19393);--code-background-color: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .1));--link-color: light-dark(#2563eb, #60a5fa);--link-hover-color: light-dark(#1d4ed8, #3b82f6);line-height:1.6;font-family:system-ui,-apple-system,sans-serif;color:var(--color-primary);margin:0 auto;padding:0 1rem}main h1,main h2,main h3,main h4,main h5,main h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3;color:var(--color-primary)}main h1{font-size:2.25rem;margin-top:0;padding-bottom:.5rem}main h2{font-size:1.875rem;padding-bottom:.25rem}main h3{font-size:1.5rem}main h4{font-size:1.25rem}main h5{font-size:1.125rem}main h6{font-size:1rem;color:var(--color-secondary)}main p{margin-bottom:1rem;color:var(--color-primary)}main a{color:var(--link-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}main a:hover{color:var(--link-hover-color)}main strong{font-weight:600;color:var(--color-primary)}main em{font-style:italic;color:var(--color-primary)}main del{text-decoration:line-through;color:var(--color-secondary)}main ul,main ol{margin-bottom:1rem;padding-left:1.5rem}main li{margin-bottom:.5rem;color:var(--color-primary)}main ul li{list-style-type:disc}main ol li{list-style-type:decimal}main ul ul,main ol ol,main ul ol,main ol ul{margin-top:.5rem;margin-bottom:.5rem}main blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--color-border);background-color:light-dark(rgba(0,0,0,.02),rgba(255,255,255,.05));color:var(--color-secondary);font-style:italic;border-radius:0 .375rem .375rem 0}main blockquote>*:first-child{margin-top:0}main blockquote>*:last-child{margin-bottom:0}main hr{margin:2rem 0;border:none;height:1px;background-color:var(--color-border)}main img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:light-dark(0 1px 3px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3))}main pre{margin:1.5rem 0;overflow-x:auto;border-radius:.5rem;border:1px solid var(--color-border)}main .code-block{display:block;padding:1.25rem;background-color:var(--code-background-color);color:var(--color-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5;white-space:pre;overflow-x:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}main code{background-color:var(--code-background-color);color:var(--code-color);padding:.125rem .375rem;border-radius:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875em;border:1px solid var(--color-border)}main pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;border:none;font-size:inherit}main .callout{padding:1.25rem;border-radius:.75rem;margin:1.5rem 0;border:1px solid;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}main .callout-info{background-color:var(--color-info);border-color:var(--color-info-border)}main .callout-danger{background-color:var(--color-danger);border-color:var(--color-danger-border)}main .callout-warn{background-color:var(--color-warning);border-color:var(--color-warning-border)}main .callout-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center}main .callout-info .callout-title{color:var(--color-info-text)}main .callout-danger .callout-title{color:var(--color-danger-text)}main .callout-warn .callout-title{color:var(--color-warning-text)}main .callout-title:before{content:"";display:inline-block;width:1.25rem;height:1.25rem;margin-right:.5rem;border-radius:50%;flex-shrink:0}main .callout-info .callout-title:before{background-color:var(--color-info-text);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}main .callout-danger .callout-title:before{background-color:var(--color-danger-text);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}main .callout-warn .callout-title:before{background-color:var(--color-warning-text);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}main .callout-content{font-size:.9rem;line-height:1.6;color:var(--color-primary)}main .callout-content>*:first-child{margin-top:0}main .callout-content>*:last-child{margin-bottom:0}@media (max-width: 768px){main{padding:0 .75rem}main h1{font-size:1.875rem}main h2{font-size:1.5rem}main h3{font-size:1.25rem}main .code-block{padding:1rem;font-size:.8rem}main .callout{padding:1rem;margin:1rem 0}}
