.blog-shell{min-height:100dvh;display:flex;flex-direction:column;color:var(--color-ink)}.blog-header,.blog-shell{background:var(--color-canvas)}.blog-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-line)}.blog-header-inner,.blog-wrap{width:100%;max-width:76rem;margin:0 auto;padding-inline:1.25rem}.blog-header-inner{justify-content:space-between;height:3.5rem}.blog-header-inner,.blog-header-nav{display:flex;align-items:center;gap:1rem}.blog-header-nav{font-size:.875rem}.blog-header-nav a{color:var(--color-ink-muted);text-decoration:none}.blog-brand,.blog-header-nav a:hover,.blog-header-nav a[aria-current=page]{color:var(--color-ink)}.blog-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;text-decoration:none}.blog-brand img{height:1.375rem;width:auto}.blog-main{flex:1}.blog-footer{border-top:1px solid var(--color-line);padding-block:2rem;font-size:.8125rem;color:var(--color-ink-muted)}.blog-footer a{color:inherit}.blog-footer-row{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.blog-loading{min-height:100vh}.blog-hero{padding-block:3.5rem 2.5rem;background:linear-gradient(180deg,color-mix(in oklab,var(--color-accent) 12%,var(--color-canvas)),var(--color-canvas))}.blog-hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.blog-hero p{margin-top:.75rem;max-width:40rem;color:var(--color-ink-muted);font-size:1.0625rem}.blog-eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-faint)}.blog-search{position:relative;margin-top:1.5rem;max-width:40rem}.blog-search input{width:100%;height:2.75rem;padding:0 2.75rem 0 1rem;border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-surface);color:var(--color-ink);font:inherit}.blog-search input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.blog-search kbd{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.6875rem;color:var(--color-ink-faint);border:1px solid var(--color-line);border-radius:.375rem;padding:.125rem .375rem}.blog-search-results{position:absolute;left:0;right:0;top:calc(100% + .375rem);z-index:30;margin:0;padding:.375rem;list-style:none;border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-surface);box-shadow:0 12px 32px color-mix(in oklab,var(--color-ink) 14%,transparent)}.blog-search-results li a{display:block;padding:.5rem .625rem;border-radius:.5rem;text-decoration:none;color:var(--color-ink)}.blog-search-results li a:hover,.blog-search-results li a[aria-selected=true]{background:color-mix(in oklab,var(--color-accent) 12%,transparent)}.blog-search-results .blog-hit-title{font-weight:600;font-size:.9375rem}.blog-search-results .blog-hit-meta{font-size:.75rem;color:var(--color-ink-faint)}.blog-search-results .blog-hit-excerpt{margin-top:.125rem;font-size:.8125rem;color:var(--color-ink-muted)}.blog-search-results mark{background:color-mix(in oklab,var(--color-accent) 25%,transparent);color:inherit;border-radius:.125rem}.blog-search-empty{padding:.75rem;font-size:.875rem;color:var(--color-ink-muted)}.blog-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.blog-pill{display:inline-flex;align-items:center;height:2rem;padding:0 .875rem;border:1px solid var(--color-line);border-radius:999px;font-size:.8125rem;color:var(--color-ink-muted);text-decoration:none;background:var(--color-surface)}.blog-pill:hover{color:var(--color-ink);border-color:var(--color-ink-faint)}.blog-pill[aria-current=page],.blog-pill[data-active=true]{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.blog-section{padding-block:2.5rem}.blog-section h2{font-size:1.375rem;font-weight:700;letter-spacing:-.01em}.blog-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin-top:1.25rem}.blog-card{display:flex;flex-direction:column;border:1px solid var(--color-line);border-radius:1rem;overflow:hidden;background:var(--color-surface);transition:transform .16s ease,box-shadow .16s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in oklab,var(--color-ink) 12%,transparent)}.blog-card img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;background:var(--color-canvas)}.blog-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.125rem 1.25rem}.blog-card-body h3{font-size:1.0625rem;font-weight:600;line-height:1.3}.blog-card-body h3 a{color:inherit;text-decoration:none}.blog-card-body h3 a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.blog-card-body p{font-size:.875rem;color:var(--color-ink-muted)}.blog-card-meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.75rem;color:var(--color-ink-faint)}.blog-list{margin-top:1rem;display:flex;flex-direction:column}.blog-list-item{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding-block:1rem;border-top:1px solid var(--color-line);align-items:start}.blog-list-item img{width:6rem;aspect-ratio:8/5;object-fit:cover;border-radius:.5rem}.blog-list-item h3{font-size:1rem;font-weight:600}.blog-list-item h3 a{color:inherit;text-decoration:none}.blog-list-item h3 a:hover{text-decoration:underline}.blog-list-item p{font-size:.875rem;color:var(--color-ink-muted);margin-top:.25rem}.blog-crumbs{display:flex;flex-wrap:wrap;gap:.375rem;font-size:.8125rem;color:var(--color-ink-faint);margin:0;padding:1.25rem 0 0;list-style:none}.blog-crumbs a{color:var(--color-ink-muted);text-decoration:none}.blog-crumbs a:hover{color:var(--color-ink)}.blog-crumbs li+li:before{content:"/";margin-right:.375rem;color:var(--color-line)}.blog-article-head{padding-block:1.5rem 1rem;max-width:48rem}.blog-article-head h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:.5rem}.blog-article-head .blog-lede{margin-top:.75rem;font-size:1.125rem;color:var(--color-ink-muted)}.blog-article-meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:1rem;font-size:.8125rem;color:var(--color-ink-faint)}.blog-hero-image{margin-top:1.5rem;border-radius:1rem;overflow:hidden;border:1px solid var(--color-line)}.blog-hero-image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.blog-article-layout{display:grid;grid-template-columns:14rem minmax(0,1fr) 16rem;gap:2.5rem;padding-block:2rem 3rem;align-items:start}.blog-toc{position:sticky;top:4.5rem;font-size:.8125rem}.blog-toc h2{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:.5rem}.blog-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--color-line)}.blog-toc li a{display:block;padding:.3rem 0 .3rem .75rem;margin-left:-1px;border-left:2px solid transparent;color:var(--color-ink-muted);text-decoration:none}.blog-toc li[data-level="3"] a{padding-left:1.5rem;font-size:.75rem}.blog-toc li a[aria-current=true]{color:var(--color-ink);border-left-color:var(--color-accent)}.blog-aside{position:sticky;top:4.5rem;display:flex;flex-direction:column;gap:1.25rem}.blog-box{border:1px solid var(--color-line);border-radius:1rem;padding:1.125rem;background:var(--color-surface)}.blog-box h2,.blog-box h3{font-size:.9375rem;font-weight:600}.blog-box p{font-size:.8125rem;color:var(--color-ink-muted);margin-top:.375rem}.blog-box-cta{background:color-mix(in oklab,var(--color-accent) 10%,var(--color-surface));border-color:color-mix(in oklab,var(--color-accent) 40%,var(--color-line))}.blog-button{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;border-radius:.625rem;background:var(--color-ink);color:var(--color-canvas);font-size:.875rem;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit}.blog-button:hover{opacity:.9}.blog-button-quiet{background:transparent;color:var(--color-ink);border:1px solid var(--color-line)}.blog-related{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.blog-related li a{font-size:.875rem;color:var(--color-ink);text-decoration:none}.blog-related li a:hover{text-decoration:underline}.blog-related li span{display:block;font-size:.75rem;color:var(--color-ink-faint)}.blog-share{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.blog-share a,.blog-share button{display:inline-flex;align-items:center;height:2rem;padding:0 .75rem;border:1px solid var(--color-line);border-radius:999px;font-size:.75rem;color:var(--color-ink-muted);text-decoration:none;background:transparent;cursor:pointer;font-family:inherit}.blog-share a:hover,.blog-share button:hover{color:var(--color-ink);border-color:var(--color-ink-faint)}.blog-form{display:flex;gap:.5rem;margin-top:.75rem}.blog-form input{flex:1;min-width:0;height:2.5rem;padding:0 .75rem;border:1px solid var(--color-line);border-radius:.625rem;background:var(--color-canvas);color:var(--color-ink);font:inherit}.blog-form input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.blog-form-note{margin-top:.5rem;font-size:.8125rem;color:var(--color-ink-muted)}.blog-author{display:flex;gap:.875rem;align-items:flex-start;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-line)}.blog-author-mark{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:var(--color-ink);color:var(--color-canvas);font-weight:700;font-size:.875rem}.blog-author p{font-size:.875rem;color:var(--color-ink-muted);margin-top:.125rem}.blog-faq{margin-top:2.5rem}.blog-faq h2{font-size:1.375rem}.blog-faq details{border-top:1px solid var(--color-line);padding-block:.75rem}.blog-faq summary{cursor:pointer;font-weight:600;font-size:.9375rem}.blog-faq details p{margin-top:.5rem;font-size:.9375rem;color:var(--color-ink-muted)}.blog-cta-band{margin-top:2.5rem;padding:1.5rem;border-radius:1rem;background:color-mix(in oklab,var(--color-accent) 10%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-accent) 40%,var(--color-line))}.blog-cta-band h2{font-size:1.125rem;font-weight:700}.blog-cta-band p{margin-top:.375rem;font-size:.9375rem;color:var(--color-ink-muted)}.blog-prose{font-size:1.0625rem;line-height:1.7;color:var(--color-ink);max-width:44rem}.blog-prose>*+*{margin-top:1.1em}.blog-prose h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-top:2.2em;scroll-margin-top:5rem}.blog-prose h3{font-size:1.1875rem;font-weight:600;line-height:1.3;margin-top:1.8em;scroll-margin-top:5rem}.blog-prose h4{font-size:1rem;font-weight:600;margin-top:1.5em}.blog-prose p{color:var(--color-ink)}.blog-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.blog-prose ol,.blog-prose ul{padding-left:1.5rem}.blog-prose li+li{margin-top:.4em}.blog-prose strong{font-weight:600}.blog-prose code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.875em;padding:.1em .35em;border-radius:.3em;background:color-mix(in oklab,var(--color-ink) 8%,transparent)}.blog-prose pre{position:relative;overflow-x:auto;padding:1rem 1.125rem;border-radius:.75rem;border:1px solid var(--color-line);background:color-mix(in oklab,var(--color-ink) 6%,var(--color-surface));font-size:.8125rem;line-height:1.6}.blog-prose pre code{padding:0;background:transparent;font-size:inherit}.blog-prose pre .blog-copy{position:absolute;top:.5rem;right:.5rem;height:1.75rem;padding:0 .5rem;border:1px solid var(--color-line);border-radius:.375rem;background:var(--color-surface);color:var(--color-ink-muted);font-size:.6875rem;font-family:inherit;cursor:pointer}.blog-prose blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;color:var(--color-ink-muted);font-style:italic}.blog-prose hr{border:0;border-top:1px solid var(--color-line)}.blog-table{overflow-x:auto}.blog-table table{width:100%;border-collapse:collapse;font-size:.875rem}.blog-table td,.blog-table th{text-align:left;padding:.5rem .625rem;border-bottom:1px solid var(--color-line);vertical-align:top}.blog-table th{font-weight:600;color:var(--color-ink-muted)}@media (max-width:1023px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 16rem}.blog-toc{display:none}}@media (max-width:768px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.blog-aside{position:static}.blog-hero{padding-block:2.5rem 2rem}.blog-header-nav .blog-nav-optional{display:none}}@media (max-width:480px){.blog-header-inner,.blog-wrap{padding-inline:1rem}.blog-list-item{grid-template-columns:1fr}.blog-list-item img{width:100%}.blog-form{flex-direction:column}.blog-prose{font-size:1rem}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}@media print{.blog-aside,.blog-copy,.blog-cta-band,.blog-footer,.blog-header,.blog-search,.blog-share,.blog-toc{display:none!important}.blog-article-layout{display:block}.blog-prose{max-width:none;font-size:11pt}.blog-prose a:after{content:" (" attr(href) ")";font-size:.85em}}