.blog-page{padding-block:clamp(3.5rem,8vw,7rem)}.blog-page,.article-grid,.article-grid>*,.featured-content,.article-card{min-width:0}.blog-hero{gap:2rem;padding-bottom:clamp(2.5rem,6vw,5rem);display:grid}.blog-hero-copy{max-width:52rem}.instrument-label,.article-card-meta,.article-meta,.breadcrumb,.toc-title,.tag-list,.listing-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:500}.instrument-label{color:var(--color-accent);margin:0 0 1rem}.blog-hero h1,.listing-header h1,.article-header h1{font-size:var(--text-display-2);line-height:var(--leading-display);letter-spacing:var(--tracking-display-2);overflow-wrap:anywhere;margin:0}.blog-hero-copy>p:last-child,.listing-header>p,.article-deck{max-width:46rem;color:var(--color-text-secondary);margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.search-box{border:1px solid var(--color-border-strong);background:var(--color-input);border-radius:var(--radius-control);max-width:45rem;min-height:3.5rem;box-shadow:var(--shadow-recess);align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.search-box svg{color:var(--color-accent);flex:none}.search-box input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:1rem}.search-box input::placeholder{color:var(--color-text-subtle)}.featured-story{border:1px solid var(--color-border-strong);background:var(--color-surface-raised);border-radius:var(--radius-panel);box-shadow:var(--shadow-raised);display:grid;overflow:hidden}.featured-visual{aspect-ratio:1200/630;border-bottom:1px solid var(--color-border);background-color:var(--color-diagram-canvas);object-fit:cover;width:100%;height:auto;display:block}.featured-content{flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,4vw,3rem);display:flex}.featured-content h2{max-width:35rem;font-size:var(--text-display-3);margin:.75rem 0 1rem;line-height:1.08}.featured-content>p:not(.instrument-label){max-width:38rem;color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.featured-byline{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);flex-wrap:wrap;gap:.65rem 1.25rem;margin:auto 0 1.5rem;padding-top:2rem;display:flex}.topic-section{border-block:1px solid var(--color-border);margin-block:clamp(2.5rem,6vw,5rem);padding-block:1rem}.topic-nav{scrollbar-width:none;gap:.5rem;padding:.25rem;display:flex;overflow-x:auto}.topic-nav::-webkit-scrollbar{display:none}.topic-nav a{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;flex:none;padding:.6rem .8rem;transition:border-color .16s,color .16s}.topic-nav a:hover,.topic-nav a.active{border-color:var(--color-accent);color:var(--color-text)}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2{margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}.section-heading a,.text-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.article-list{border-top:1px solid var(--color-border-strong);display:grid}.article-card{border-bottom:1px solid var(--color-border);gap:.85rem;padding-block:1.75rem;display:grid}.article-card-image{border:1px solid var(--color-border);border-radius:var(--radius-control);background:#16161b;display:block;overflow:hidden}.article-card-image img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;transition:scale .18s;display:block}.article-card:hover .article-card-image img{scale:1.015}.article-card-meta,.article-card-footer{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.article-card-meta a{color:var(--color-accent)}.article-card h2,.article-card h3{overflow-wrap:anywhere;max-width:58rem;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.15}.article-card h2 a:hover,.article-card h3 a:hover{color:var(--color-accent)}.article-card>p{max-width:50rem;color:var(--color-text-secondary);margin:0;line-height:1.65}.article-card-footer{color:var(--color-text-muted);font-size:var(--text-xs)}.article-card-footer .text-link{margin-left:auto}.newsletter,.blog-cta{gap:1.5rem 3rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.newsletter{margin-top:clamp(3rem,7vw,6rem)}.newsletter h2,.blog-cta h2{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.newsletter>div>p:last-child,.blog-cta>p:not(.instrument-label){max-width:42rem;color:var(--color-text-secondary);margin:.75rem 0 0;line-height:1.6}.linkedin-follow .button-primary{align-self:center;gap:.6rem;width:fit-content}.linkedin-follow{background-image:url(/blog/linkedin-follow-bg.svg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%}@media (width>=48rem){.linkedin-follow .button-primary{justify-self:end}}.button-primary,.button-secondary{border-radius:var(--radius-control);min-height:2.8rem;font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;padding-inline:1rem;font-weight:600;display:inline-flex}.button-primary{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-key)}.button-secondary{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-rim)}.listing-header{border-bottom:1px solid var(--color-border-strong);gap:1rem;padding-bottom:clamp(2rem,5vw,4rem);display:grid}.listing-header .breadcrumb{margin-bottom:1rem}.listing-count{margin:0}.listing-body{margin-top:2rem}.breadcrumb{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 2rem;display:flex}.breadcrumb a:hover{color:var(--color-accent)}.article-progress{z-index:30;background:0 0;width:100%;height:2px;position:fixed;top:0;left:0}.article-progress span{background:var(--color-accent);width:0;height:100%;display:block}.article-header{max-width:62rem;padding-block:clamp(2.75rem,7vw,6rem) clamp(2.5rem,6vw,5rem)}.article-hero{max-width:75rem;margin:0 auto clamp(2rem,5vw,4rem);overflow:hidden}.article-hero img{aspect-ratio:1200/630;width:100%;height:auto;display:block}.article-header h1{max-width:58rem}.article-meta{flex-wrap:wrap;gap:.65rem 1.25rem;margin-top:1.75rem;display:flex}.article-meta a{color:var(--color-accent)}.tag-list{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.tag-list a{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.45rem .6rem;display:block}.article-grid{align-items:start;gap:2rem 4rem;display:grid}.mobile-toc{border-block:1px solid var(--color-border);margin-bottom:1.5rem}.mobile-toc summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;padding-block:1rem;font-weight:500}.toc-list{gap:.6rem;margin:0;padding:0 0 1rem;list-style:none;display:grid}.toc-list a{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4;display:block}.toc-list a[data-depth="3"]{padding-left:1rem}.toc-list a.active,.toc-list a:hover{color:var(--color-accent)}.desktop-toc{display:none}.article-prose{overflow-wrap:anywhere;min-width:0;max-width:48rem;font-size:1.05rem;line-height:1.78}.article-prose>:first-child{color:var(--color-text-secondary);margin-top:0;font-size:1.2rem}.article-prose h2,.article-prose h3{scroll-margin-top:6rem;line-height:1.2;position:relative}.article-prose h2{border-top:1px solid var(--color-border);margin:3.5rem 0 1.1rem;padding-top:1rem;font-size:clamp(1.8rem,4vw,2.5rem)}.article-prose h3{margin:2.25rem 0 .75rem;font-size:1.25rem}.heading-anchor{color:var(--color-accent);opacity:0;font-family:var(--font-mono);padding-right:.45rem;position:absolute;right:100%}.article-prose h2:hover .heading-anchor,.article-prose h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.article-prose a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline 1px}.article-prose code{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-mono);overflow-wrap:anywhere;padding:.12rem .3rem;font-size:.84em}.article-prose pre{color-scheme:dark;border-radius:var(--radius-panel);max-width:100%;box-shadow:var(--shadow-well);border:1px solid #3d3d45;margin-block:1.75rem;padding:2.4rem 1.25rem 1.25rem;position:relative;overflow-x:auto;color:#e1e4e8!important;background:#16161b!important}.article-prose pre:before{color:#a8a8b0;content:"CODE";font-family:var(--font-mono);letter-spacing:.1em;font-size:.6rem;position:absolute;top:.7rem;left:1.25rem}.article-prose pre code{overflow-wrap:normal;background:0 0;border:0;padding:0;font-size:.8rem;line-height:1.65}.copy-code{color:#d2d2d6;border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;background:#24242b;border:1px solid #4a4a53;padding:.3rem .5rem;font-size:.6rem;position:absolute;top:.45rem;right:.55rem}.article-prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-block:1.75rem}.article-prose th,.article-prose td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.8rem}.article-prose th{background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em}.article-prose blockquote{border-left:2px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-secondary);margin:2rem 0;padding:1rem 1.25rem}.article-prose li+li{margin-top:.45rem}.blog-cta{max-width:48rem;margin-top:4rem}.article-resources{border-block:1px solid var(--color-border);margin-top:3rem;padding:1.25rem}.article-resources h2{margin:0;font-size:1.35rem;line-height:1.2}.article-resources ul{gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.article-resources li+li{border-top:1px solid var(--color-border)}.article-resources a{min-height:2.75rem;color:var(--color-text-secondary);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:1rem;font-weight:600;display:flex}.article-resources a:hover,.article-resources a span{color:var(--color-accent)}.cta-actions,.share-actions{flex-wrap:wrap;gap:.75rem;display:flex}.article-end{border-top:1px solid var(--color-border-strong);margin-top:clamp(4rem,8vw,7rem);padding-block:clamp(3rem,7vw,5rem)}.conversion-panel{border-top:1px solid var(--color-border-strong);background-image:linear-gradient(115deg, color-mix(in srgb, var(--color-accent) 7%, transparent), transparent 48%), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:auto,1rem 1rem,1rem 1rem;margin-top:4rem;padding:clamp(1.5rem,4vw,2.5rem)}.conversion-panel h2{max-width:34rem;margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.04}.conversion-panel>p:not(.instrument-label){max-width:40rem;color:var(--color-text-secondary);margin:1rem 0 0;line-height:1.65}.conversion-actions{margin-top:1.75rem}.article-utilities{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.25rem}.utility-label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.6rem;font-weight:500}.share-actions button,.share-actions a{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);border-radius:var(--radius-control);font-size:var(--text-xs);cursor:pointer;align-items:center;padding:.5rem .7rem;display:inline-flex}.share-actions svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.4px;width:.95rem;height:.95rem}.share-actions button,.share-actions a{gap:.5rem;transition:border-color .16s,color .16s,background .16s}.share-actions button:hover,.share-actions a:hover{border-color:var(--color-accent);background:var(--color-surface-raised);color:var(--color-accent)}.search-results[hidden],.search-empty[hidden]{display:none}.search-empty{color:var(--color-text-muted);text-align:center;padding-block:4rem}.author-profile{gap:1rem;max-width:52rem;display:grid}.author-avatar{border:1px solid var(--color-border-strong);background:var(--color-surface);width:4rem;height:4rem;color:var(--color-accent);font-family:var(--font-display);box-shadow:var(--shadow-knob);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}@media (width>=48rem){.featured-story{grid-template-columns:minmax(18rem,.9fr) minmax(24rem,1.1fr)}.featured-visual{border-right:1px solid var(--color-border);border-bottom:0;height:100%;min-height:27rem}.article-card{grid-template-columns:12rem minmax(0,1fr);column-gap:2rem}.article-card-image{grid-row:1/span 4;align-self:start}.article-card>:not(.article-card-image){grid-column:2}.newsletter{grid-template-columns:1.1fr .9fr}}@media (width>=64rem){.article-grid{grid-template-columns:minmax(0,48rem) minmax(12rem,14rem);justify-content:center;gap:2rem}.mobile-toc{display:none}.desktop-toc{border-left:1px solid var(--color-border);scrollbar-width:none;max-height:calc(100vh - 8rem);padding-left:1.25rem;display:block;position:sticky;top:6rem;overflow-y:auto}.desktop-toc::-webkit-scrollbar{display:none}.toc-title{margin:0 0 1rem}}@media (width<=40rem){.blog-page{padding-block:2.75rem 4rem}.featured-content,.newsletter,.blog-cta{padding:1.25rem}.featured-visual{min-height:0}.linkedin-follow{background-position:70%;background-size:auto 85%}.cta-actions{display:grid}.cta-actions .button-primary,.cta-actions .button-secondary,.linkedin-follow .button-primary{width:100%}.article-card-footer .text-link{width:100%;margin:.35rem 0 0}.article-prose{font-size:1rem}.article-prose>:first-child{font-size:1.08rem}.article-prose h2{margin-top:2.75rem}.article-prose ul,.article-prose ol{padding-left:1.25rem}.heading-anchor{display:none}.article-prose table{white-space:nowrap;display:block;overflow-x:auto}}
