.public-top-shine.svelte-1teoznn{background:linear-gradient(115deg, var(--color-public-gradient-ai) 0%, var(--color-public-gradient-soft) 42%, var(--color-public-gradient-primary) 68%, var(--color-public-gradient-friction) 100%);opacity:.2;height:22rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000000bf 42%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000bf 42%,#0000 100%)}@media (width>=640px){.public-top-shine.svelte-1teoznn{opacity:.24;height:26rem}}.blog-article{overflow-wrap:break-word}.blog-article h1{margin-top:0}.blog-article .blog-task-list{margin-block:1.5rem;padding-inline-start:0;list-style:none}.blog-article .blog-task-list>.blog-task-list-item{grid-template-columns:1.125rem minmax(0,1fr);align-items:start;column-gap:.75rem;margin-block:.75rem;padding-inline-start:0;list-style:none;display:grid}.blog-article .blog-task-list>.blog-task-list-item::marker{content:""}.blog-article .blog-task-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer;justify-self:start;margin:.375rem 0 0}.blog-article .blog-task-list-item-content{min-width:0;color:var(--color-text-muted)}.blog-article .blog-task-list-item-content>:first-child{margin-top:0}.blog-article .blog-task-list-item-content>:last-child{margin-bottom:0}.blog-article picture{margin-block:2rem;display:block}.blog-article picture img{width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:.5rem}.blog-article .blog-table-wrapper{-webkit-overflow-scrolling:touch;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:.5rem;margin-block:2rem;overflow-x:auto}.blog-article .blog-table-wrapper table{width:100%;min-width:44rem;margin:0}.blog-article .blog-table-wrapper th{background-color:var(--color-grey-50);color:var(--color-text);white-space:nowrap}.blog-article .blog-table-wrapper td,.blog-article .blog-table-wrapper th{vertical-align:top;word-break:normal;overflow-wrap:break-word;border-bottom:1px solid var(--color-border-muted);padding:.875rem 1rem}.blog-article pre.mermaid{background-color:var(--color-grey-50);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:.5rem;justify-content:center;padding:1.5rem;display:flex;overflow-x:auto}.blog-article pre.mermaid svg{max-width:100%;height:auto}