.blog-post{padding-bottom:var(--s-7)}.blog-post__hero{isolation:isolate;padding-top:calc(var(--nav-height) + var(--s-7));padding-bottom:var(--s-6);border-bottom:1px solid var(--line-1);position:relative;overflow:hidden}.blog-post__bg{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.blog-post__glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--brand-bright) 22%, transparent) 0%, color-mix(in oklab, var(--brand-2-bright) 12%, transparent) 42%, transparent 74%);filter:blur(72px);opacity:.55;width:56vw;max-width:760px;height:48vw;max-height:640px;position:absolute;top:-28%;left:50%;transform:translate(-50%)}.blog-post__hero-inner{z-index:1;gap:var(--s-3);flex-direction:column;display:flex;position:relative}.blog-post__breadcrumb{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.blog-post__breadcrumb a{color:var(--text-3);-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.blog-post__breadcrumb a:hover{color:var(--brand)}.blog-post__breadcrumb-current{color:var(--text-2)}.blog-post__back{width:-moz-fit-content;width:fit-content;margin-top:var(--s-2);border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--line-1);min-height:40px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.04em;box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:9px 15px 9px 13px;font-size:.74rem;-webkit-text-decoration:none;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s;display:inline-flex}.blog-post__back:hover{border-color:color-mix(in oklab, var(--brand) 45%, var(--line-2));color:var(--brand);background:color-mix(in oklab, var(--brand) 6%, var(--surface-1));transform:translate(-2px)}.blog-post__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-1);margin:var(--s-2) 0 0;overflow-wrap:anywhere;max-width:22ch;font-size:clamp(2rem,3.5vw + 1rem,3.6rem);font-weight:600;line-height:1.05}.blog-post__excerpt{color:var(--text-2);max-width:60ch;margin:0;font-size:clamp(1.05rem,.5vw + .95rem,1.2rem);font-weight:400;line-height:1.55}.blog-post__meta{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--line-1);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:.74rem;display:inline-flex}.blog-post__meta-item{align-items:center;gap:6px;display:inline-flex}.blog-post__meta-sep{opacity:.5}.blog-post__author-dot{background:var(--brand);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklab, var(--brand) 60%, transparent);border-radius:50%}.blog-post__body-wrap{padding-block:var(--s-7)}.blog-post__body{font-family:var(--font-body);color:var(--text-1);font-size:1.05rem;line-height:1.75}.blog-post__body>*+*{margin-top:var(--s-4)}.blog-post__body h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);margin:var(--s-6) 0 var(--s-3);font-size:clamp(1.4rem,1.6vw + .9rem,1.85rem);font-weight:600;line-height:1.15}.blog-post__body h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);margin:var(--s-5) 0 var(--s-2);font-size:1.2rem;font-weight:600}.blog-post__body p{color:var(--text-2);overflow-wrap:anywhere;max-width:70ch;margin:0}.blog-post__body ul,.blog-post__body ol{color:var(--text-2);max-width:70ch;margin:0;padding-left:1.4em}.blog-post__body li{margin-block-start:6px;margin-block-end:6px}.blog-post__body li::marker{color:color-mix(in oklab, var(--brand) 70%, var(--text-3))}.blog-post__body strong{color:var(--text-1);font-weight:600}.blog-post__body em{color:var(--text-1);font-style:italic}.blog-post__body a{color:var(--brand);-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--brand) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--brand) 45%, transparent);text-underline-offset:3px;font-weight:500;transition:text-decoration-color .2s,color .2s}.blog-post__body a:hover{color:var(--brand-2);text-decoration-color:currentColor}.blog-post__body blockquote{margin:var(--s-5) 0;padding:var(--s-4) var(--s-5);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in oklab, var(--brand) 7%, var(--surface-1));color:var(--text-1);font-style:italic}.blog-post__body blockquote p{color:var(--text-1)}.blog-post__body code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line-1);color:color-mix(in oklab, var(--brand) 88%, var(--text-1));border-radius:6px;padding:2px 6px;font-size:.9em}.blog-post__body pre{font-family:var(--font-mono);padding:var(--s-5);background:var(--surface-2);border:1px solid var(--line-1);border-radius:var(--r-md);color:var(--text-1);font-size:.85rem;line-height:1.6;overflow-x:auto;box-shadow:inset 0 1px #fff9}.blog-post__body pre code{color:inherit;background:0 0;border:0;padding:0}.blog-post__body hr{background:linear-gradient(90deg, transparent, var(--line-2), transparent);height:1px;margin:var(--s-6) 0;border:0}.blog-post__body img{border-radius:var(--r-md);border:1px solid var(--line-1);max-width:100%;height:auto;box-shadow:var(--shadow-card);display:block}.blog-post__body figcaption{margin-top:var(--s-2);font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-3);text-align:center;font-size:.72rem}.blog-post__body table{border-collapse:collapse;width:100%;color:var(--text-2);border:1px solid var(--line-1);border-radius:var(--r-md);font-size:.94rem;overflow:hidden}.blog-post__body thead th{background:var(--surface-2);color:var(--text-1);font-family:var(--font-display);text-align:left;font-weight:600}.blog-post__body th,.blog-post__body td{border-bottom:1px solid var(--line-1);padding:10px 14px}.blog-post__body tbody tr:last-child td{border-bottom:0}.blog-post__body tbody tr:nth-child(2n) td{background:color-mix(in oklab, var(--surface-2) 55%, transparent)}.blog-post__share-wrap{padding-block:var(--s-5);border-top:1px solid var(--line-1);border-bottom:1px solid var(--line-1)}.blog-post__share{gap:var(--s-3);flex-direction:column;display:flex}@media (min-width:720px){.blog-post__share{flex-direction:row;justify-content:space-between;align-items:center}}.blog-post__share-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.74rem}.blog-post__share-actions{flex-wrap:wrap;gap:8px;display:flex}.blog-post__share-btn{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--line-1);min-height:40px;color:var(--text-2);font-family:var(--font-display);box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:9px 16px;font-size:.84rem;font-weight:500;-webkit-text-decoration:none;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s;display:inline-flex}.blog-post__share-btn:hover{border-color:color-mix(in oklab, var(--brand) 45%, var(--line-2));color:var(--brand);background:color-mix(in oklab, var(--brand) 6%, var(--surface-1));box-shadow:var(--shadow-play);transform:translateY(-2px)}.blog-post__related-wrap{padding-block:var(--s-6)}.blog-post__related-head{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:0 0 var(--s-3);font-size:.72rem;font-weight:500}.blog-post__related{gap:var(--s-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.blog-post__related{grid-template-columns:repeat(2,1fr)}}.blog-post__related-card{padding:var(--s-5);border-radius:var(--r-lg);border:1px solid var(--line-1);background:var(--surface-1);box-shadow:var(--shadow-card);color:inherit;transition:border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s ease;flex-direction:column;gap:8px;-webkit-text-decoration:none;text-decoration:none;display:flex}.blog-post__related-card:hover{border-color:color-mix(in oklab, var(--brand) 40%, var(--line-2));box-shadow:var(--shadow-play);transform:translateY(-6px)}.blog-post__related-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-3);align-items:center;gap:6px;font-size:.66rem;display:inline-flex}.blog-post__related-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-1);font-size:1.02rem;font-weight:600;line-height:1.3}.blog-post__related-cta{font-family:var(--font-display);color:var(--brand);align-items:center;gap:4px;margin-top:4px;font-size:.84rem;font-weight:600;transition:transform .2s;display:inline-flex}.blog-post__related-card:hover .blog-post__related-cta{transform:translate(2px)}