.blog-home-layout{align-items:start;gap:var(--space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.blog-home-layout h2,.blog-page h1{margin-top:var(--space-2);font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.blog-home-layout h2{max-width:16ch}.blog-all-link,.blog-read-link,.blog-back-link{align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);display:inline-flex}.blog-all-link,.blog-read-link{margin-top:var(--space-5)}.blog-meta,.blog-tags{color:var(--color-text-dim);font-size:var(--text-sm)}.blog-preview{min-width:0}.blog-preview-title{margin-top:var(--space-3);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);line-height:1.35}.blog-excerpt{max-width:64ch;margin-top:var(--space-4);color:var(--color-text-muted)}.blog-tags{margin-top:var(--space-5);gap:var(--space-2) var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.blog-tags li+li{padding-left:var(--space-4);border-left:1px solid var(--color-border)}.blog-page{min-height:62vh;padding-block:var(--space-12)}.blog-page-header{max-width:var(--reading);margin-bottom:var(--space-8)}.blog-page-header>p:not(.eyebrow){max-width:58ch;margin-top:var(--space-5);color:var(--color-text-muted)}.blog-feed-links{margin-top:var(--space-5);align-items:center;gap:var(--space-4);color:var(--color-text-dim);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.blog-feed-links a{align-items:center;min-height:44px;display:inline-flex}.blog-list{max-width:var(--reading);border-top:1px solid var(--color-border-strong)}.blog-list .blog-preview{padding-block:var(--space-7);border-bottom:1px solid var(--color-border)}.blog-empty{padding-block:var(--space-5);color:var(--color-text-muted)}.blog-article{max-width:var(--reading)}.blog-article:has(.blog-media){--blog-screenshot-width:304px;max-width:calc(var(--reading) + var(--space-10) + var(--blog-screenshot-width))}.blog-article-header,.blog-article-footer,.blog-prose>:not(.blog-media){max-width:var(--reading)}.blog-back-link{margin-bottom:var(--space-8)}.blog-article-header{padding-bottom:var(--space-7);border-bottom:1px solid var(--color-border-strong)}.blog-article-header h1{margin-top:var(--space-4);font-size:clamp(1.75rem, 4vw, var(--text-4xl))}.blog-prose{padding-top:var(--space-7);color:var(--color-text-muted);overflow-wrap:anywhere}.blog-prose>*+*,.blog-media-copy>*+*{margin-top:var(--space-5)}.blog-prose :is(h2,h3,h4){margin-top:var(--space-8);letter-spacing:var(--tracking-tight);line-height:1.35}.blog-prose h2{font-size:var(--text-2xl)}.blog-prose h3{font-size:var(--text-xl)}.blog-prose :is(ul,ol){padding-left:var(--space-5)}.blog-prose li+li{margin-top:var(--space-2)}.blog-prose strong{color:var(--color-text);font-weight:var(--weight-semibold)}.blog-prose pre{max-width:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.7;overflow-x:auto}.blog-prose code{font-family:var(--font-mono)}.blog-prose :not(pre)>code{padding:var(--space-1);background:var(--color-surface);color:var(--color-text);font-size:.9em}.blog-prose blockquote{padding-left:var(--space-5);border-left:2px solid var(--color-border-strong)}.blog-prose hr{border:0;border-top:1px solid var(--color-border)}.blog-prose .blog-screenshot{margin-block:var(--space-8)}.blog-media{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.blog-prose>.blog-media+*,.blog-prose>*+.blog-media{margin-top:var(--space-10)}.blog-media-copy{min-width:0}.blog-media-copy>:first-child{margin-top:0}.blog-media .blog-screenshot{width:min(100%, var(--blog-screenshot-width));margin:0 auto}.blog-screenshot>a{width:fit-content;max-width:100%;color:var(--color-text-dim);border-radius:var(--radius-sm);cursor:zoom-in;background:0 0;margin-inline:auto;text-decoration:none;display:block}.blog-screenshot img{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:360px}.blog-screenshot>a>span{margin-top:var(--space-2);font-size:var(--text-sm);text-align:right;display:block}.blog-screenshot>a:is(:hover,:focus-visible){color:var(--color-accent)}.blog-screenshot>a:is(:hover,:focus-visible) img{border-color:var(--color-accent)}.blog-screenshot figcaption{max-width:58ch;margin-top:var(--space-4);color:var(--color-text-dim);font-size:var(--text-sm);text-align:left;margin-inline:auto}.blog-prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.blog-prose :is(th,td){padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.blog-prose th{color:var(--color-text);font-weight:var(--weight-semibold)}.blog-prose :is(th,td):first-child{width:32%;padding-left:0}.blog-prose :is(th,td):last-child{padding-right:0}.blog-article-footer{margin-top:var(--space-10);padding-top:var(--space-5);justify-content:space-between;gap:var(--space-5);border-top:1px solid var(--color-border-strong);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.blog-article-footer a{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}@media (width>=1000px){.blog-media{grid-template-columns:minmax(0, 1fr) var(--blog-screenshot-width);column-gap:var(--space-10)}}@media (width<=999px){.blog-article:has(.blog-media){max-width:var(--reading)}}@media (width<=900px){.blog-home-layout{gap:var(--space-8);grid-template-columns:1fr}}@media (width<=640px){.blog-page{padding-block:var(--space-10)}.blog-prose pre{padding:var(--space-4)}}