.blog,.blog-post{max-width:calc(46rem + var(--gutter) * 2);padding:5rem var(--gutter) 3rem;margin:0 auto}.blog__title{letter-spacing:-.03em;margin:.75rem 0 1rem;font-size:clamp(2.5rem,1.6rem + 3vw,3.5rem)}.blog__note{border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--surface);color:var(--subtle);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.blog__list{border-top:1px solid var(--line-2);list-style:none}.blog__card{border-bottom:1px solid var(--line)}.blog__card a{color:inherit;flex-direction:column;gap:.5rem;padding:1.75rem 0;display:flex}.blog__card h2{font-size:1.5rem;line-height:1.3;transition:color .15s}.blog__card a:hover h2{color:var(--accent)}.blog__card p{color:var(--muted);line-height:1.6}.blog__date{font-family:var(--font-mono-stack);color:var(--faint);font-size:.8125rem}.blog-post{line-height:1.75}.blog-post__back{min-height:2.75rem;color:var(--subtle);align-items:center;margin-bottom:1.5rem;display:inline-flex}.blog-post__back:hover{color:var(--accent)}.blog-post h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,1.4rem + 2.5vw,3rem);line-height:1.1}.blog-post__content{color:var(--text-soft);margin-top:2.5rem;font-size:1.125rem}.blog-post__content>*+*{margin-top:1.25rem}.blog-post__content h2,.blog-post__content h3{margin-top:2.5rem;line-height:1.25}.blog-post__content ul,.blog-post__content ol{padding-left:1.5rem}.blog-post__content ul{list-style:outside}.blog-post__content li+li{margin-top:.5rem}.blog-post__content blockquote{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:0;padding:.75rem 1.25rem}.blog-post__content img{border-radius:var(--radius-lg)}.blog-post__content pre{background:var(--surface);border:1px solid var(--line-2);color:var(--text);border-radius:var(--radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem 1.25rem;font-size:.9375rem}.blog-post__content code{font-family:var(--font-mono-stack);background:var(--surface-2);color:var(--accent-hover);border-radius:4px;padding:.15em .4em;font-size:.9em}.blog-post__content pre code{color:inherit;background:0 0;padding:0}@media screen and (max-width:768px){.blog,.blog-post{padding-top:2.5rem}}.share{border-top:1px solid var(--line-2);margin-top:3.5rem;padding-top:1.5rem}.share__title{color:var(--text-strong);margin-bottom:.875rem;font-weight:500}.share__buttons{flex-wrap:wrap;gap:.625rem;display:flex}.share__button{border:1px solid var(--line-3);border-radius:var(--radius-lg);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text-soft);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.share__button:hover,.share__button:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.share__status{min-height:1.25rem;color:var(--accent);margin-top:.5rem;font-size:.875rem}.blog__lang{margin-left:.75rem;padding:.125rem .5rem;font-size:.6875rem}.blog-post__content table{border-collapse:collapse;max-width:100%;font-size:1rem;display:block;overflow-x:auto}.blog-post__content th,.blog-post__content td{border:1px solid var(--line-2);text-align:left;vertical-align:top;padding:.65rem .9rem}.blog-post__content th{background:var(--surface);color:var(--text);font-weight:var(--font-medium)}.blog__rss{font-family:var(--font-mono-stack);margin-bottom:1.25rem;font-size:.875rem;display:inline-block}