.blog-post-header{padding-block:var(--section-py);border-bottom:var(--border)}.blog-post-header__intro{max-width:76ch}.blog-post-header h1{max-width:18ch;margin-top:var(--sp-3);font-size:var(--text-display)}.blog-post-header__description{max-width:68ch;margin:var(--sp-5) 0 0;color:var(--c-ink-2);font-size:var(--text-lg)}.post-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-5) 0 0;color:var(--c-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.post-meta span+span:before{content:"·";margin-right:var(--sp-2)}.post-cover{margin:0;border-bottom:var(--border);background:var(--c-night)}.post-cover img{display:block;width:100%;height:auto;max-height:min(70vh,900px);object-fit:cover}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);gap:clamp(var(--sp-6),6vw,var(--sp-16));padding-block:var(--section-py)}.post-layout>*,.post-layout>*>*{min-width:0}.post-body{min-width:0;max-width:72ch;color:var(--c-ink-2);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.post-body>:first-child{margin-top:0}.post-body h2{margin:var(--sp-10) 0 var(--sp-4);padding-top:var(--sp-5);border-top:var(--border);color:var(--c-ink);font-size:var(--text-3xl);line-height:var(--leading-tight);scroll-margin-top:calc(var(--header-height) + var(--sp-5))}.post-body h3{margin:var(--sp-8) 0 var(--sp-3);color:var(--c-ink);font-size:var(--text-2xl);line-height:var(--leading-snug)}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body table{margin-block:var(--sp-5)}.post-body ul,.post-key ul{padding-left:0;list-style:none}.post-body ol{padding-left:var(--sp-5)}.post-body li+li{margin-top:var(--sp-2)}.post-body ul li,.post-key ul li{position:relative;padding-left:var(--sp-5)}.post-body ul li:before,.post-key ul li:before{position:absolute;top:.62em;left:0;width:6px;height:6px;content:"";background:var(--c-signal)}.post-body blockquote{padding:var(--sp-5);border-left:3px solid var(--c-signal);background:var(--c-surface);color:var(--c-ink);font-family:var(--font-serif);font-size:var(--text-xl)}.post-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-base)}.post-body th{padding:var(--sp-3);border-block:var(--border);color:var(--c-ink);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);text-align:left}.post-body td{padding:var(--sp-3);border-bottom:var(--border);vertical-align:top}.post-body td:first-child{color:var(--c-ink);font-weight:var(--weight-semibold)}.post-figure{margin:var(--sp-8) 0}.post-figure img{display:block;width:100%;height:auto}.post-figure figcaption{margin-top:var(--sp-2);color:var(--c-muted);font-size:var(--text-sm)}.post-key{margin:var(--sp-8) 0;padding:var(--sp-5);border-block:var(--border);background:var(--c-surface)}.post-key__title{margin:0;color:var(--c-ink);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.post-key>:not(.post-key__title){margin-block:var(--sp-3) 0}.post-aside{position:sticky;top:calc(var(--header-height) + var(--sp-5));align-self:start}.post-toc,.post-product-card,.post-services{padding:var(--sp-5);border:var(--border)}.post-toc__title,.post-product-card__label,.post-services__title{margin:0;color:var(--c-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.post-toc ol,.post-services ul{margin:var(--sp-3) 0 0;padding-left:var(--sp-4)}.post-toc li+li,.post-services li+li{margin-top:var(--sp-2)}.post-toc a,.post-services a,.post-product-card__link{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}.post-toc a{overflow-wrap:anywhere}.post-toc a:hover,.post-services a:hover,.post-product-card__link:hover{color:var(--c-signal-ink)}.post-product-card,.post-services{margin-top:var(--sp-4)}.post-product-card img{display:block;width:100%;margin:var(--sp-4) 0;aspect-ratio:4 / 3;object-fit:cover}.post-product-card h2{margin:0;font-size:var(--text-2xl)}.post-product-card__audience{margin:var(--sp-2) 0;color:var(--c-ink-2);font-size:var(--text-sm)}.post-product-card .btn{width:100%;margin-top:var(--sp-4)}.post-product-card__link{display:inline-block;margin-top:var(--sp-3);font-size:var(--text-sm)}.post-toc-mobile{display:none}.blog-index-nav{padding-block:var(--sp-5);border-bottom:var(--border)}.blog-index-nav ul{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none}.blog-index-nav a{display:block;padding:var(--sp-2) var(--sp-3);border:var(--border);color:var(--c-ink);font-family:var(--font-mono);font-size:var(--text-2xs);text-decoration:none}.blog-index-nav a:hover{color:var(--c-signal-ink);border-color:var(--c-signal)}.blog-product-group{padding-block:var(--section-py);border-bottom:var(--border)}.blog-product-group__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.blog-product-group__head h2{margin:0}.blog-product-group__head a{color:var(--c-ink);text-decoration:underline;text-underline-offset:.2em}.blog-product-group .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:var(--border);border-left:var(--border)}.blog-product-group .article-grid>div{min-width:0;border-right:var(--border);border-bottom:var(--border)}.blog-product-group .article-card__image{display:block;background:var(--c-night)}.blog-product-group .article-card__image img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.blog-product-group .article-card__body{padding:var(--sp-5)}.blog-product-group .article-card__category,.blog-product-group .article-card__meta{margin:0;color:var(--c-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.blog-product-group .article-card h3{margin:var(--sp-3) 0 0;font-size:var(--text-2xl);line-height:var(--leading-snug)}.blog-product-group .article-card h3 a{color:var(--c-ink);text-decoration:none}.blog-product-group .article-card h3 a:hover{color:var(--c-signal-ink);text-decoration:underline;text-underline-offset:.2em}.blog-product-group .article-card__description{margin:var(--sp-3) 0 0;color:var(--c-ink-2)}.blog-product-group .article-card__meta{margin-top:var(--sp-5)}@media(max-width:1023px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-aside{position:static}.post-aside>.post-toc{display:none}.post-toc-mobile{display:block;min-width:0;max-width:100%;margin-bottom:var(--sp-5);border:var(--border)}.post-toc-mobile .post-toc{min-width:0;max-width:100%;padding:0 var(--sp-4) var(--sp-4)}.post-toc-mobile summary{padding:var(--sp-4);overflow-wrap:anywhere;color:var(--c-ink);font-family:var(--font-mono);font-size:var(--text-2xs);cursor:pointer}.blog-product-group .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.post-body{max-width:none;font-size:var(--text-base)}.blog-product-group .article-grid{grid-template-columns:minmax(0,1fr)}}
