:root{--blog-bg: var(--color-black);--blog-bg-hero: var(--color-black);--blog-surface: rgba(255, 255, 255, .02);--blog-border: rgba(255, 255, 255, .05);--blog-text: rgba(255, 255, 255, .85);--blog-text-muted: rgba(255, 255, 255, .6);--blog-heading: var(--color-offwhite);--blog-accent: var(--color-green);--blog-accent-bg: rgba(160, 226, 97, .1);--blog-link: var(--color-green);--blog-hero-border: rgba(255, 255, 255, .05)}[data-blog-theme=light]{--blog-bg: var(--color-offwhite);--blog-bg-hero: var(--color-black);--blog-surface: #ffffff;--blog-border: rgba(1, 5, 2, .1);--blog-text: rgba(1, 5, 2, .85);--blog-text-muted: rgba(1, 5, 2, .6);--blog-heading: var(--color-black);--blog-accent: var(--color-black);--blog-accent-bg: rgba(1, 5, 2, .05);--blog-link: #2e8b57;--blog-hero-border: transparent}.blog-hero{background:var(--blog-bg-hero);color:var(--color-offwhite);padding:140px 0 60px;position:relative;border-bottom:1px solid var(--blog-hero-border);transition:all .3s ease}.blog-meta{margin-bottom:25px;display:flex;gap:15px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.blog-meta .blog-tag{background:#a0e2611a;color:var(--color-green);padding:6px 14px;border-radius:20px}.blog-meta .blog-date{opacity:.6}.blog-title{font-size:clamp(2rem,4vw,3.5rem);font-family:var(--font-title);line-height:1.2;font-weight:800;max-width:900px;margin:0 auto 20px;color:var(--color-offwhite)}.blog-author{font-size:1.1rem;color:#ffffffb3}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:30px;padding:8px 16px;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:25px;transition:all .2s ease}.theme-toggle:hover{background:#fff3}.moon-icon,[data-blog-theme=light] .sun-icon{display:none}[data-blog-theme=light] .moon-icon{display:block}.blog-content-section{padding:60px 0 100px;background-color:var(--blog-bg);transition:background-color .3s ease}.blog-layout{display:flex;gap:50px;position:relative}@media(max-width:991px){.blog-layout{flex-direction:column-reverse}}.blog-article-content{flex:1;min-width:0;background:var(--blog-surface);padding:50px;border-radius:24px;border:1px solid var(--blog-border);color:var(--blog-text);font-size:1.125rem;line-height:1.8;transition:all .3s ease}@media(max-width:768px){.blog-article-content{padding:30px 20px}}.blog-article-content>h1:first-child{display:none}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{color:var(--blog-heading);font-family:var(--font-title);font-weight:700;margin-top:2.5em;margin-bottom:1em;line-height:1.3;transition:color .3s ease}.blog-article-content h2{font-size:1.8rem;border-bottom:1px solid var(--blog-border);padding-bottom:.5em}.blog-article-content h3{font-size:1.4rem;color:var(--blog-accent)}.blog-article-content p{margin-bottom:1.5em;color:var(--blog-text)}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.5em;padding-left:1.5em;color:var(--blog-text)}.blog-article-content li{margin-bottom:.5em}.blog-article-content a{color:var(--blog-link);text-decoration:none;font-weight:500;border-bottom:1px dashed var(--blog-border);transition:all .2s}.blog-article-content a:hover{color:var(--blog-heading);border-bottom-color:var(--blog-accent)}.blog-article-content blockquote{border-left:4px solid var(--blog-accent);margin:2em 0;font-style:italic;color:var(--blog-text-muted);background:var(--blog-accent-bg);padding:20px;border-radius:0 12px 12px 0}.blog-sidebar{width:320px;flex-shrink:0}@media(max-width:991px){.blog-sidebar{width:100%}}.sticky-toc{position:sticky;top:100px;background:var(--blog-surface);padding:30px;border-radius:20px;border:1px solid var(--blog-border);transition:all .3s ease}.sticky-toc h3{font-size:1.1rem;font-family:var(--font-title);font-weight:700;margin-top:0;margin-bottom:20px;color:var(--blog-heading);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.toc-nav ul{list-style:none;padding:0;margin:0;border-left:2px solid var(--blog-border)}.toc-nav li{margin-bottom:8px}.toc-nav li.depth-3{padding-left:15px;font-size:.9em}.toc-nav a{color:var(--blog-text-muted);text-decoration:none;display:block;padding:4px 0 4px 15px;font-size:.95rem;font-weight:500;line-height:1.4;transition:all .2s ease;position:relative;left:-2px;border-left:2px solid transparent}.toc-nav a:hover,.toc-nav a.active-toc{color:var(--blog-accent);border-left-color:var(--blog-accent);background:var(--blog-accent-bg);border-radius:0 6px 6px 0}.diagnostic-box{margin-top:30px;padding-top:30px;border-top:1px solid var(--blog-border);text-align:center}.diagnostic-box h4{font-size:1.2rem;margin-bottom:10px;color:var(--blog-heading);font-family:var(--font-title)}.diagnostic-box p{font-size:.95rem;color:var(--blog-text-muted);margin-bottom:25px;line-height:1.5}.btn-sm{padding:12px 20px;font-size:.9rem;width:100%}