.blog-post-layout{position:relative;max-width:58rem;margin:0 auto}.blog-post{padding:1rem 0 4rem;max-width:58rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.blog-post-cover{width:100%;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;background:var(--bg-card);border:.0625rem solid var(--border)}.blog-post-cover img{width:100%;height:100%;object-fit:cover}.blog-post-header{margin-bottom:4rem}.blog-post-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.5rem}.blog-post-category{font-size:.65rem;font-weight:700;letter-spacing:.0625rem;text-transform:uppercase;color:var(--green)}.blog-post-date,.blog-post-read-time,.blog-post-views{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--fg-muted);font-weight:400}.blog-post-date i,.blog-post-read-time i,.blog-post-views i{font-size:.875rem}.blog-post-title{font-weight:800;font-size:2.75rem;letter-spacing:-.0625rem;line-height:1.15;color:var(--fg);margin-bottom:1.5rem}.blog-post-excerpt{font-size:1.15rem;color:var(--fg-secondary);line-height:1.65;font-weight:300}.blog-post-content{font-size:1.1rem;line-height:1.85;color:var(--fg-secondary)}.blog-post-content>*:first-child{margin-top:0}.blog-post-content>*:last-child{margin-bottom:0}.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{scroll-margin-top:5rem}.blog-post-content h2{font-weight:750;font-size:1.85rem;letter-spacing:-.03125rem;line-height:1.25;color:var(--fg);margin-top:4rem;margin-bottom:1.25rem}.blog-post-content h3{font-weight:650;font-size:1.4rem;letter-spacing:-.015625rem;line-height:1.3;color:var(--fg);margin-top:3rem;margin-bottom:1rem}.blog-post-content h4{font-weight:600;font-size:1.15rem;color:var(--fg);margin-top:2.5rem;margin-bottom:.875rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content a{color:var(--green);text-decoration:none;border-bottom:.0625rem solid transparent;transition:border-color .15s}.blog-post-content a:hover{border-bottom-color:var(--green)}.blog-post-content strong,.blog-post-content b{font-weight:650;color:var(--fg)}.blog-post-content ul,.blog-post-content ol{padding-left:1.75rem;margin:1.75rem 0}.blog-post-content li{margin-bottom:.625rem;padding-left:.375rem}.blog-post-content li::marker{color:var(--green)}.blog-post-content code{font-family:sf mono,fira code,jetbrains mono,monospace;font-size:.875em;padding:.1875rem .5rem;background:var(--chip-bg);border:.0625rem solid var(--chip-border);border-radius:.375rem;color:var(--fg);font-weight:400}.blog-post-content pre{border-radius:.625rem;padding:1.5rem;overflow-x:auto;margin:2.5rem 0;font-size:.875rem;line-height:1.7}.blog-post-content pre code{background:0 0;border:none;padding:0;font-size:inherit;color:#e0e0e0}.blog-post-content blockquote{border-left:.1875rem solid var(--green);padding:1.25rem 0 1.25rem 1.5rem;margin:2.5rem 0;font-size:1.05rem;font-style:italic;color:var(--fg);background:var(--chip-bg);border-radius:0 .375rem .375rem 0}.blog-post-content hr{border:none;height:.0625rem;background:linear-gradient( to right,transparent,var(--border) 25%,var(--border) 75%,transparent );margin:4rem 0}.blog-post-content img{width:100%;border-radius:.5rem;margin:2.5rem 0}.blog-post-content table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:.95rem;border:.0625rem solid var(--border);border-radius:.5rem;overflow:hidden}.blog-post-content th,.blog-post-content td{padding:.875rem 1.125rem;text-align:left;border-bottom:.0625rem solid var(--border)}.blog-post-content th{font-weight:600;color:var(--fg);background:var(--chip-bg);font-size:.8rem;text-transform:uppercase;letter-spacing:.03125rem}.blog-post-content tr:last-child td{border-bottom:none}.blog-post-content tr:hover td{background:var(--chip-bg)}.views-count{display:inline-flex;gap:0}.slot-reel{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom}.slot-strip{display:flex;flex-direction:column}.slot-strip span{display:block;height:1.2em;line-height:1.2em;text-align:center}.slot-reel.spin .slot-strip{animation:slot-roll 3s cubic-bezier(.22,1,.36,1)forwards;--target:calc(-1.2em * var(--steps))}@keyframes slot-roll{from{transform:translateY(0)}to{transform:translateY(var(--target))}}.toc{position:fixed;top:5rem;left:calc(50% + 29rem);width:16rem;max-height:calc(100vh - 6rem);overflow-y:auto}.toc-title{font-size:.7rem;font-weight:700;letter-spacing:.0625rem;text-transform:uppercase;color:var(--fg-muted);margin-bottom:1rem}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.toc-item--level-3{padding-left:.875rem}.toc-item--level-4{padding-left:1.75rem}.toc-link{display:block;padding:.375rem .75rem;font-size:.8rem;line-height:1.4;color:var(--fg-muted);text-decoration:none;border-left:.125rem solid transparent;transition:color .15s,border-color .15s}.toc-link:hover{color:var(--fg)}.toc-link.active{color:var(--green);border-left-color:var(--green)}@media(max-width:96rem){.toc{display:none}}.related-posts{padding-top:3.5rem;border-top:.0625rem solid var(--border)}.related-posts-title{font-size:1.35rem;font-weight:650;color:var(--fg);margin-bottom:2rem;letter-spacing:-.015625rem}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.related-post-card{display:flex;flex-direction:column;background:var(--bg-card);border:.0625rem solid var(--border);border-radius:.625rem;overflow:hidden;text-decoration:none;transition:all .25s ease}.related-post-card:hover{border-color:var(--green-dim);box-shadow:0 .25rem 1.5rem var(--green-glow);transform:translateY(-.125rem)}.related-post-cover{width:100%;aspect-ratio:16/9;object-fit:cover}.related-post-content{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.related-post-category{font-size:.65rem;font-weight:700;letter-spacing:.03125rem;text-transform:uppercase;color:var(--green)}.related-post-title{font-size:.95rem;font-weight:600;line-height:1.4;color:var(--fg);display:-webkit-box;display:-moz-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden}.related-post-date{font-size:.75rem;color:var(--fg-muted)}@media(max-width:56rem){.blog-post{padding:7rem 0 4rem}.blog-post-cover{aspect-ratio:16/9;margin-bottom:2.5rem}.blog-post-title{font-size:2.25rem}.blog-post-excerpt{font-size:1.05rem}.blog-post-content{font-size:1.05rem}.blog-post-content h2{font-size:1.6rem}.blog-post-content h3{font-size:1.25rem}.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:43.75rem){.blog-post{padding:6rem 0 3rem}.blog-post-cover{aspect-ratio:16/9;margin-bottom:2rem;border-radius:.375rem}.blog-post-header{margin-bottom:3rem}.blog-post-title{font-size:1.75rem;letter-spacing:-.03125rem}.blog-post-excerpt{font-size:1rem}.blog-post-meta{gap:1rem;margin-bottom:1.25rem}.blog-post-content{font-size:1rem;line-height:1.75}.blog-post-content h2{font-size:1.4rem;margin-top:3rem}.blog-post-content h3{font-size:1.15rem;margin-top:2.5rem}.blog-post-content pre{padding:1.25rem;font-size:.825rem;margin:2rem 0}.blog-post-content blockquote{font-size:1rem;padding:1rem 0 1rem 1.25rem;margin:2rem 0}.related-posts{margin-top:4rem}.related-posts-grid{grid-template-columns:1fr;gap:1.25rem}}