:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-overlay:#fff;--bg-overlay-light:#fff;--bg-overlay-heavy:#fff;--bg-overlay-strong:#fff;--bg-hover:#f8f9fa;--bg-hover-light:#f8f9fa;--bg-input:#fff;--bg-search-result:#fff;--bg-code:#f7fafc;--bg-code-block:#2d2d2d;--bg-highlight:rgba(49,130,206,.15);--bg-muted:rgba(113,128,150,.1);--bg-muted-hover:#f0f4f8;--text-primary:#2c3e50;--text-secondary:#1a202c;--text-tertiary:#4a5568;--text-muted:#718096;--text-placeholder:#a0aec0;--text-code:#e53e3e;--text-code-block:#f8f8f2;--text-link:#3182ce;--text-link-hover:#2c5282;--text-highlight:#2c5282;--border-primary:hsla(0,0%,88%,.5);--border-secondary:#e8eaed;--border-tertiary:#f0f0f0;--border-muted:hsla(0,0%,88%,.3);--border-input:#e8eaed;--border-input-focus:#1da1f2;--border-code:#e2e8f0;--border-code-block:#3d3d3d;--border-highlight:rgba(49,130,206,.3);--border-muted-highlight:rgba(113,128,150,.2);--shadow-sm:rgba(0,0,0,.05);--shadow-md:rgba(0,0,0,.08);--shadow-lg:rgba(0,0,0,.15);--shadow-input-focus:rgba(29,161,242,.1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#0a0a0a;--bg-overlay:#0a0a0a;--bg-overlay-light:#0a0a0a;--bg-overlay-heavy:#0a0a0a;--bg-overlay-strong:#0a0a0a;--bg-hover:#0f0f0f;--bg-hover-light:#0d0d0d;--bg-input:#0a0a0a;--bg-search-result:#0a0a0a;--bg-code:#0a0a0a;--bg-code-block:#000;--bg-highlight:rgba(255,179,102,.15);--bg-muted:rgba(255,179,102,.05);--bg-muted-hover:#0f0f0f;--text-primary:#ffb366;--text-secondary:#fc9;--text-tertiary:#ffb366;--text-muted:#f96;--text-placeholder:#c96;--text-code:#f99;--text-code-block:#fc9;--text-link:#fc9;--text-link-hover:#ffd9b3;--text-highlight:#ffd9b3;--border-primary:rgba(255,179,102,.25);--border-secondary:rgba(255,179,102,.35);--border-tertiary:rgba(255,179,102,.2);--border-muted:rgba(255,179,102,.25);--border-input:rgba(255,179,102,.35);--border-input-focus:#ffb366;--border-code:rgba(255,179,102,.35);--border-code-block:rgba(255,179,102,.25);--border-highlight:rgba(255,179,102,.5);--border-muted-highlight:rgba(255,179,102,.3);--shadow-sm:rgba(0,0,0,.5);--shadow-md:rgba(0,0,0,.6);--shadow-lg:rgba(0,0,0,.7);--shadow-input-focus:rgba(255,179,102,.3)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.8;position:relative;min-height:100vh;font-size:18px;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{font-family:Helvetica,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;position:relative}[data-theme=dark] body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 2px);background-size:100% 4px;pointer-events:none;z-index:9999;mix-blend-mode:multiply}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.98}}[data-theme=dark] body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.03);pointer-events:none;z-index:10000;animation:crt-flicker .15s infinite;mix-blend-mode:screen}[data-theme=dark] .blog-post-card,[data-theme=dark] .blog-post-card-compact,[data-theme=dark] .blog-post-content h1,[data-theme=dark] .header,[data-theme=dark] .header h1,[data-theme=dark] .header p,[data-theme=dark] .header-actions,[data-theme=dark] .header-search,[data-theme=dark] .header-search-input,[data-theme=dark] .header-search-result-item,[data-theme=dark] .header-search-results,[data-theme=dark] .home-content h1,[data-theme=dark] .main-nav,[data-theme=dark] .nav-link,[data-theme=dark] .navigation,[data-theme=dark] .series-badge,[data-theme=dark] .series-carousel-nav,[data-theme=dark] .social-link,[data-theme=dark] .theme-toggle,[data-theme=dark] .toc-header,[data-theme=dark] .toc-link,[data-theme=dark] .toc-toggle,[data-theme=dark] button{position:relative}[data-theme=dark] .blog-post-card-compact:before,[data-theme=dark] .blog-post-card:before,[data-theme=dark] .header-actions:before,[data-theme=dark] .header-search-result-item:before,[data-theme=dark] .header-search-results:before,[data-theme=dark] .header-search:before,[data-theme=dark] .header:before,[data-theme=dark] .main-nav:before,[data-theme=dark] .navigation:before,[data-theme=dark] .series-badge:before,[data-theme=dark] .series-carousel-nav:before,[data-theme=dark] .social-link:before,[data-theme=dark] .theme-toggle:before,[data-theme=dark] .toc-header:before,[data-theme=dark] .toc-link:before,[data-theme=dark] .toc-toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,179,102,.08) 0,rgba(255,179,102,.08) 2px,transparent 0,transparent 3px);pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.6}[data-theme=dark] .blog-post-content h1:before,[data-theme=dark] .header h1:before,[data-theme=dark] .home-content h1:before,[data-theme=dark] .nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,179,102,.12) 0,rgba(255,179,102,.12) 2px,transparent 0,transparent 3px);pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.7}[data-theme=dark] .blog-post-content,[data-theme=dark] .blog-post-content blockquote,[data-theme=dark] .blog-post-content code,[data-theme=dark] .blog-post-content h1,[data-theme=dark] .blog-post-content h2,[data-theme=dark] .blog-post-content h3,[data-theme=dark] .blog-post-content h4,[data-theme=dark] .blog-post-content h5,[data-theme=dark] .blog-post-content h6,[data-theme=dark] .blog-post-content li,[data-theme=dark] .blog-post-content ol,[data-theme=dark] .blog-post-content p,[data-theme=dark] .blog-post-content pre,[data-theme=dark] .blog-post-content ul{position:relative;z-index:2}[data-theme=dark] .blog-post-content blockquote:before,[data-theme=dark] .blog-post-content code:before,[data-theme=dark] .blog-post-content h2:before,[data-theme=dark] .blog-post-content h3:before,[data-theme=dark] .blog-post-content h4:before,[data-theme=dark] .blog-post-content h5:before,[data-theme=dark] .blog-post-content h6:before,[data-theme=dark] .blog-post-content li:before,[data-theme=dark] .blog-post-content ol:before,[data-theme=dark] .blog-post-content p:before,[data-theme=dark] .blog-post-content pre:before,[data-theme=dark] .blog-post-content ul:before,[data-theme=dark] .blog-post-content:before{display:none}[data-theme=dark] .blog-chat-button,[data-theme=dark] .blog-chat-send,[data-theme=dark] .category-tag,[data-theme=dark] .category-tag-small,[data-theme=dark] .obsidian-edit-link,[data-theme=dark] .series-carousel-nav,[data-theme=dark] .series-nav-button,[data-theme=dark] .theme-toggle,[data-theme=dark] .toc-toggle,[data-theme=dark] .twitter-share-button,[data-theme=dark] button{background-color:#0a0a0a!important;color:var(--text-primary)!important;border-color:rgba(255,179,102,.5) rgba(255,179,102,.2) rgba(255,179,102,.2) rgba(255,179,102,.5);border-style:solid;border-width:2px;border-radius:4px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:600;letter-spacing:.5px;box-shadow:inset -1px -1px 0 rgba(255,179,102,.3),inset 1px 1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(255,179,102,.15);position:relative;text-transform:uppercase;font-size:.8125rem}[data-theme=dark] .blog-chat-button:hover,[data-theme=dark] .blog-chat-send:hover,[data-theme=dark] .category-tag-small:hover,[data-theme=dark] .category-tag:hover,[data-theme=dark] .obsidian-edit-link:hover,[data-theme=dark] .series-carousel-nav:hover,[data-theme=dark] .series-nav-button:hover,[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .toc-toggle:hover,[data-theme=dark] .twitter-share-button:hover,[data-theme=dark] button:hover{background-color:#0f0f0f!important;color:var(--text-link)!important;border-color:rgba(255,179,102,.7) rgba(255,179,102,.3) rgba(255,179,102,.3) rgba(255,179,102,.7);box-shadow:inset -1px -1px 0 rgba(255,179,102,.4),inset 1px 1px 0 rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.6),0 2px 4px rgba(255,179,102,.2)}[data-theme=dark] .blog-chat-button:active,[data-theme=dark] .blog-chat-send:active,[data-theme=dark] .category-tag-small:active,[data-theme=dark] .category-tag:active,[data-theme=dark] .obsidian-edit-link:active,[data-theme=dark] .series-carousel-nav:active,[data-theme=dark] .series-nav-button:active,[data-theme=dark] .theme-toggle:active,[data-theme=dark] .toc-toggle:active,[data-theme=dark] .twitter-share-button:active,[data-theme=dark] button:active{background-color:#050505!important;border-color:rgba(255,179,102,.2) rgba(255,179,102,.6) rgba(255,179,102,.6) rgba(255,179,102,.2);box-shadow:inset 1px 1px 3px rgba(0,0,0,.7),inset -1px -1px 1px rgba(255,179,102,.15),0 1px 2px rgba(0,0,0,.4);transform:translateY(1px)}a{color:inherit;text-decoration:none}.container{margin:0 auto;position:relative;z-index:1}.container,.container-list{max-width:100%;padding:4rem 3rem;background-color:var(--bg-tertiary);transition:background-color .3s ease}@media (min-width:1400px){.container,.container-list{padding:4rem}}.container-detail{max-width:100%;padding:2rem 3rem;background-color:var(--bg-tertiary);transition:background-color .3s ease}@media (min-width:1400px){.container-detail{padding:2.5rem 4rem}}.container-3d-background{max-width:100%;background-color:transparent;transition:background-color .3s ease;padding:0}.container-3d-background .blog-post-layout{max-width:1600px;margin:0 auto;padding:0 1rem}.container-3d-background .blog-post-content{max-width:1200px;background:transparent!important;border:none!important;box-shadow:none!important;padding:2rem 0!important}.container-3d-background .blog-post-content p{background:hsla(0,0%,4%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem 2rem;margin-bottom:2rem;border-radius:8px;border:1px solid rgba(255,179,102,.1);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .container-3d-background .blog-post-content p{background:rgba(0,0,0,.4);border-color:rgba(255,179,102,.15);box-shadow:0 2px 8px rgba(0,0,0,.5)}.container-3d-background .blog-post-content p:first-of-type{margin-top:0}.container-3d-background .blog-post-content p:last-of-type{margin-bottom:0}.container-3d-background .blog-post-content h1,.container-3d-background .blog-post-content h2,.container-3d-background .blog-post-content h3,.container-3d-background .blog-post-content h4,.container-3d-background .blog-post-content h5,.container-3d-background .blog-post-content h6{background:hsla(0,0%,4%,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(255,179,102,.15);box-shadow:0 2px 8px rgba(0,0,0,.3);margin-top:2.5rem;margin-bottom:1.5rem}[data-theme=dark] .container-3d-background .blog-post-content h1,[data-theme=dark] .container-3d-background .blog-post-content h2,[data-theme=dark] .container-3d-background .blog-post-content h3,[data-theme=dark] .container-3d-background .blog-post-content h4,[data-theme=dark] .container-3d-background .blog-post-content h5,[data-theme=dark] .container-3d-background .blog-post-content h6{background:rgba(0,0,0,.5);border-color:rgba(255,179,102,.2);box-shadow:0 2px 8px rgba(0,0,0,.6)}.container-3d-background .blog-post-content h1:first-child{margin-top:0}.container-3d-background .blog-post-content ol,.container-3d-background .blog-post-content ul{background:hsla(0,0%,4%,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem 2rem 1.5rem 3.5rem;margin-bottom:2rem;border-radius:8px;border:1px solid rgba(255,179,102,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .container-3d-background .blog-post-content ol,[data-theme=dark] .container-3d-background .blog-post-content ul{background:rgba(0,0,0,.4);border-color:rgba(255,179,102,.15);box-shadow:0 2px 8px rgba(0,0,0,.5)}.container-3d-background .blog-post-content blockquote{background:hsla(0,0%,4%,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem 2rem;margin:2rem 0;border-radius:8px;border:1px solid rgba(255,179,102,.1);border-left:4px solid var(--text-link);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .container-3d-background .blog-post-content blockquote{background:rgba(0,0,0,.45);border-color:rgba(255,179,102,.15) rgba(255,179,102,.15) rgba(255,179,102,.15) rgba(255,179,102,.2);box-shadow:0 2px 8px rgba(0,0,0,.6)}@media (max-width:1024px){.container,.container-list{padding:3rem 2rem}.container-detail{padding:1.5rem 2rem}}@media (max-width:768px){.container,.container-list{padding:2rem 1.5rem}.container-detail{padding:1.25rem 1.5rem}}.header{margin-bottom:.5rem;margin-top:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-primary);transition:border-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-actions{gap:.75rem}.header-actions,.theme-toggle{display:flex;align-items:center}.theme-toggle{gap:.5rem;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-secondary)}.theme-toggle svg{flex-shrink:0;width:20px;height:20px}.theme-toggle-label{font-weight:500}@media (max-width:768px){.theme-toggle-label{display:none}}.header-search{position:relative;min-width:250px}.header-search-input-wrapper{position:relative;display:flex;align-items:center}.header-search-icon{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none;transition:color .3s ease}.header-search-input{width:100%;padding:.625rem 2.5rem .625rem 2.75rem;border:1px solid var(--border-input);border-radius:8px;font-size:.9375rem;background:var(--bg-input);color:var(--text-secondary);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease}.header-search-input:focus{border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--shadow-input-focus)}.header-search-input::placeholder{color:var(--text-placeholder)}.header-search-clear{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.header-search-clear:hover{background-color:var(--border-secondary);color:var(--text-secondary)}.header-search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-search-result);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 4px 12px var(--shadow-lg);z-index:1000;max-height:400px;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.header-search-results-list{list-style:none;padding:0;margin:0}.header-search-result-item{display:block;padding:1rem 1.25rem;border-bottom:1px solid var(--border-tertiary);text-decoration:none;color:var(--text-secondary);transition:background-color .2s ease}.header-search-result-item:hover{background-color:var(--bg-hover)}.header-search-result-item:last-child{border-bottom:none}.header-search-result-title{font-weight:600;font-size:.9375rem;margin-bottom:.25rem;color:var(--text-secondary)}.header-search-result-excerpt{font-size:.875rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-search-loading,.header-search-no-results{padding:1rem 1.25rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.social-links{gap:1rem;flex-shrink:0}.social-link,.social-links{display:flex;align-items:center}.social-link{justify-content:center;width:40px;height:40px;color:var(--text-muted);transition:color .2s ease,transform .2s ease,background-color .3s ease;border-radius:8px;background:var(--bg-secondary)}.social-link:hover{color:var(--text-link);transform:translateY(-2px);background:var(--bg-hover)}.social-link svg{width:20px;height:20px}@media (max-width:768px){.header-content{flex-direction:column;gap:1.5rem}.header-actions{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.header-search{min-width:100%}.header-search-input{font-size:.875rem;padding:.5rem 2.25rem .5rem 2.5rem}.social-links{align-self:flex-start}}.container-list .header{border-bottom:1px solid var(--border-muted);transition:border-color .3s ease}.header h1{font-size:3rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em}@media (max-width:768px){.header h1{font-size:2.25rem}}.header p{color:var(--text-tertiary);font-size:1rem;transition:color .3s ease}.blog-list{display:flex;flex-direction:column;gap:2rem}.blog-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem}@media (min-width:768px) and (max-width:1024px){.blog-list-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width:1024px){.blog-list-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media (max-width:768px){.blog-list-grid{grid-template-columns:1fr;gap:1.75rem}}.blog-post-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:10px;padding:1.75rem;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background-color .3s ease}.blog-post-card:hover{box-shadow:0 4px 16px var(--shadow-md);transform:translateY(-2px);border-color:var(--border-primary)}.blog-post-card-compact{padding:0;display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border:1px solid var(--border-secondary);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.blog-post-card-compact:hover{box-shadow:0 6px 20px var(--shadow-lg);transform:translateY(-3px);background:var(--bg-hover);border-color:var(--border-primary)}.blog-post-card h2{font-size:2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.3;transition:color .3s ease}.blog-post-card-compact h2{font-size:1.25rem;margin-bottom:.625rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:4.2em}.blog-post-card-compact h2,.blog-post-title-wrapper{padding:0 1.25rem;margin-top:1rem}.series-indicator{margin-top:.5rem;margin-bottom:.5rem}.series-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;white-space:nowrap}.series-badge-main{background:var(--bg-highlight);color:var(--text-link);border:1px solid var(--border-highlight)}.series-badge-main,.series-badge-part{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.series-badge-part{background:var(--bg-muted);color:var(--text-tertiary);border:1px solid var(--border-muted-highlight);font-size:.75rem}.series-name-truncated{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.series-badge[title]{cursor:help}.series-carousel{position:relative}.series-carousel-controls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;z-index:10;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem;border-radius:8px;border:1px solid var(--border-secondary);transition:background-color .3s ease,border-color .3s ease,opacity .2s ease,visibility .2s ease;opacity:0;visibility:hidden}.series-carousel:focus .series-carousel-controls,.series-carousel:focus-within .series-carousel-controls,.series-carousel:hover .series-carousel-controls{opacity:1;visibility:visible}.series-carousel-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease;color:var(--text-tertiary)}.series-carousel-nav:hover{background:var(--bg-hover);border-color:var(--text-link);color:var(--text-link);transform:scale(1.05)}.series-carousel-nav:active{transform:scale(.95)}.series-carousel-counter{font-size:.8125rem;font-weight:600;color:var(--text-tertiary);min-width:3rem;text-align:center;transition:color .3s ease}.blog-post-title-truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:4.2em;line-height:1.3}@media (max-width:768px){.blog-post-card h2{font-size:1.625rem}.blog-post-card-compact h2{font-size:1.25rem}}.blog-post-card h2 a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.blog-post-card h2 a:hover{color:var(--text-link)}.blog-post-header-compact{margin-bottom:.25rem}.blog-post-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem}.blog-post-header-compact h1{margin:0;flex:1 1}.blog-post-share-inline{gap:.5rem;justify-content:flex-end;flex-shrink:0}.blog-post-meta-row,.blog-post-share-inline{display:flex;align-items:center;flex-wrap:wrap}.blog-post-meta-row{gap:.75rem;margin-bottom:0}.blog-post-date{color:var(--text-muted);font-size:.875rem;white-space:nowrap;transition:color .3s ease}.blog-post-date-label{font-weight:500;color:var(--text-tertiary)}.post-categories-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.category-tag-inline{font-size:.8125rem;padding:.25rem .5rem;display:inline-block}.blog-post-meta{color:var(--text-muted);font-size:1.0625rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:.5rem;transition:color .3s ease,border-color .3s ease}.blog-post-card-compact .blog-post-meta{font-size:.875rem;margin-bottom:.75rem;padding-bottom:.75rem;padding-left:1.25rem;padding-right:1.25rem;margin-top:auto;border-bottom:none}.blog-post-content>h1:first-child{margin-top:0}.blog-post-card-compact .blog-post-excerpt,.blog-post-excerpt{color:var(--text-tertiary);line-height:1.6;transition:color .3s ease}.blog-post-card-compact .blog-post-excerpt{font-size:.9375rem;margin-bottom:.75rem;padding-left:1.25rem;padding-right:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-image-container{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s ease}.blog-post-image-container:hover{opacity:.9}.blog-post-image{width:100%;height:100%;object-fit:cover;display:block}.blog-post-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-muted);transition:background-color .3s ease,color .3s ease}.blog-post-content{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;padding:2rem 3rem;margin-top:1rem;box-shadow:0 1px 3px var(--shadow-sm);max-width:100%;transition:background-color .3s ease,border-color .3s ease}@media (max-width:1024px){.blog-post-content{padding:1.5rem 2rem}}@media (max-width:768px){.blog-post-content{padding:1.25rem 1.5rem}}.blog-post-content h1{font-size:3.5rem;font-weight:700;margin-bottom:0;margin-top:0;color:var(--text-secondary);line-height:1.15;letter-spacing:-.03em;transition:color .3s ease}.blog-post-header-compact h1{margin-bottom:0}@media (max-width:1024px){.blog-post-content h1{font-size:3rem}.blog-post-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-post-share-inline{justify-content:flex-start;width:100%}}@media (max-width:768px){.blog-post-content h1{font-size:2.5rem}.blog-post-title-row{flex-direction:column;gap:.5rem}.blog-post-date{font-size:.8125rem}.blog-post-share-inline .obsidian-edit-link,.blog-post-share-inline .twitter-share-button{font-size:.75rem;padding:.25rem .5rem}}.blog-post-content h2{font-size:2.5rem;font-weight:600;margin-top:3rem;margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.25;letter-spacing:-.02em;padding-bottom:.75rem;border-bottom:2px solid var(--border-secondary);transition:color .3s ease,border-color .3s ease}@media (max-width:768px){.blog-post-content h2{font-size:2rem;margin-top:2.5rem}}.blog-post-content h3{font-size:1.875rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-tertiary);line-height:1.35;letter-spacing:-.01em;transition:color .3s ease}@media (max-width:768px){.blog-post-content h3{font-size:1.5rem}}.blog-post-content h4{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;color:var(--text-tertiary);line-height:1.4;transition:color .3s ease}@media (max-width:768px){.blog-post-content h4{font-size:1.25rem}}.blog-post-content p{margin-bottom:1.75rem;line-height:1.95;color:var(--text-tertiary);font-size:1.1875rem;letter-spacing:-.01em;transition:color .3s ease}.blog-post-content p:first-of-type{font-size:1.3125rem;line-height:2;color:var(--text-secondary);margin-bottom:2rem;font-weight:400;transition:color .3s ease}.blog-post-content p:last-of-type{margin-bottom:0}.blog-post-content img{max-width:100%;height:auto;display:block;margin:2rem auto}.template-article{display:flex;flex-direction:column;gap:3rem;width:100%}.template-article .article-abstract,.template-article .article-conclusion,.template-article .article-references{width:100%;grid-column:1/-1;column-span:all;display:block;clear:both}.template-article .article-abstract h1,.template-article .article-abstract h2,.template-article .article-abstract h3,.template-article .article-conclusion h1,.template-article .article-conclusion h2,.template-article .article-conclusion h3,.template-article .article-references h1,.template-article .article-references h2,.template-article .article-references h3{text-align:center}.template-article .article-main{column-gap:2rem;column-fill:auto;columns:2;width:100%;max-width:100%;box-sizing:border-box;display:block;overflow:visible}.template-article .article-abstract p,.template-article .article-conclusion p,.template-article .article-main p,.template-article .article-references p{text-align:justify;text-justify:auto;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;word-spacing:normal;letter-spacing:normal;margin-bottom:.5rem;margin-top:0;line-height:1.5;orphans:2;widows:2;color:var(--text-primary)!important}.template-article .article-abstract p:first-of-type,.template-article .article-conclusion p:first-of-type,.template-article .article-main p:first-of-type,.template-article .article-references p:first-of-type{color:var(--text-primary)!important}.template-article .article-main>h1,.template-article .article-main>h2,.template-article .article-main>h3,.template-article .article-main>h4,.template-article .article-main>h5,.template-article .article-main>h6{break-inside:avoid;page-break-inside:avoid}.template-article .article-main>p{break-inside:auto;page-break-inside:auto}.template-article img{max-width:100%;width:auto;height:auto;display:inline-block;margin:1rem 0;padding:.5rem}.template-article .article-abstract img,.template-article .article-conclusion img,.template-article .article-references img{max-width:45%;width:auto;height:auto;float:right;margin:.5rem 0 .5rem 1rem;padding:.5rem;clear:none}.template-article .article-abstract img:nth-of-type(odd),.template-article .article-conclusion img:nth-of-type(odd),.template-article .article-references img:nth-of-type(odd){float:right;margin-left:1rem;margin-right:0}.template-article .article-abstract img:nth-of-type(2n),.template-article .article-conclusion img:nth-of-type(2n),.template-article .article-references img:nth-of-type(2n){float:left;margin-right:1rem;margin-left:0}.template-article h1+img:not(.article-abstract img):not(.article-conclusion img):not(.article-references img),.template-article img:first-of-type:not(.article-abstract img):not(.article-conclusion img):not(.article-references img){max-width:600px;width:100%;margin:1rem auto;display:block}.template-article .article-main h1,.template-article .article-main h2,.template-article .article-main h3,.template-article .article-main h4{column-span:all;text-align:left;margin-top:1.5rem;margin-bottom:.75rem}.template-article .article-main table{column-span:all;width:100%;margin:1.5rem 0}.template-article .article-main .katex-display,.template-article .article-main pre{column-span:all;margin:1.5rem 0}@media (max-width:768px){.blog-post-content p{font-size:1.125rem;line-height:1.9}.blog-post-content p:first-of-type{font-size:1.1875rem;line-height:1.95}.blog-post-content img{margin:1.5rem auto}.template-article{grid-template-columns:1fr;gap:2rem}.template-article .article-main{column-count:1;column-gap:0}}.blog-post-content ol,.blog-post-content ul{margin-bottom:1.5rem;padding-left:2.5rem}.blog-post-content li{margin-bottom:.75rem;line-height:1.9;color:var(--text-tertiary);font-size:1.1875rem;transition:color .3s ease}@media (max-width:768px){.blog-post-content li{font-size:1.125rem}}.blog-post-content ul li{list-style-type:disc}.blog-post-content ol li{list-style-type:decimal}.blog-post-content code:not(pre code){background-color:var(--bg-code);padding:.25rem .625rem;border-radius:4px;font-size:.95em;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,Consolas,monospace;color:var(--text-code);border:1px solid var(--border-code);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.blog-post-content pre{background-color:var(--bg-code-block);color:var(--text-code-block);padding:2rem;border-radius:8px;overflow-x:auto;margin-bottom:2rem;border:1px solid var(--border-code-block);box-shadow:0 2px 8px var(--shadow-sm);position:relative;transition:background-color .3s ease,border-color .3s ease}.blog-post-content pre code{background-color:transparent;padding:0;color:inherit;border:none;font-size:.9375rem;line-height:1.7;display:block;font-family:Fira Code,Consolas,Monaco,Courier New,monospace}.blog-post-content pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.blog-post-content pre.line-numbers>code{position:relative;white-space:inherit}.blog-post-content .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #3d3d3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2rem 0;counter-reset:linenumber}.blog-post-content .line-numbers-rows>span{display:block;counter-increment:linenumber;padding-right:1em;text-align:right;color:var(--text-muted);transition:color .3s ease}.blog-post-content .line-numbers-rows>span:before{content:counter(linenumber);color:var(--text-muted);display:block;padding-right:.8em;text-align:right;transition:color .3s ease}.blog-post-content blockquote{border-left:4px solid var(--text-link);margin-left:0;margin-bottom:2rem;margin-top:2rem;color:var(--text-tertiary);font-style:italic;background-color:var(--bg-muted);padding:1.5rem 2rem;border-radius:0 6px 6px 0;font-size:1.25rem;line-height:1.85;transition:border-color .3s ease,color .3s ease,background-color .3s ease}@media (max-width:768px){.blog-post-content blockquote{font-size:1.125rem;padding-left:1.5rem;padding-right:1.5rem}}.blog-post-content a{color:var(--text-link);text-decoration:none;border-bottom:2px solid var(--border-highlight);padding-bottom:1px;transition:all .2s ease;font-weight:500}.blog-post-content a:hover{color:var(--text-link-hover);border-bottom-color:var(--text-link);border-bottom-width:2px}.blog-post-content a:focus{outline:2px solid var(--text-link);outline-offset:2px;border-radius:2px}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px var(--shadow-sm);transition:background-color .3s ease}.blog-post-content table thead{background-color:var(--bg-hover);transition:background-color .3s ease}.blog-post-content table th{text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-tertiary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.blog-post-content table td,.blog-post-content table th{padding:.75rem 1rem;transition:color .3s ease,border-color .3s ease}.blog-post-content table td{border-bottom:1px solid var(--border-tertiary);color:var(--text-tertiary)}.blog-post-content table tbody tr:hover{background-color:var(--bg-hover);transition:background-color .2s ease}.blog-post-content table tbody tr:last-child td{border-bottom:none}.blog-post-content table tbody tr:nth-child(2n){background-color:var(--bg-muted);transition:background-color .3s ease}.blog-post-content table tbody tr:nth-child(2n):hover{background-color:var(--bg-muted-hover)}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--text-link);text-decoration:none;font-weight:500;transition:color .2s ease;font-size:.9375rem}.back-link:hover{color:var(--text-link-hover)}.obsidian-link{color:var(--text-link);text-decoration:none;border-bottom:2px solid var(--border-highlight);padding-bottom:1px;font-style:italic;font-weight:500;transition:all .2s ease}.obsidian-link.active{cursor:pointer;opacity:1}.obsidian-link.active:hover{color:var(--text-link-hover);border-bottom-color:var(--text-link);border-bottom-width:2px;opacity:1}.obsidian-link.active:focus{outline:2px solid var(--text-link);outline-offset:2px;border-radius:2px}.obsidian-link.disabled{cursor:not-allowed;opacity:.6;border-bottom-color:var(--border-muted)}.obsidian-link.disabled:hover{opacity:.8}.main-nav{margin-bottom:1rem;margin-top:0;padding:.75rem 0;border-bottom:1px solid var(--border-primary);transition:border-color .3s ease}.container-list .main-nav{border-bottom:2px solid var(--border-muted)}.nav-links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.nav-link{font-weight:500;color:var(--text-tertiary);text-decoration:none;transition:color .2s ease;position:relative;padding:.5rem 0}.nav-link.active,.nav-link:hover{color:var(--text-link)}.nav-link.active{font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:2px;background-color:var(--text-link);transition:background-color .3s ease}.nav-link-external{display:inline-flex;align-items:center;gap:.25rem}.nav-link-external:after{content:"↗";font-size:.875rem;opacity:.7}.home-layout{position:relative;display:flex;gap:2rem;align-items:flex-start;max-width:100%;margin:0;padding:0}.home-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow:visible;transition:width .3s ease,opacity .3s ease,margin .3s ease}.home-sidebar:has(.table-of-contents.toc-collapsed){width:0;opacity:0;overflow:hidden;padding:0;margin:0;gap:0;min-width:0}.home-main{flex:1 1;min-width:0;max-width:100%}@media (max-width:1024px){.home-layout{flex-direction:column;padding:0}.home-sidebar{width:100%!important;opacity:1!important;overflow:visible!important;padding:0!important;margin:2rem 0 0!important;gap:1rem!important;min-width:auto!important;position:relative;top:auto;max-height:none;order:2}.home-main{margin-left:0;order:1;width:100%;max-width:100%}}.home-intro{margin-bottom:3rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease}.home-content,.home-content>div{line-height:1.85}.home-content,.home-content p,.home-content>div{font-size:1.125rem;color:var(--text-tertiary);letter-spacing:-.01em;transition:color .3s ease}.home-content p{margin-bottom:1.75rem;line-height:1.9}.home-content p:first-of-type{font-size:1.25rem;line-height:1.95;color:var(--text-secondary);margin-bottom:2rem;font-weight:400;transition:color .3s ease}.home-content p:last-of-type{margin-bottom:0}.home-content h1,.home-content h2,.home-content h3{margin-top:2rem;margin-bottom:1.25rem;font-weight:600;color:var(--text-secondary);line-height:1.3;letter-spacing:-.02em;transition:color .3s ease}.home-content h1{font-size:2.25rem}.home-content h2{font-size:1.875rem}.home-content h3{font-size:1.5rem}.home-content h1:first-child,.home-content h2:first-child,.home-content h3:first-child{margin-top:0}.home-content ol,.home-content ul{margin:1.5rem 0;padding-left:2.5rem;line-height:1.9}.home-content li{margin:.75rem 0;line-height:1.9;color:var(--text-tertiary);transition:color .3s ease}.home-content a{color:var(--text-link);text-decoration:none;transition:color .2s ease;border-bottom:2px solid rgba(49,130,206,.3);padding-bottom:1px;transition:all .2s ease;font-weight:500}.home-content a:hover{color:#2c5282;border-bottom-color:#3182ce;border-bottom-width:2px}.home-content a:focus{outline:2px solid #3182ce;outline-offset:2px;border-radius:2px}@media (max-width:768px){.home-content{font-size:1rem;line-height:1.8}.home-content p{font-size:1rem;line-height:1.85;margin-bottom:1.5rem}.home-content p:first-of-type{font-size:1.125rem;line-height:1.9;margin-bottom:1.75rem}.home-content h1{font-size:1.875rem}.home-content h2{font-size:1.5rem}.home-content h3{font-size:1.25rem}}.categories-nav{margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-overlay-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;border:1px solid var(--border-muted);transition:background-color .3s ease,border-color .3s ease}.categories-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.categories-label{font-weight:600;font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;transition:color .3s ease}.categories-toggle{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-link);font-size:.8125rem;cursor:pointer;padding:.375rem .75rem;border-radius:4px;transition:background-color .3s ease,border-color .3s ease,color .3s ease;white-space:nowrap;font-weight:500}.categories-toggle:hover{background-color:var(--bg-hover);border-color:var(--text-link);color:var(--text-link)}[data-theme=dark] .categories-toggle{background-color:#0a0a0a!important;color:var(--text-primary)!important;border-color:var(--border-secondary);border-color:rgba(255,179,102,.5) rgba(255,179,102,.2) rgba(255,179,102,.2) rgba(255,179,102,.5);border-style:solid;border-width:2px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:inset -1px -1px 0 rgba(255,179,102,.3),inset 1px 1px 0 rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(255,179,102,.15)}[data-theme=dark] .categories-toggle:hover{background-color:#0f0f0f!important;color:var(--text-link)!important;border-color:rgba(255,179,102,.7) rgba(255,179,102,.3) rgba(255,179,102,.3) rgba(255,179,102,.7);box-shadow:inset -1px -1px 0 rgba(255,179,102,.4),inset 1px 1px 0 rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.6),0 2px 4px rgba(255,179,102,.2)}.categories-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;max-height:none;overflow:visible}.categories-list:not(.categories-expanded){max-height:2.5rem;overflow:hidden}.category-badge{display:inline-block;padding:.25rem .625rem;background-color:#e8e8e8;border-radius:12px;font-size:.8125rem;color:#555;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .3s ease;white-space:nowrap;border:1px solid transparent}.category-badge.active,.category-badge:hover{background-color:#3182ce;color:#fff}[data-theme=dark] .category-badge{background-color:#1a1a1a!important;color:var(--text-primary)!important;border:2px solid var(--border-secondary);border-radius:6px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;box-shadow:inset -1px -1px 0 rgba(255,179,102,.2),inset 1px 1px 0 rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.4),0 1px 2px rgba(255,179,102,.1)}[data-theme=dark] .category-badge:hover{background-color:#0f0f0f!important;color:var(--text-link)!important;border-color:rgba(255,179,102,.7) rgba(255,179,102,.3) rgba(255,179,102,.3) rgba(255,179,102,.7);box-shadow:inset -1px -1px 0 rgba(255,179,102,.4),inset 1px 1px 0 rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.6),0 2px 4px rgba(255,179,102,.2)}[data-theme=dark] .category-badge.active{background-color:#0f0f0f!important;color:var(--text-link)!important;border-color:rgba(255,179,102,.8) rgba(255,179,102,.4) rgba(255,179,102,.4) rgba(255,179,102,.8);box-shadow:inset -1px -1px 0 rgba(255,179,102,.5),inset 1px 1px 0 rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.6),0 2px 4px rgba(255,179,102,.25)}.blog-post-share{margin:.75rem 0 1rem;padding:.5rem 0;border-top:1px solid #e8eaed;border-bottom:none;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-post-share-inline .obsidian-edit-link,.blog-post-share-inline .twitter-share-button{margin:0;padding:.375rem .75rem;font-size:.8125rem}.obsidian-edit-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f0f4f8;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;text-decoration:none;font-size:.875rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.obsidian-edit-link:hover{background-color:#e2e8f0;border-color:#a0aec0;color:#1a202c}.twitter-share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#1da1f2;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,border-color .3s ease,color .3s ease;text-decoration:none}.twitter-share-button:hover{background-color:#1a8cd8;transform:translateY(-1px)}.twitter-share-button:active{transform:translateY(0)}[data-theme=dark] .twitter-share-button{background-color:#0a0a0a!important;color:var(--text-primary)!important}[data-theme=dark] .twitter-share-button:hover{background-color:#0f0f0f!important;color:var(--text-link)!important}.twitter-share-button svg{flex-shrink:0}.twitter-share-button span{line-height:1}@media (max-width:768px){.twitter-share-button{padding:.5rem 1rem;font-size:.875rem}.twitter-share-button svg{width:18px;height:18px}}.post-categories{display:flex;flex-wrap:nowrap;gap:.5rem;margin-top:.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.05);position:relative;max-width:100%;-webkit-overflow-scrolling:touch;padding-right:1rem;scroll-behavior:smooth}.post-categories::-webkit-scrollbar{height:6px}.post-categories::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.post-categories::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px}.post-categories::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.post-categories-container{position:relative;padding-right:0;margin-right:-1rem}.post-categories-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2rem;background:linear-gradient(to right,transparent,var(--bg-overlay));pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.post-categories-container[data-scrollable=true]:after{opacity:1}.post-categories-container[data-scrollable=true]:hover:after{opacity:0}.category-tag{display:inline-block;padding:.25rem .75rem;background-color:#3182ce;border-radius:12px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,border-color .3s ease,color .3s ease;white-space:nowrap;flex-shrink:0;border:1px solid transparent}.category-tag,.category-tag a,.category-tag:link,.category-tag:visited{color:#fff!important;text-decoration:none}.category-tag:hover{background-color:#2c5aa0;transform:translateY(-1px)}.category-tag:hover,.category-tag:hover a{color:#fff!important}[data-theme=dark] .category-tag,[data-theme=dark] .category-tag-small{background-color:#1a1a1a;color:var(--text-primary)!important;border:2px solid var(--border-secondary);border-radius:6px;font-family:Courier New,Monaco,Menlo,monospace;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.75rem}[data-theme=dark] .category-tag a,[data-theme=dark] .category-tag-small a,[data-theme=dark] .category-tag-small:link,[data-theme=dark] .category-tag-small:visited,[data-theme=dark] .category-tag:link,[data-theme=dark] .category-tag:visited{color:var(--text-primary)!important}[data-theme=dark] .category-tag-small:hover,[data-theme=dark] .category-tag:hover{background-color:#0f0f0f!important;color:var(--text-link)!important;border-color:rgba(255,179,102,.7) rgba(255,179,102,.3) rgba(255,179,102,.3) rgba(255,179,102,.7);box-shadow:inset -1px -1px 0 rgba(255,179,102,.4),inset 1px 1px 0 rgba(0,0,0,.6),0 3px 6px rgba(0,0,0,.6),0 2px 4px rgba(255,179,102,.2);transform:translateY(-1px)}[data-theme=dark] .category-tag-small:hover a,[data-theme=dark] .category-tag:hover a{color:var(--text-link)!important}.category-tag-small{display:inline-block;padding:.15rem .5rem;background-color:#3182ce;border-radius:10px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,border-color .3s ease,color .3s ease;border:1px solid transparent}.category-tag-small,.category-tag-small a{color:#fff;text-decoration:none}.category-tag-small:hover{background-color:#2c5aa0;transform:translateY(-1px)}.linked-posts{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-primary);transition:border-color .3s ease}.linked-posts-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-secondary);transition:color .3s ease}.linked-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.linked-post-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:0;overflow:hidden;transition:background-color .3s ease,border-color .3s ease;transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;height:100%}.linked-post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.linked-post-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary);padding:0 1.25rem;margin-top:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:3.9em;line-height:1.3;transition:color .3s ease}.linked-post-card h3 a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.linked-post-card h3 a:hover{color:var(--text-link)}.linked-post-meta{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem;padding:0 1.25rem;margin-top:auto;transition:color .3s ease}.linked-post-categories{display:flex;flex-wrap:nowrap;gap:.4rem;margin-top:.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;position:relative;max-width:100%;-webkit-overflow-scrolling:touch}.linked-post-categories::-webkit-scrollbar{height:4px}.linked-post-categories::-webkit-scrollbar-track{background:transparent}.linked-post-categories::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:2px}.linked-post-categories-container{position:relative}.linked-post-categories-overlay{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;padding:.75rem;transition:background-color .3s ease,border-color .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;display:none;flex-wrap:wrap;gap:.4rem;max-width:350px;margin-bottom:.5rem;max-height:200px;overflow-y:auto}.linked-post-categories-container:hover .linked-post-categories-overlay{display:flex}.linked-post-excerpt{color:var(--text-tertiary);font-size:.9rem;line-height:1.5;margin-top:.5rem;padding:0 1.25rem;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.load-more-trigger{height:50px;display:flex;align-items:center;justify-content:center}.loading-spinner{color:#666;font-size:.9rem}.category-filter-header{margin-bottom:2rem;padding:1rem;background:var(--bg-overlay-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;border:1px solid var(--border-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;transition:background-color .3s ease,border-color .3s ease}.category-filter-header h2{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin:0;transition:color .3s ease}.clear-filter-link{color:var(--text-link);text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border:1px solid #3182ce;border-radius:6px;transition:background-color .2s ease,color .2s ease}.clear-filter-link:hover{background-color:#3182ce;color:#fff}@media (max-width:768px){.blog-post-card{padding:1.5rem}.nav-links{gap:1rem;font-size:.95rem}.linked-posts-grid{grid-template-columns:1fr;gap:1rem}.blog-post-content table{font-size:.9375rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-post-content table td,.blog-post-content table th{padding:.625rem .875rem}}.blog-post-content .katex,.home-content .katex{font-size:1.1em;font-family:KaTeX_Main,Times New Roman,serif}.blog-post-content .katex-mathml,.home-content .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.blog-post-content .katex .katex-mathml,.home-content .katex .katex-mathml{display:none!important}.blog-post-content .katex-error,.home-content .katex-error{color:#c00;background-color:#ffe6e6;padding:.25rem .5rem;border-radius:3px;font-family:monospace;font-size:.9em}.blog-post-content .katex-display,.home-content .katex-display{margin:1.5rem 0;padding:1rem 0;overflow-x:auto;overflow-y:hidden}.blog-post-content .katex-display>.katex,.home-content .katex-display>.katex{display:inline-block;text-align:left;padding:0 1rem}.blog-post-content .katex:not(.katex-display),.home-content .katex:not(.katex-display){margin:0 .2em;vertical-align:baseline}.blog-post-content .katex-display{background-color:#f8f9fa;margin:2rem 0}.blog-post-content .katex-display,.home-content .katex-display{border-left:3px solid #3182ce;border-radius:4px;padding:1rem 1.5rem;transition:background-color .3s ease,border-color .3s ease}.home-content .katex-display{background-color:rgba(248,249,250,.8);margin:1.5rem 0}[data-theme=dark] .blog-post-content .katex-display,[data-theme=dark] .home-content .katex-display{background-color:hsla(0,0%,4%,.6);border-left-color:#ffb366;color:var(--text-primary)}[data-theme=dark] .blog-post-content .katex,[data-theme=dark] .home-content .katex{color:var(--text-primary)}[data-theme=dark] .blog-post-content .katex-error,[data-theme=dark] .home-content .katex-error{background-color:rgba(204,0,0,.2);color:#f66}.simulation-container{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .simulation-container{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}.simulation-stats{background-color:#f7fafc;color:#4a5568;padding:.75rem;border-radius:6px;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .simulation-stats{background-color:var(--bg-secondary);color:var(--text-primary)}.simulation-controls{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .simulation-controls{background-color:var(--bg-secondary);border-color:var(--border-secondary)}.simulation-text{color:#2d3748;transition:color .3s ease}[data-theme=dark] .simulation-text{color:var(--text-primary)}.simulation-text-medium{color:#4a5568;transition:color .3s ease}[data-theme=dark] .simulation-text-medium{color:var(--text-primary)}.blog-chat-button{position:relative;width:40px;height:40px;border-radius:8px;background-color:#1da1f2;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.blog-chat-button:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.blog-chat-button:active{transform:scale(.95)}.blog-chat-window{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-width:calc(100vw - 4rem);height:600px;max-height:calc(100vh - 200px);background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 24px var(--shadow-lg);transition:background-color .3s ease;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.blog-chat-header{padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.blog-chat-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1a202c}.blog-chat-close{background:none;border:none;cursor:pointer;color:#718096;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.blog-chat-close:hover{background-color:#e8eaed}.blog-chat-messages{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.blog-chat-message{display:flex;flex-direction:column;gap:.5rem}.blog-chat-message-user{align-items:flex-end}.blog-chat-message-assistant{align-items:flex-start}.blog-chat-message-content{max-width:80%;padding:.75rem 1rem;border-radius:12px;line-height:1.5;font-size:.9375rem}.blog-chat-message-user .blog-chat-message-content{background-color:#1da1f2;color:#fff;border-bottom-right-radius:4px}.blog-chat-message-assistant .blog-chat-message-content{background-color:#f0f0f0;color:#1a202c;border-bottom-left-radius:4px}.blog-chat-recommendations{max-width:80%;padding:.75rem 1rem;background-color:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;font-size:.875rem}.blog-chat-recommendations strong{display:block;margin-bottom:.5rem;color:#1a202c}.blog-chat-recommendations ul{list-style:none;padding:0;margin:0}.blog-chat-recommendations li{margin-bottom:.5rem}.blog-chat-recommendations a{color:#1da1f2;text-decoration:underline}.blog-chat-recommendations a:hover{color:#1a8cd8}.blog-chat-typing{display:inline-block;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.blog-chat-input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e8eaed;background:#f8f9fa}.blog-chat-input{flex:1 1;padding:.75rem 1rem;border:1px solid #e8eaed;border-radius:8px;font-size:.9375rem;outline:none;transition:border-color .2s ease}.blog-chat-input:focus{border-color:#1da1f2}.blog-chat-input:disabled{background-color:#f0f0f0;cursor:not-allowed}.blog-chat-send{padding:.75rem 1rem;background-color:#1da1f2;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.blog-chat-send:hover:not(:disabled){background-color:#1a8cd8}.blog-chat-send:disabled{background-color:#cbd5e0;cursor:not-allowed}@media (max-width:768px){.blog-chat-window{width:calc(100vw - 2rem);height:calc(100vh - 200px);max-height:calc(100vh - 200px);top:calc(100% + .5rem);right:0}.blog-chat-button{width:36px;height:36px}.blog-post-content .katex-display,.home-content .katex-display{padding:.75rem 1rem;margin:1.5rem 0;font-size:.95em}.blog-post-content .katex:not(.katex-display),.home-content .katex:not(.katex-display){font-size:1em}}.series-navigation{margin:0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;transition:background-color .3s ease,border-color .3s ease;width:100%}.series-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-secondary);transition:border-color .3s ease}.series-label{font-weight:600;color:var(--text-link);font-size:.9375rem;transition:color .3s ease}.series-count{font-size:.875rem;color:var(--text-muted);transition:color .3s ease}.series-posts-list{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.series-post-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:var(--text-tertiary);transition:background-color .2s ease,color .2s ease}.series-post-link:hover{background-color:var(--bg-hover);color:var(--text-link)}.series-post-link.active{background-color:var(--text-link);color:#fff;border:1px solid var(--text-link)}.series-post-number{font-weight:600;min-width:2rem;color:inherit}.series-post-title{flex:1 1;color:inherit;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.series-nav-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-secondary);transition:border-color .3s ease}.series-nav-button{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;text-decoration:none;color:var(--text-link);transition:background-color .3s ease,border-color .3s ease,color .3s ease;font-weight:500;font-size:.875rem;transition:background-color .2s ease,border-color .2s ease;text-align:left;width:100%;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.series-nav-button:hover{background-color:var(--bg-hover);border-color:var(--text-link)}[data-theme=dark] .series-post-link.active{background-color:var(--text-link)!important;color:#000!important;border:1px solid var(--text-link)!important}[data-theme=dark] .series-post-link.active .series-post-number,[data-theme=dark] .series-post-link.active .series-post-title{color:#000!important}@media (max-width:768px){.series-nav-buttons{flex-direction:column}.series-nav-button{text-align:center}}.blog-post-layout{position:relative;display:flex;gap:2rem;align-items:flex-start;max-width:100%;margin:0;padding:0}.blog-post-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:2rem;align-self:flex-start;max-height:calc(100vh - 4rem);overflow:visible;transition:width .3s ease,opacity .3s ease,margin .3s ease}.blog-post-sidebar:has(.table-of-contents.toc-collapsed):not(:has(.series-navigation)){width:0;opacity:0;overflow:hidden;padding:0;margin:0;gap:0;min-width:0}.blog-post-sidebar:has(.table-of-contents.toc-collapsed):has(.series-navigation){width:280px;opacity:1}.blog-post-main{flex:1 1;min-width:0;max-width:100%}.table-of-contents{width:100%;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;padding:1rem;transition:all .3s ease,background-color .3s ease,border-color .3s ease;z-index:10;display:flex;flex-direction:column;max-height:calc(100vh - 8rem);overflow:hidden}.table-of-contents.toc-collapsed{width:100%;padding:.5rem}.toc-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-secondary);transition:border-color .3s ease}.toc-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:.5rem;cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--text-secondary);transition:color .2s ease}.toc-toggle:hover{color:var(--text-link)}.toc-collapsed .toc-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.toc-collapsed .toc-nav{display:none}.toc-nav{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;flex:1 1;min-height:0}.toc-item{display:flex;flex-direction:column}.toc-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--text-tertiary);font-size:.875rem;transition:background-color .2s ease,color .2s ease;flex:1 1}.toc-link:hover{background-color:var(--bg-hover);color:var(--text-link)}.toc-link.toc-current{background-color:var(--text-link);color:#fff;font-weight:500}.toc-item.toc-active .toc-link{font-weight:600}.toc-series-label{font-weight:600;color:inherit}.toc-title{flex:1 1;color:inherit;line-height:1.4}.toc-number{font-weight:600;color:var(--text-muted);min-width:1.75rem;font-size:.8125rem;text-align:right;flex-shrink:0;transition:color .3s ease}.toc-link.toc-current .toc-number,[data-theme=dark] .toc-link.toc-current .toc-number{color:hsla(0,0%,100%,.9)}.toc-expand-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;color:#718096;padding:0;border-radius:4px;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.toc-expand-toggle:hover{background-color:#f0f4f8;color:#3182ce}.toc-children{margin-left:1rem;margin-top:.25rem;gap:.125rem;border-left:2px solid #e8eaed;padding-left:.75rem}.toc-child-wrapper,.toc-children{display:flex;flex-direction:column}.toc-child{font-size:.8125rem;padding:.375rem .5rem}.toc-children-nested{margin-left:.5rem;border-left:1px solid #e8eaed;padding-left:.5rem}.toc-grandchild{font-size:.75rem;padding:.25rem .375rem}.toc-level-0{margin-bottom:.5rem}.toc-level-1{margin-left:1rem}@media (max-width:1024px){.blog-post-layout{flex-direction:column;padding:0}.blog-post-sidebar{width:100%!important;opacity:1!important;overflow:visible!important;padding:0!important;margin:2rem 0 0!important;gap:1rem!important;min-width:auto!important;position:relative;top:auto;max-height:none;order:2}.blog-post-main{margin-left:0;order:1;width:100%;max-width:100%}.table-of-contents{width:100%;position:relative;top:auto;max-height:400px}.table-of-contents.toc-collapsed{width:100%}.news{margin:3rem 0;padding:2rem;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px}.news-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:2px solid var(--border-secondary);padding-bottom:.75rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.news-card{display:flex;flex-direction:column;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.astronomical-news-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.news-thumbnail{width:100%;height:200px;overflow:hidden;background-color:var(--bg-code)}.astronomical-news-thumbnail img{width:100%;height:100%;object-fit:cover}.news-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.news-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.news-source{font-weight:600;color:var(--text-link);text-transform:uppercase;letter-spacing:.5px}.news-date{color:var(--text-muted);font-size:.8rem}.news-article-title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.astronomical-news-article-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.astronomical-news-article-title a:hover{color:var(--text-link)}.news-description{color:var(--text-tertiary);font-size:.9rem;line-height:1.5;margin:0}.news-empty,.news-error,.news-loading{padding:2rem;text-align:center;color:var(--text-muted);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px}.news-error{color:var(--text-code)}[data-theme=dark] .astronomical-news{background-color:var(--bg-secondary);border-color:var(--border-secondary)}[data-theme=dark] .news-card{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .news-thumbnail{background-color:var(--bg-code)}@media (max-width:768px){.news{padding:1.5rem;margin:2rem 0}.news-grid{grid-template-columns:1fr;gap:1rem}.news-title{font-size:1.25rem}}.solar-system-3d-container{position:relative;width:100%;margin:2rem 0;border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden;background-color:var(--bg-code)}.solar-system-3d-canvas{width:100%;height:600px;position:relative}.solar-system-3d-controls{position:absolute;top:1rem;left:1rem;z-index:10;pointer-events:none}.solar-system-3d-info{background-color:rgba(0,0,0,.7);padding:.75rem 1rem;border-radius:6px;color:var(--text-primary);font-size:.9rem}.solar-system-3d-hover-info{display:flex;flex-direction:column;gap:.5rem}.solar-system-3d-link{color:var(--text-link);text-decoration:none;font-size:.85rem;pointer-events:all;transition:color .2s ease}.solar-system-3d-link:hover{color:var(--text-link-hover);text-decoration:underline}.solar-system-3d-selected{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10;pointer-events:none}.solar-system-3d-article-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-secondary);border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;pointer-events:all;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}.solar-system-3d-article-link:hover{background-color:var(--bg-hover);border-color:var(--text-link);color:var(--text-link);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}[data-theme=dark] .solar-system-3d-container{border-color:var(--border-secondary);background-color:#001}[data-theme=dark] .solar-system-3d-info{background-color:rgba(0,0,0,.8);border:1px solid var(--border-secondary)}[data-theme=dark] .solar-system-3d-article-link{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}[data-theme=dark] .solar-system-3d-article-link:hover{background-color:var(--bg-hover);border-color:var(--text-link);color:var(--text-link)}@media (max-width:768px){.solar-system-3d-canvas{height:400px}.solar-system-3d-controls{top:.5rem;left:.5rem}.solar-system-3d-info{padding:.5rem .75rem;font-size:.8rem}.solar-system-3d-article-link{padding:.5rem 1rem;font-size:.85rem}}.series-navigation{margin-top:1rem}}.featured-posts{margin:3rem 0;padding:2rem 0;border-top:2px solid var(--border-primary);border-bottom:2px solid var(--border-primary)}.featured-posts-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-size:2rem;font-weight:700;color:var(--text-secondary)}.featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px rgba(251,191,36,.3)}.featured-title-text{flex:1 1}.featured-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:1.5rem}.featured-post-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-sm)}.featured-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-md);border-color:var(--text-link)}.featured-post-link{display:block;text-decoration:none;color:inherit}.featured-post-image-container{width:100%;height:200px;overflow:hidden;background:var(--bg-muted)}.featured-post-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-post-card:hover .featured-post-image{transform:scale(1.05)}.featured-post-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.featured-post-content{padding:1.5rem}.featured-post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.featured-post-title{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3;flex:1 1}.interactive-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;box-shadow:0 2px 6px rgba(139,92,246,.3)}.interactive-badge,.interactive-badge-small{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600;white-space:nowrap}.interactive-badge-small{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;box-shadow:0 2px 4px rgba(139,92,246,.3)}.featured-post-excerpt{color:var(--text-tertiary);line-height:1.6;margin:.75rem 0;font-size:.9375rem}.featured-post-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.875rem;color:var(--text-muted)}.featured-post-categories{display:flex;gap:.5rem;flex-wrap:wrap}.featured-post-category{background:var(--bg-muted);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;color:var(--text-tertiary)}.topics-section{margin:3rem 0;padding:2rem 0}.topics-section-title{font-size:2rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.topics-section-description{color:var(--text-tertiary);margin-bottom:2rem;font-size:1.0625rem}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.topic-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-sm)}.topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-md);border-color:var(--text-link)}.topic-card-featured{border-color:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.05),rgba(245,158,11,.05))}.topic-card-content{flex:1 1}.topic-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.topic-card-title{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin:0;line-height:1.3;flex:1 1}.topic-interactive-badge{font-size:1rem;flex-shrink:0}.topic-card-count{color:var(--text-muted);font-size:.875rem;margin:.5rem 0}.topic-card-excerpt{color:var(--text-tertiary);font-size:.875rem;line-height:1.5;margin:.5rem 0 0}.topic-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.topic-card:hover .topic-card-arrow{transform:translateX(4px);color:var(--text-link)}.page-categories-section{margin:2rem 0;padding:1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.page-categories-heading{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.page-categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.page-category-tag{display:inline-block;padding:.375rem .875rem;background-color:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.page-category-tag:hover{background-color:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-1px);color:var(--text-link)}[data-theme=dark] .page-category-tag{background-color:#1a1a1a;border-color:var(--border-secondary);color:var(--text-primary)}[data-theme=dark] .page-category-tag:hover{background-color:#0f0f0f;border-color:var(--border-highlight);color:var(--text-link)}.blog-post-title-row{display:flex;align-items:center;gap:.75rem}[data-theme=dark] .featured-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=dark] .interactive-badge,[data-theme=dark] .interactive-badge-small{background:linear-gradient(135deg,#7c3aed,#6d28d9)}[data-theme=dark] .topic-card-featured{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.1))}@media (max-width:768px){.featured-posts-grid{grid-template-columns:1fr;gap:1.5rem}.topics-grid{grid-template-columns:1fr;gap:1rem}.featured-posts-title{font-size:1.5rem;flex-direction:column;align-items:flex-start}.topics-section-title{font-size:1.5rem}}