.article-hero{min-height:clamp(360px,46vw,540px);display:flex;flex-direction:column;justify-content:flex-end;background-color:#07090f}.hero-gradient{background:linear-gradient(to bottom,#07090f40,#07090f80 35%,#07090fe0 68%,#07090f)}[data-theme=light] .hero-gradient{background:linear-gradient(to bottom,#07090f59,#07090fa6 40%,#07090feb 72%,#07090f)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .hero-gradient{background:linear-gradient(to bottom,#07090f59,#07090fa6 40%,#07090feb 72%,#07090f)}}.noise-overlay{opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.article-featured-img{border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 48px #00000073}[data-theme=light] .article-featured-img{border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 24px #0000001f}.toc-sticky{top:5.5rem}.toc-label{font-family:var(--font-display);font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ff99008c;margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,153,0,.12)}#toc{display:flex;flex-direction:column;gap:.1rem}#toc a{display:block;padding:.32rem .6rem;border-radius:6px;font-size:.78rem;line-height:1.45;color:#7a8aa4;text-decoration:none;transition:color .15s,background .15s,border-color .15s;border-left:2px solid transparent;position:relative}#toc a.toc-h2{font-weight:600;color:#8898b4}#toc a.toc-h3{font-size:.73rem;font-weight:400;padding-left:1.1rem;color:#7585a0}#toc a:hover{color:#b0c4dc;background:#ff99000a}#toc a.is-active{color:#f90!important;border-left-color:#f90;background:#ff99000f;font-weight:700}.toc-cta{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.broadcast-player{margin:0 0 2.5rem;border-radius:16px;border:1px solid rgba(255,153,0,.28);background:linear-gradient(135deg,rgba(255,153,0,.07) 0%,rgba(255,153,0,.02) 50%,transparent 100%);overflow:hidden}.broadcast-header{display:flex;align-items:center;gap:.65rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,153,0,.14);background:#ff99000f}.broadcast-header svg{width:1rem;height:1rem;color:#f90;flex-shrink:0}.broadcast-badge{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f90}.broadcast-divider{width:1px;height:.85rem;background:#ff990040}.broadcast-label{font-size:.82rem;font-weight:600;color:var(--color-content);line-height:1.3}.broadcast-body{padding:1rem 1.25rem}.broadcast-body audio{display:none}.broadcast-controls{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.broadcast-play{width:2.4rem;height:2.4rem;border-radius:50%;background:#f90;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 0 #f900;color:#07090f}.broadcast-play:hover{background:#ffb733;box-shadow:0 4px 20px #ff990059;transform:scale(1.06)}.broadcast-play.playing{box-shadow:0 0 0 4px #ff99002e}.broadcast-play svg{width:1.1rem;height:1.1rem}.broadcast-progress-wrap{flex:1;min-width:120px;display:flex;flex-direction:column;gap:.3rem}.broadcast-seek{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:#ff990026;outline:none;cursor:pointer;accent-color:#FF9900}.broadcast-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f90;cursor:pointer;box-shadow:0 0 6px #ff990080}.broadcast-seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f90;border:none;cursor:pointer}.broadcast-time{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.broadcast-speeds{display:flex;gap:.3rem;flex-wrap:wrap}.speed-btn{padding:.22rem .55rem;border-radius:6px;border:1px solid rgba(255,153,0,.22);background:transparent;color:var(--color-muted);font-size:.72rem;font-weight:700;cursor:pointer;transition:color .15s,background .15s,border-color .15s;line-height:1}.speed-btn:hover{color:#f90;border-color:#ff990073;background:#ff99000f}.speed-btn.active{color:#f90;background:#ff99001f;border-color:#ff990073}.article-h1{display:inline-block;border-bottom:3px solid #FF9900;padding-bottom:.35em}.article-lead{color:var(--color-dim);line-height:1.78}.blog-content{font-size:1.0625rem;line-height:1.9;color:var(--color-dim);counter-reset:h2-counter}.blog-content p{margin-bottom:1.55rem}.blog-content h2+p,.blog-content h3+p{color:var(--color-dim)}.blog-content strong{color:var(--color-content);font-weight:700}.blog-content em{color:var(--color-dim);font-style:italic}.blog-content a{color:#f90;text-decoration:underline;text-decoration-color:#ff99004d;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.blog-content a:hover{color:#ffb733;text-decoration-color:#ffb7338c}.blog-content h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,1.85rem);color:var(--color-content);margin-top:0;margin-bottom:1.5rem;padding-top:3rem;padding-bottom:1rem;border-top:1px solid rgba(255,153,0,.1);position:relative;counter-increment:h2-counter;letter-spacing:-.02em;line-height:1.2}.blog-content h2:first-child{border-top:none;padding-top:1rem}.blog-content h2:before{content:counter(h2-counter,decimal-leading-zero);position:absolute;right:0;top:2rem;font-size:5.5rem;font-weight:900;line-height:1;color:#ff99000f;letter-spacing:-.04em;pointer-events:none;user-select:none;font-family:var(--font-display)}.blog-content h2:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,153,0,.6) 0%,rgba(255,153,0,.15) 40%,transparent 72%)}.blog-content h3{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--color-content);margin-top:2.75rem;margin-bottom:.85rem;display:flex;align-items:center;gap:.65rem;letter-spacing:-.01em;line-height:1.3}.blog-content h3:before{content:"";display:block;width:7px;height:7px;min-width:7px;background:#f90;transform:rotate(45deg);box-shadow:0 0 8px #ff990080}.blog-content ul{list-style:none;padding:0;margin:0 0 1.9rem;position:relative}.blog-content ul:before{content:"";position:absolute;left:.55rem;top:.55rem;bottom:.4rem;width:1px;background:linear-gradient(to bottom,rgba(255,153,0,.3),rgba(255,153,0,.05) 80%,transparent)}.blog-content ul li{position:relative;padding:.28rem 0 .28rem 2rem;color:var(--color-dim);line-height:1.7}.blog-content ul li:before{content:"";position:absolute;left:0;top:.62rem;width:1.1rem;height:1.1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8h9M9 5l3 3-3 3' stroke='%23FF9900' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.blog-content ol{list-style:none;padding:0;margin:0 0 1.9rem;counter-reset:ol-counter;display:flex;flex-direction:column;gap:.5rem}.blog-content ol li{position:relative;padding:0 0 0 2.5rem;color:var(--color-dim);counter-increment:ol-counter;line-height:1.7;min-height:1.65rem}.blog-content ol li:before{content:counter(ol-counter);position:absolute;left:0;top:.12rem;width:1.65rem;height:1.65rem;border-radius:6px;background:#ff99001a;border:1px solid rgba(255,153,0,.28);color:#f90;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);letter-spacing:0}.blog-content ul li:has(>input[type=checkbox]){display:flex;align-items:center;gap:.6rem;padding-left:2rem}.blog-content ul li:has(>input[type=checkbox]):before{display:none}.blog-content input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;min-width:1rem;border:1.5px solid var(--color-line-md);border-radius:4px;background:transparent;cursor:default;position:relative;transition:border-color .2s,background .2s;margin-right:.1rem}.blog-content input[type=checkbox]:checked{background:#ff99002e;border-color:#ff99008c}.blog-content input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l3 3 5-5.5' stroke='%23FF9900' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:78%}.blog-content ul:has(input[type=checkbox]):before{display:none}.blog-content blockquote{position:relative;margin:2.25rem 0;padding:1.35rem 1.5rem 1.35rem 4.5rem;border-radius:12px;background:#ff99000e;border:1px solid rgba(255,153,0,.17);overflow:hidden}.blog-content blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#f90,#ff990040);border-radius:3px 0 0 3px}.blog-content blockquote:after{content:"";position:absolute;left:1.3rem;top:1.3rem;width:1.6rem;height:1.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9.5' stroke='%23FF9900' stroke-width='1.6'/%3E%3Cpath d='M12 7.5v1M12 11v5.5' stroke='%23FF9900' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;opacity:.8}.blog-content blockquote p{margin:0 0 .4rem;color:var(--color-dim);font-size:.975rem;line-height:1.72}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content blockquote>p:first-child>strong:first-child{display:block;margin-bottom:.5rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f90}.blog-content blockquote ul:before{display:none}.blog-content blockquote ul li{padding-left:1.6rem}.blog-content blockquote ul li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5l3.5 3.5 6.5-7' stroke='%23FF9900' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");top:.5rem}.blog-content hr{border:none;height:1.5rem;margin:.5rem 0 0;position:relative;background:none}.blog-content hr:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,var(--color-line) 20%,var(--color-line) 80%,transparent 100%)}.blog-content hr:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.45rem;color:#f906;background:var(--color-bg);padding:0 .6rem;letter-spacing:.4rem}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;font-size:.9rem;border:1px solid var(--color-line);border-radius:12px;overflow:hidden}.blog-content thead tr{background:linear-gradient(90deg,#ff99001f,#ff990012)}.blog-content th{text-align:left;padding:.8rem 1.1rem;color:var(--color-content);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,153,0,.18);white-space:nowrap;font-family:var(--font-display)}.blog-content td{padding:.7rem 1.1rem;color:var(--color-dim);border-bottom:1px solid var(--color-faint);vertical-align:top;line-height:1.6}.blog-content tr:last-child td{border-bottom:none}.blog-content tbody tr:hover td{background:var(--color-faint);color:var(--color-content)}.blog-content td:first-child strong{color:var(--color-content)}.blog-content code{font-size:.83em;background:#ff990017;color:#ffb733;padding:.12em .45em;border-radius:5px;border:1px solid rgba(255,153,0,.14);font-family:Fira Code,Fira Mono,Consolas,monospace;letter-spacing:-.01em}.blog-content pre>code{background:none!important;border:none!important;padding:0!important;border-radius:0!important;color:inherit!important;font-size:inherit!important}.blog-content pre.astro-code{background-color:#0c1018!important;border-radius:12px;border:1px solid rgba(255,153,0,.18);border-left:3px solid rgba(255,153,0,.55);padding:1.25rem 1.5rem;margin:0 0 2rem;line-height:1.7}[data-theme=light] .blog-content pre.astro-code{background-color:#1a1f2e!important;border-color:#ff990040;border-left-color:#ff9900a6}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .blog-content pre.astro-code{background-color:#1a1f2e!important;border-color:#ff990040;border-left-color:#ff9900a6}}.blog-content ul ul,.blog-content ol ul{margin-top:.4rem;margin-bottom:.2rem}.blog-content ul ul:before{display:none}.blog-content ul ul li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='2.5' stroke='%23FF9900' stroke-width='1.5'/%3E%3C/svg%3E")}.related-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{display:block;padding:1.25rem;background:var(--color-card);border:1px solid var(--color-line);border-radius:1rem;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.related-card:hover{border-color:#ff99004d;box-shadow:0 14px 34px -18px #0006;transform:translateY(-2px)}.related-card-meta{display:flex;align-items:center;gap:.4rem;font-size:.6875rem;color:var(--color-muted);margin-bottom:.6rem}.related-card-title{font-family:var(--font-display, inherit);font-weight:700;font-size:.9375rem;line-height:1.35;letter-spacing:-.005em;color:var(--color-content);margin-bottom:.5rem}.related-card-desc{font-size:.8125rem;line-height:1.5;color:var(--color-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=light] .blog-content code{background:#a058001a;border-color:#a0580038;color:#a05800}[data-theme=light] #toc a{color:#374151}[data-theme=light] #toc a.toc-h2{color:#1a202c}[data-theme=light] #toc a.toc-h3{color:#4a5568}[data-theme=light] #toc a:hover{color:#111318;background:#a058000f}[data-theme=light] .toc-label{color:#a05800d9;border-bottom-color:#a0580033}[data-theme=light] .toc-cta{border-top-color:#00000014}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .blog-content code{background:#a058001a;border-color:#a0580038;color:#a05800}:root:not([data-theme=dark]) #toc a{color:#374151}:root:not([data-theme=dark]) #toc a.toc-h2{color:#1a202c}:root:not([data-theme=dark]) #toc a.toc-h3{color:#4a5568}:root:not([data-theme=dark]) #toc a:hover{color:#111318;background:#a058000f}:root:not([data-theme=dark]) .toc-label{color:#a05800d9;border-bottom-color:#a0580033}:root:not([data-theme=dark]) .toc-cta{border-top-color:#00000014}}