.blog-prose{--blog-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2317c964' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");--blog-quote-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1a6 6 0 0 0 6-6V5a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1a6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");color:var(--color-base-content);font-size:1rem;line-height:1.85}.blog-prose>*+*{margin-top:1.25rem}.blog-prose :where(h2,h3,h4){margin-top:2rem;color:var(--color-base-content);font-weight:600;line-height:1.35}.blog-prose h2{font-size:1.35rem}.blog-prose h3{font-size:1.15rem}.blog-prose h4{margin-top:1.5rem;font-size:1rem;font-weight:500}.blog-prose h2+p,.blog-prose h3+p,.blog-prose h4+p{margin-top:.75rem}.blog-prose h5{margin-top:1.25rem;color:var(--color-base-content);font-size:.95rem;font-weight:600;line-height:1.45}.blog-prose h5+*{margin-top:.5rem}.blog-prose p,.blog-prose li{color:color-mix(in srgb,var(--color-base-content) 78%,transparent)}.blog-prose blockquote{position:relative;overflow:hidden;margin-top:.75rem;border:1px solid color-mix(in oklab,var(--color-primary) 20%,transparent);border-radius:1rem;background-color:var(--color-base-100);background-image:linear-gradient(to bottom right in oklab,color-mix(in oklab,var(--color-primary) 10%,transparent) 0%,var(--color-base-100) 55%,color-mix(in oklab,var(--color-base-100) 96%,transparent) 100%);padding:1.2rem 1.25rem;color:var(--color-base-content);backdrop-filter:blur(16px)}.blog-prose blockquote:after{content:"";position:absolute;inset-block-start:.75rem;inset-inline-end:.9rem;width:3.25rem;height:3.25rem;background-color:var(--color-primary);mask:center / contain no-repeat var(--blog-quote-icon);opacity:.1;pointer-events:none}.blog-prose blockquote>:first-child{margin-top:0}.blog-prose blockquote>:last-child{margin-bottom:0}.blog-prose ul,.blog-prose ol{margin-top:.75rem;margin-inline-start:0;padding-inline-start:0;list-style:none}.blog-prose :where(ul,ol)>li{position:relative;min-height:1.125rem;padding-inline-start:1.75rem}.blog-prose :where(ul,ol)>li:before{content:"";position:absolute;inset-inline-start:0;top:.42rem;inline-size:1.125rem;block-size:1.125rem;background:center / contain no-repeat var(--blog-check-icon)}.blog-prose li>:is(ul,ol){margin-top:.65rem}.blog-prose li+li{margin-top:.65rem}.blog-prose li>:is(ul,ol){margin-inline-start:0;padding-inline-start:1.25rem;list-style:disc}.blog-prose li>:is(ul,ol)>li{min-height:0;padding-inline-start:0}.blog-prose li>:is(ul,ol)>li:before{content:none}.blog-prose li>:is(ul,ol)>li::marker{color:color-mix(in srgb,var(--color-base-content) 62%,transparent)}.blog-prose :where(p,li,td,th,dt,dd,blockquote,h2,h3,h4,h5,h6) a{color:color-mix(in srgb,var(--color-base-content) 92%,transparent);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 42%,transparent);text-underline-offset:.2em;transition:color .2s ease,text-decoration-color .2s ease}.blog-prose :where(p,li,td,th,dt,dd,blockquote,h2,h3,h4,h5,h6) a:hover{color:var(--color-primary);text-decoration-color:currentColor}.blog-prose strong{color:var(--color-base-content);font-weight:650}.blog-prose code{border:1px solid var(--color-base-300);border-radius:.45rem;background:var(--color-base-200);padding:.12rem .4rem;font-size:.925em}.blog-prose hr{margin:2rem 0;border:0;border-top:1px dashed var(--color-base-300)}.blog-prose img{display:block;width:100%;border:0;border-radius:calc(var(--radius-lg) + .125rem);background:transparent}.blog-prose table{width:100%;margin-block:1.5rem;border:1px solid color-mix(in srgb,var(--color-base-300) 55%,transparent);border-radius:var(--radius-box);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:.9rem;line-height:1.55}.blog-prose thead{background-color:color-mix(in oklab,var(--color-base-200) 45%,transparent)}.blog-prose th{padding:.625rem 1rem;font-weight:600;color:color-mix(in srgb,var(--color-base-content) 92%,transparent);text-align:start;border-bottom:1px solid color-mix(in srgb,var(--color-base-300) 55%,transparent)}.blog-prose td{padding:.625rem 1rem;color:var(--color-base-content);text-align:start;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--color-base-300) 45%,transparent)}.blog-prose tbody tr:last-child td{border-bottom:0}.blog-prose dl{display:grid;grid-template-columns:max-content 1fr;column-gap:1.5rem;row-gap:.5rem;margin-block:1.5rem}.blog-prose dt{font-weight:600;color:var(--color-base-content)}.blog-prose dd{margin:0;color:color-mix(in srgb,var(--color-base-content) 88%,transparent)}.alert-callout{--alert-color: var(--color-primary);position:relative;display:flex;gap:.875rem;align-items:flex-start;margin-block:1.5rem;padding:1rem 1.25rem;border:1px solid color-mix(in oklab,var(--alert-color) 25%,transparent);border-radius:1rem;background-color:var(--color-base-100);background-image:linear-gradient(to bottom right in oklab,color-mix(in oklab,var(--alert-color) 10%,transparent) 0%,var(--color-base-100) 55%,color-mix(in oklab,var(--color-base-100) 96%,transparent) 100%);color:var(--color-base-content);backdrop-filter:blur(16px)}.alert-callout--success{--alert-color: var(--color-success)}.alert-callout--info{--alert-color: var(--color-info)}.alert-callout--warning{--alert-color: var(--color-warning)}.alert-callout--primary{--alert-color: var(--color-primary)}.alert-callout__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.15rem;color:var(--alert-color)}.alert-callout__body{flex:1;min-width:0}.alert-callout .alert-callout__title{margin:0 0 .25rem;font-weight:600;color:var(--color-base-content);line-height:1.4}.alert-callout__body>:first-child{margin-top:0}.alert-callout__body>:last-child{margin-bottom:0}@media(min-width:640px){.blog-prose :where(h2,h3,h4){margin-top:2rem}.blog-prose h2{font-size:1.5rem}.blog-prose h3{font-size:1.25rem}.blog-prose h4{margin-top:1.5rem;font-size:1.05rem}}