.blog-layout{max-width:1080px;margin:0 auto;padding:calc(var(--space-96) + var(--navbar-height)) var(--space-24) var(--space-96)}.blog-post{max-width:720px}.blog-post h1{font-size:var(--text-6xl);margin:0 0 var(--space-16);letter-spacing:-.005em;color:var(--color-text)}.blog-post h2{font-size:var(--text-5xl);margin:var(--space-64) 0 var(--space-20);scroll-margin-top:var(--space-24)}.blog-post h3{font-size:var(--text-3xl);margin:var(--space-32) 0 var(--space-16)}.blog-post p{margin:0 0 var(--space-20)}.blog-post a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.blog-post a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.blog-post em,.blog-post i{font-style:italic}.blog-post strong,.blog-post b{font-weight:600}.blog-post hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-48) 0 var(--space-32)}.blog-date{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-24)}.blog-lead{font-family:var(--font-serif);font-size:var(--text-2xl);line-height:1.4;color:var(--color-text-secondary);font-style:italic;margin:0 0 var(--space-40);max-width:36em}.blog-toc{margin:0 0 var(--space-48);padding:var(--space-16) var(--space-20) var(--space-20);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.blog-toc-label{display:block;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-12)}.blog-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.blog-toc li{counter-increment:toc;margin:var(--space-4) 0;padding-left:var(--space-24);position:relative;line-height:1.4}.blog-toc li:before{content:counter(toc) ".";position:absolute;left:0;top:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.blog-toc a{color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.blog-toc a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.blog-toc-sidebar{display:none;position:sticky;top:2.5rem;align-self:start;max-height:calc(100vh - 5rem);overflow-y:auto;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.45;padding-left:var(--space-8);border-left:1px solid var(--color-border)}.blog-toc-sidebar .blog-toc-label{margin:0 0 var(--space-16) var(--space-8)}.blog-toc-sidebar ol{margin:0;padding:0;list-style:none}.blog-toc-sidebar li{margin:0}.blog-toc-sidebar a{display:block;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-8) var(--space-8);margin-left:-1px;border-left:2px solid transparent;transition:color .15s ease,border-color .15s ease;line-height:1.4}.blog-toc-sidebar a:hover{color:var(--color-text)}.blog-toc-sidebar a.active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}.blog-pullquote{font-family:var(--font-serif);font-style:italic;font-size:var(--text-3xl);line-height:1.35;margin:var(--space-32) 0;padding:var(--space-8) 0 var(--space-8) var(--space-24);border-left:3px solid var(--color-accent);color:var(--color-text)}.blog-steps{counter-reset:step;margin:var(--space-24) 0;padding:0;list-style:none}.blog-steps>li{counter-increment:step;margin-bottom:var(--space-24);padding-left:0}.blog-steps>li:before{content:counter(step) ". ";font-weight:700}.blog-steps ul{margin:var(--space-12) 0 var(--space-8);padding-left:var(--space-20)}.blog-steps ul li{margin-bottom:var(--space-8)}.blog-badge{display:inline-block;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;padding:.18rem var(--space-8);border-radius:var(--radius-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:.1em;margin-right:var(--space-4)}.blog-level-list{margin:var(--space-16) 0 var(--space-24);padding:0;list-style:none}.blog-level-list li{margin:var(--space-8) 0}.blog-footnotes-wrap{max-width:720px;margin:0 auto;padding:0 var(--space-24) var(--space-64)}.blog-footnotes{margin-top:0;padding-top:var(--space-24);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.blog-footnotes ol{padding-left:var(--space-20);margin:0}.blog-footnotes li{margin-bottom:var(--space-12)}.blog-footnotes li:target{background:#fff9d8;padding:var(--space-4) var(--space-8);margin-left:calc(-1 * var(--space-8))}.blog-fnref{font-size:.72em;line-height:0;vertical-align:super;margin-left:1px}.blog-fnref a{color:var(--color-accent);text-decoration:none;font-weight:600}.blog-closing{margin-top:var(--space-48);padding:var(--space-32) var(--space-32);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.blog-closing p{margin-bottom:var(--space-16)}.blog-closing p:last-child{margin-bottom:0}.blog-signoff{font-family:var(--font-serif);font-style:italic;font-size:var(--text-4xl);color:var(--color-accent);text-align:right;margin-top:var(--space-16)}.blog-index{max-width:720px;margin:0 auto;padding:calc(var(--space-96) + var(--navbar-height)) var(--space-24) var(--space-96)}.blog-index h1{font-family:var(--font-serif);font-weight:400;font-size:var(--text-6xl);margin:0 0 var(--space-8)}.blog-index-subtitle{font-family:var(--font-serif);font-style:italic;font-size:var(--text-xl);color:var(--color-text-secondary);margin:0 0 var(--space-48)}.blog-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-40)}.blog-index-item{padding-bottom:var(--space-40);border-bottom:1px solid var(--color-border)}.blog-index-item:last-child{border-bottom:0;padding-bottom:0}.blog-index-item a{text-decoration:none;color:inherit;display:block}.blog-index-item a:hover h2{color:var(--color-accent)}.blog-index-item h2{font-family:var(--font-serif);font-weight:400;font-size:var(--text-4xl);line-height:1.25;margin:0 0 var(--space-8);transition:color .15s ease}.blog-index-item .blog-date{margin:0 0 var(--space-12)}.blog-index-item p{color:var(--color-text-secondary);margin:0;line-height:1.7}@media(min-width:1100px){.blog-layout{display:grid;grid-template-columns:720px 240px;gap:var(--space-64);align-items:start}.blog-toc{display:none}.blog-toc-sidebar{display:block}}@media(max-width:768px){.blog-post h1{font-size:var(--text-5xl)}.blog-post h2{font-size:var(--text-4xl)}.blog-post h3{font-size:var(--text-xl)}.blog-layout{padding:calc(var(--space-40) + var(--navbar-height)) var(--space-20) var(--space-64)}.blog-closing{padding:var(--space-24)}.blog-pullquote{font-size:var(--text-2xl)}.blog-index{padding:calc(var(--space-40) + var(--navbar-height)) var(--space-20) var(--space-64)}.blog-index h1{font-size:var(--text-4xl)}.blog-index-item h2{font-size:var(--text-3xl)}}
