.blog-chip{border:1px solid var(--slate-300);background:var(--white);min-height:40px;color:var(--slate-700);transition:border-color var(--dur-fast), background-color var(--dur-fast), color var(--dur-fast);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .95rem .45rem 1.05rem;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.blog-chip:hover{border-color:var(--ink-900);color:var(--ink-950)}.blog-chip__count{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--slate-500);background:var(--paper-2);border-radius:999px;padding:.2rem .45rem;font-size:.72rem;font-weight:500}.blog-chip--active,.blog-chip--active:hover{border-color:var(--ink-950);background:var(--ink-950);color:var(--white)}.blog-chip--active .blog-chip__count{color:#ffffffd9;background:#ffffff1f}.blog-list{margin:0;padding:0;list-style:none}.blog-list>li{border-top:1px solid var(--slate-200)}.blog-list>li:first-child{border-top:0}.blog-row{border-radius:var(--radius-lg);gap:1.5rem;padding-block:clamp(1.75rem,1.25rem + 1.5vw,2.75rem);display:grid}@media (min-width:768px){.blog-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:2.25rem}.blog-row--featured{align-items:center}}@media (min-width:1024px){.blog-row{gap:3rem}}.blog-row__media>div{transition:border-color var(--dur-base) var(--ease-out)}@media (hover:hover){.blog-row:hover .blog-row__media>div{border-color:var(--slate-300)}.blog-row:hover h2 a,.blog-row:hover h3 a{color:var(--blue-700)}}.blog-row h2 a,.blog-row h3 a{color:inherit;transition:color var(--dur-fast)}.blog-list>li.blog-list__featured{padding-bottom:clamp(.5rem,.25rem + 1vw,1.25rem)}.blog-count{white-space:nowrap;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--slate-600);flex-shrink:0;font-size:.8rem}.blog-byline{color:#ffffffc7;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.92rem;display:flex}.blog-byline__item{white-space:nowrap;align-items:center;gap:.75rem;display:inline-flex}.blog-byline__sep{color:#ffffff4d}.blog-byline strong{color:var(--white);font-weight:600}.blog-byline--secondary{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;font-size:.74rem}.blog-article{max-width:70ch;font-size:1.0625rem;line-height:1.75}@media (min-width:1024px){.blog-article{font-size:1.125rem;line-height:1.78}}.blog-article>p:first-child{margin-top:0}.blog-article p{text-wrap:pretty}.blog-article h2{margin-top:2.6em;margin-bottom:.85em;font-size:1.55em;line-height:1.2}.blog-article h3{margin-top:2em;margin-bottom:.6em;font-size:1.2em;line-height:1.3}.blog-article h2+h3{margin-top:1.25em}.blog-article ul,.blog-article ol{padding-left:1.35em}.blog-article li{margin-block:.45em}.blog-article li::marker{color:var(--teal-600);font-weight:600}.blog-article ul>li::marker{color:var(--teal-500)}.blog-article hr{border-color:var(--slate-200);margin-block:3em}.blog-article blockquote{color:var(--ink-900);border-left:3px solid var(--teal-500);quotes:none;margin-block:2em;padding-left:1.25em;font-style:normal;font-weight:450}.blog-article blockquote p:first-of-type:before,.blog-article blockquote p:last-of-type:after{content:none}.blog-article table{font-size:.92em;line-height:1.5}.blog-article thead th{color:var(--ink-950);text-align:left;padding-bottom:.6em;font-weight:600}.blog-article tbody td{vertical-align:top;padding-block:.65em}.blog-article tbody tr:nth-child(2n) td{background:var(--paper)}.blog-article figure{margin-block:2em}.blog-article figcaption{color:var(--slate-500);font-size:.85em}.blog-article strong{font-weight:600}.blog-code{border-radius:var(--radius-md);background:var(--ink-950);border:1px solid var(--ink-700);color:#e6ebf3;box-shadow:var(--shadow-soft);margin-block:2em;overflow:hidden}.blog-code__bar{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1.1rem;display:flex}.blog-code__lang{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-400);min-height:1em;font-size:.72rem}.blog-code__copy{color:#ffffffc7;min-height:32px;font:inherit;cursor:pointer;transition:background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);background:0 0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;line-height:1;display:inline-flex}.blog-code__copy:hover{color:var(--white);background:#ffffff14;border-color:#ffffff59}.blog-code__copy:focus-visible{outline:3px solid var(--teal-400);outline-offset:2px}.blog-code__copy[data-state=copied]{border-color:var(--teal-500);color:var(--teal-400)}.blog-code__copy[data-state=failed]{color:#ffffffe6;border-color:#ffffff59}.blog-code__pre{font-family:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;tab-size:2;color:inherit;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:0 0;margin:0;padding:1.1rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-code__pre:focus-visible{outline:3px solid var(--teal-400);outline-offset:-3px}.blog-code__pre code{width:max-content;min-width:100%;font-size:inherit;color:inherit;white-space:pre;background:0 0;border-radius:0;padding:0;font-weight:400;display:block}@media (max-width:640px){.blog-code{border-radius:var(--radius-md);margin-inline:0}.blog-code__pre{padding:1rem;font-size:.8125rem}}.blog-toc__list{border-left:1px solid var(--slate-200);margin:1rem 0 0;padding:0;font-size:.9rem;list-style:none}.blog-toc__list li+li{margin-top:.35rem}.blog-toc__link{color:var(--slate-600);transition:color var(--dur-fast), border-color var(--dur-fast);border-left:2px solid #0000;margin-left:-1px;padding:.25rem 0 .25rem 1rem;line-height:1.45;text-decoration:none;display:block}.blog-toc__link:hover{color:var(--ink-950);border-left-color:var(--teal-500)}.blog-toc--details{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--paper);margin-bottom:2.25rem;padding:.25rem 1.1rem}.blog-toc--details .blog-toc__list{margin:.5rem 0 1rem}.blog-toc__summary{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding-block:.6rem;display:flex}.blog-toc__summary:focus-visible{outline:3px solid var(--blue-500);outline-offset:2px;border-radius:var(--radius-sm)}.blog-author{border-top:1px solid var(--slate-200);margin-top:3.5rem;padding-top:2.25rem}.prose-aa :not(pre)>code{overflow-wrap:anywhere;word-break:break-word}
