.blog-post,.writing-index{width:100%;max-width:var(--width-text);flex-direction:column;margin-inline:auto;display:flex}.toc-field{gap:1.2rem}.toc-title{min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);flex:1;margin:0;padding:1.8rem 2rem 1.8rem 0}.toc-item .palette-item-title{white-space:normal;max-width:none}.toc-item.toc-depth-2{padding-left:2.8rem}.toc-item.toc-depth-3{padding-left:4.4rem}.toc-item.is-current:not([aria-selected=true]) .palette-item-title{color:var(--color-secondary)}@media (width<=600px){.toc-title{padding-block:1.6rem;font-size:16px}}.blog-post-back{margin-bottom:2.4rem}.link-back{color:var(--color-secondary);text-decoration:none;transition:color .1s}.link-back:hover{color:var(--color-primary)}.blog-post-header{margin-bottom:4.8rem}.blog-post-title{font-size:3.2rem;font-weight:var(--font-weight-bold);margin:0 0 .8rem;line-height:1.2}.blog-post-meta{color:var(--color-secondary);font-size:var(--font-size-body);font-variant-numeric:lining-nums tabular-nums}.blog-post-content{flex-direction:column;gap:0;display:flex}.blog-post-content>:first-child{margin-top:0}.blog-post-content>p{margin:0 0 3.2rem}.blog-post-content>h1,.blog-post-content>h2,.blog-post-content>h3{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:1.6}.blog-post-content>h1{margin:0;padding-bottom:2.4rem}.blog-post-content>h2{margin:3.2rem 0 1.6rem}.blog-post-content>h3{margin:2.4rem 0 1.2rem}.blog-post-content>h1:has(+:is(h1,h2,h3)){padding-bottom:0}.blog-post-content>:is(h1,h2,h3)+:is(h1,h2,h3){margin-top:0}.blog-post-content a{color:var(--color-primary);text-underline-offset:.2em;text-decoration:underline}.blog-post-content a:hover{color:var(--color-primary-hover)}.blog-post-content code{font-family:var(--font-mono);font-variation-settings:"MONO" 1;color:var(--color-code);font-size:1.2rem;font-weight:420}.blog-post-content pre.astro-code{--shiki-dark-bg:var(--color-quaternary);counter-reset:line;border-radius:.8rem;margin:0 0 3.2rem;padding:1.6rem 2.4rem;overflow-x:auto;background-color:var(--color-quaternary)!important}.blog-post-content pre.astro-code code{color:inherit;font-size:1.3rem}.blog-post-content pre.astro-code .line:before{counter-increment:line;content:counter(line);text-align:right;width:1rem;color:var(--color-secondary);margin-right:1.5rem;display:inline-block}.blog-post-content p>code,.blog-post-content li>code{background:var(--color-quaternary);box-sizing:content-box;border-style:solid;border-width:2px 6px;border-color:var(--color-quaternary);border-radius:.8rem}:root[data-theme=light] .blog-post-content .astro-code,:root[data-theme=light] .blog-post-content .astro-code span{color:var(--shiki-light)!important;background-color:var(--color-quaternary)!important;font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;text-decoration:var(--shiki-light-text-decoration)!important}:root[data-theme=dark] .blog-post-content .astro-code,:root[data-theme=dark] .blog-post-content .astro-code span{color:var(--shiki-dark)!important;background-color:var(--color-quaternary)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.blog-post-content img,.blog-post-content video{box-sizing:border-box;border:1px solid var(--img-border-stroke);border-radius:1.2rem;width:100%;height:auto;margin:0 0 3.2rem;display:block}.blog-post-content video{object-fit:contain;background:var(--color-quaternary);max-height:540px;padding:2.4rem}.blog-post-content p:has(>img:only-child),.blog-post-content p:has(>video:only-child){margin-bottom:0}.blog-post-content p:has(>img:only-child) img,.blog-post-content p:has(>video:only-child) video{margin-bottom:3.2rem}.blog-post-content ul{margin:0 0 3.2rem;padding-left:0;list-style:none}.blog-post-content ul>li{align-items:flex-start;gap:1.6rem;margin-left:0;display:flex}.blog-post-content ul>li:before{content:"";background-color:var(--color-primary);flex-shrink:0;width:2.4rem;height:1px;margin-top:calc(.8em - .5px)}.blog-post-content ul>li:not(:last-child){margin-bottom:1.6rem}.blog-post-content ol{margin:0 0 3.2rem;padding-left:2.4rem}.blog-post-content ol>li{margin-bottom:.8rem;margin-left:0}.blog-post-content blockquote{border-left:2px solid var(--color-tertiary);margin:0 0 3.2rem;padding-left:1.6rem}.blog-post-content blockquote>p{color:var(--color-secondary);margin-bottom:0}.writing-list{flex-direction:column;gap:2.4rem;margin:3.2rem 0 0;padding:0;list-style:none;display:flex}.writing-list li{margin:0}.writing-list a{color:var(--color-primary);font-weight:var(--font-weight-bold);justify-content:space-between;gap:1.6rem;text-decoration:none;display:flex}.writing-list a:hover .writing-list-title{text-underline-offset:.2em;text-decoration:underline}.writing-list time{color:var(--color-secondary);font-weight:var(--font-weight-regular);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.writing-list p{color:var(--color-secondary);margin:.4rem 0 0}.page-writing .bottom-nav-item{cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}