.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){color:var(--color-base-content);margin-top:2rem;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{color:var(--color-base-content);margin-top:1.25rem;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{border:1px solid color-mix(in oklab, var(--color-primary) 20%, transparent);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%);color:var(--color-base-content);backdrop-filter:blur(16px);border-radius:1rem;margin-top:.75rem;padding:1.2rem 1.25rem;position:relative;overflow:hidden}.blog-prose blockquote:after{content:"";background-color:var(--color-primary);width:3.25rem;height:3.25rem;mask:center / contain no-repeat var(--blog-quote-icon);opacity:.1;pointer-events:none;position:absolute;inset-block-start:.75rem;inset-inline-end:.9rem}.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{min-height:1.125rem;padding-inline-start:1.75rem;position:relative}.blog-prose :where(ul,ol)>li:before{content:"";inset-inline-start:0;background:center / contain no-repeat var(--blog-check-icon);block-size:1.125rem;inline-size:1.125rem;position:absolute;top:.42rem}.blog-prose li>:is(ul,ol),.blog-prose li+li{margin-top:.65rem}.blog-prose li>:is(ul,ol){margin-inline-start:0;padding-inline-start:1.25rem;list-style:outside}.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,text-decoration-color .2s}.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);background:var(--color-base-200);border-radius:.45rem;padding:.12rem .4rem;font-size:.925em}.blog-prose hr{border:0;border-top:1px dashed var(--color-base-300);margin:2rem 0}.blog-prose img{border-radius:calc(var(--radius-lg) + .125rem);background:0 0;border:0;width:100%;display:block}.blog-prose table{border:1px solid color-mix(in srgb, var(--color-base-300) 55%, transparent);border-radius:var(--radius-box);border-collapse:separate;border-spacing:0;width:100%;margin-block:1.5rem;font-size:.9rem;line-height:1.55;overflow:hidden}.blog-prose thead{background-color:color-mix(in oklab, var(--color-base-200) 45%, transparent)}.blog-prose th{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);padding:.625rem 1rem;font-weight:600}.blog-prose td{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);padding:.625rem 1rem}.blog-prose tbody tr:last-child td{border-bottom:0}.blog-prose dl{grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin-block:1.5rem;display:grid}.blog-prose dt{color:var(--color-base-content);font-weight:600}.blog-prose dd{color:color-mix(in srgb, var(--color-base-content) 88%, transparent);margin:0}.alert-callout{--alert-color:var(--color-primary);border:1px solid color-mix(in oklab, var(--alert-color) 25%, transparent);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);border-radius:1rem;align-items:flex-start;gap:.875rem;margin-block:1.5rem;padding:1rem 1.25rem;display:flex;position:relative}.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{width:1.25rem;height:1.25rem;color:var(--alert-color);flex-shrink:0;margin-top:.15rem}.alert-callout__body{flex:1;min-width:0}.alert-callout .alert-callout__title{color:var(--color-base-content);margin:0 0 .25rem;font-weight:600;line-height:1.4}.alert-callout__body>:first-child{margin-top:0}.alert-callout__body>:last-child{margin-bottom:0}@media (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}}
