.blog-layout{max-width:1080px;margin:0 auto;padding:calc(var(--space-2xl) + var(--navbar-height)) var(--space-md) var(--space-2xl)}.blog-post{max-width:720px}.blog-post h1{font-size:3rem;margin:0 0 1rem;letter-spacing:-.005em;color:var(--color-text)}.blog-post h2{font-size:2.1rem;margin:3.5rem 0 1.2rem;scroll-margin-top:1.5rem}.blog-post h3{font-size:1.5rem;margin:2.2rem 0 .9rem}.blog-post p{margin:0 0 1.2rem}.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:3rem 0 2rem}.blog-date{font-family:var(--font-sans);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 1.5rem}.blog-lead{font-family:var(--font-serif);font-size:1.4rem;line-height:1.4;color:var(--color-text-secondary);font-style:italic;margin:0 0 2.5rem;max-width:36em}.blog-toc{margin:0 0 2.8rem;padding:1.1rem 1.3rem 1.2rem;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:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 .7rem}.blog-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.blog-toc li{counter-increment:toc;margin:.35rem 0;padding-left:1.6rem;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:.85rem;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:.85rem;line-height:1.45;padding-left:.5rem;border-left:1px solid var(--color-border)}.blog-toc-sidebar .blog-toc-label{margin:0 0 .9rem .6rem}.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:.4rem .6rem;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:1.65rem;line-height:1.35;margin:2rem 0;padding:.5rem 0 .5rem 1.4rem;border-left:3px solid var(--color-accent);color:var(--color-text)}.blog-steps{counter-reset:step;margin:1.5rem 0;padding:0;list-style:none}.blog-steps>li{counter-increment:step;margin-bottom:1.5rem;padding-left:0}.blog-steps>li:before{content:counter(step) ". ";font-weight:700}.blog-steps ul{margin:.7rem 0 .4rem;padding-left:1.3rem}.blog-steps ul li{margin-bottom:.5rem}.blog-badge{display:inline-block;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.18rem .55rem;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:.3rem}.blog-level-list{margin:1rem 0 1.5rem;padding:0;list-style:none}.blog-level-list li{margin:.6rem 0}.blog-footnotes-wrap{max-width:720px;margin:0 auto;padding:0 var(--space-md) var(--space-xl)}.blog-footnotes{margin-top:0;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.88rem;color:var(--color-text-secondary);line-height:1.6}.blog-footnotes ol{padding-left:1.2rem;margin:0}.blog-footnotes li{margin-bottom:.8rem}.blog-footnotes li:target{background:#fff9d8;padding:.3rem .4rem;margin-left:-.4rem}.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:3rem;padding:1.8rem 2rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.blog-closing p{margin-bottom:.9rem}.blog-closing p:last-child{margin-bottom:0}.blog-signoff{font-family:var(--font-serif);font-style:italic;font-size:1.7rem;color:var(--color-accent);text-align:right;margin-top:1rem}.blog-post .grammar-note{margin:1.6rem 0;padding:1rem 1.2rem}.blog-post .grammar-note p{margin:0 0 .6rem;color:#5a5650}.blog-post .grammar-note p:last-child{margin-bottom:0}.blog-post .grammar-note ul{margin:.5rem 0 .7rem;padding-left:1.25rem;color:#5a5650}.blog-post .grammar-note ul li{margin-bottom:.3rem}.blog-post .grammar-note .grammar-examples-block{margin-top:.7rem;padding-top:.55rem;border-top:1px solid rgba(0,0,0,.06)}.blog-post .grammar-note .grammar-examples-block p{margin-bottom:.3rem;font-size:.94rem;color:var(--color-text)}.blog-post .grammar-note .grammar-examples-block em{color:var(--color-text)}.blog-post .grammar-note .skip-note{display:block;font-size:.86rem;color:#aaa;margin-top:.55rem;font-style:italic}.blog-post .inline-example-label{display:block;margin-top:1.4rem}.blog-post .inline-annotation-card{margin:.4rem 0 1.8rem}.blog-index{max-width:720px;margin:0 auto;padding:calc(var(--space-2xl) + var(--navbar-height)) var(--space-md) var(--space-2xl)}.blog-index h1{font-family:var(--font-serif);font-weight:400;font-size:2.8rem;margin:0 0 .6rem}.blog-index-subtitle{font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--color-text-secondary);margin:0 0 3rem}.blog-index-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2.5rem}.blog-index-item{padding-bottom:2.5rem;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:1.85rem;line-height:1.25;margin:0 0 .5rem;transition:color .15s ease}.blog-index-item .blog-date{margin:0 0 .8rem}.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:4rem;align-items:start}.blog-toc{display:none}.blog-toc-sidebar{display:block}}@media(max-width:768px){.blog-post h1{font-size:2.25rem}.blog-post h2{font-size:1.7rem}.blog-post h3{font-size:1.25rem}.blog-layout{padding:calc(var(--space-lg) + var(--navbar-height)) 1.2rem 4rem}.blog-closing{padding:1.4rem}.blog-pullquote{font-size:1.35rem}.blog-index{padding:calc(var(--space-lg) + var(--navbar-height)) 1.2rem 4rem}.blog-index h1{font-size:2rem}.blog-index-item h2{font-size:1.5rem}}