body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;line-height:1.6;margin:0;padding:0;color:#333}.MathJax{font-style:normal !important;font-family:inherit !important}.MathJax_Display{font-style:normal !important;margin:1em 0 !important;text-align:center !important}.MathJax .mi{font-style:italic !important}.MathJax .mn{font-style:normal !important}.MathJax .mo{font-style:normal !important}.MathJax *{color:inherit !important;font-weight:inherit !important}.MathJax_Preview{color:inherit}.hero-section{background:linear-gradient(135deg, #2c3e50 0%, #3498db 100%);color:white;padding:1rem 0 0.8rem 0;position:relative}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(255,255,255,0.2)}.hero-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.hero-text{order:1;max-width:800px}.hero-text h1{font-size:1.8rem;margin:0 0 0.2rem 0;font-weight:300;letter-spacing:1.5px;line-height:1.1;color:white;text-transform:uppercase}.hero-text h2{font-size:1.5rem;margin:0 0 0.3rem 0;font-weight:400;opacity:0.95;line-height:1.2;letter-spacing:1px;color:white}.hero-description{order:2;font-size:1rem;opacity:0.9;text-align:center;margin:0;line-height:1.3;font-weight:300;letter-spacing:0.3px}.site-nav{background:#2c3e50;padding:0;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.nav-container a{color:white;padding:1.2rem 2rem;text-decoration:none;transition:all 0.3s ease;display:block;font-weight:500;font-size:1rem;letter-spacing:1.2px;border-bottom:3px solid transparent}.nav-container a:hover{background:#34495e;border-bottom-color:#3498db;text-decoration:none}.logo-nav-link{display:flex !important;align-items:center !important;padding:0.6rem 1.2rem !important;transition:all 0.3s ease !important}.logo-nav-link:hover{background:#34495e !important;transform:none !important;border-bottom-color:transparent !important}.nav-logo{height:35px !important;width:auto !important;background:white !important;padding:0.15rem !important;border-radius:4px !important;box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;object-fit:cover !important;object-position:center !important;transition:all 0.3s ease !important}.logo-nav-link:hover .nav-logo{box-shadow:0 2px 6px rgba(0,0,0,0.15) !important}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background:#1a252f;min-width:180px;box-shadow:0px 8px 16px rgba(0,0,0,0.2);z-index:1;border-radius:4px;overflow:hidden}.dropdown-content a{display:block;padding:0.8rem 1rem;white-space:nowrap;font-size:0.9rem;border-bottom:none !important}.dropdown-content a:hover{background:#34495e}.dropdown:hover .dropdown-content{display:block}.floating-toc{position:fixed;top:200px;right:20px;width:250px;max-width:250px;background:white;border-radius:8px;padding:16px;box-shadow:0 2px 16px rgba(0,0,0,0.1);z-index:1000;max-height:calc(100vh - 200px);overflow-y:auto;border:1px solid #e1e5e9;transition:opacity 0.3s ease}.floating-toc.hidden{opacity:0;pointer-events:none}.floating-toc h3{color:#333;margin:0 0 12px 0;font-size:14px;font-weight:600;text-align:left;border-bottom:1px solid #e1e5e9;padding-bottom:8px}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:2px}.toc-link{display:block;color:#666;text-decoration:none;padding:6px 8px;border-radius:4px;font-size:13px;line-height:1.3;transition:all 0.2s ease;word-wrap:break-word;overflow-wrap:break-word}.toc-link:hover{color:#333;background:#f8f9fa;text-decoration:none}.toc-link.active{color:#1a73e8;background:#e8f0fe;font-weight:500}.toc-link.level-1{padding-left:8px;font-weight:600;font-size:14px;color:#333}.toc-link.level-2{padding-left:16px;font-weight:500}.toc-link.level-3{padding-left:24px;font-size:12px}.toc-link.level-4{padding-left:32px;font-size:11px;color:#888}.toc-toggle{display:none}.floating-toc::-webkit-scrollbar{width:4px}.floating-toc::-webkit-scrollbar-track{background:#f1f3f4;border-radius:2px}.floating-toc::-webkit-scrollbar-thumb{background:#dadce0;border-radius:2px}.floating-toc::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.page-content{padding:2rem 0;min-height:60vh}.wrapper{max-width:1200px;margin:0 auto;padding:0 2rem}@media (min-width: 1025px){.page-content{display:flex;justify-content:center;padding-right:290px}.page-content .wrapper{max-width:1000px;margin:0 auto;padding:0 2rem;flex:0 1 1000px}}@media (max-width: 1024px) and (min-width: 769px){.floating-toc{right:15px;width:220px;max-width:220px;top:190px;padding:12px;max-height:calc(100vh - 190px)}.page-content .wrapper{max-width:900px;margin-left:auto;margin-right:250px}.toc-link{font-size:12px;padding:5px 6px}.toc-link.level-1{font-size:13px}.nav-logo{height:32px !important}}@media (max-width: 768px){.floating-toc{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;border-radius:0;transform:translateX(100%);transition:transform 0.3s ease;max-height:none;padding:120px 16px 20px 16px;box-shadow:-4px 0 16px rgba(0,0,0,0.1);z-index:1002}.floating-toc.show{transform:translateX(0)}.floating-toc.hidden{transform:translateX(100%)}.toc-toggle{display:block;position:fixed;top:20px;right:20px;background:white;color:#333;border:1px solid #e1e5e9;border-radius:50%;width:45px;height:45px;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.15);z-index:1003;font-size:16px;transition:all 0.3s ease}.toc-toggle:hover{background:#f8f9fa;transform:scale(1.05)}.page-content .wrapper{margin:0 auto;padding:0 1rem}.nav-logo{height:30px !important;padding:0.1rem !important}.logo-nav-link{padding:0.6rem 0.8rem !important;justify-content:center !important}}.toc-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s ease}.toc-backdrop.show{opacity:1;visibility:visible}@media (min-width: 769px){.toc-backdrop{display:none}}.no-toc .floating-toc,.no-toc .toc-toggle{display:none !important}.no-toc .page-content .wrapper{max-width:1200px !important;margin:0 auto !important}.collapsible{background-color:#f8f9fa;color:#333;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:18px;font-weight:500;border-radius:5px;margin:10px 0;transition:background-color 0.3s;border:1px solid #dee2e6}.collapsible:hover{background-color:#e9ecef}.collapsible.active{background-color:#3498db;color:white}.collapsible:after{content:'+';font-weight:bold;float:right;margin-left:5px;font-size:20px}.collapsible.active:after{content:"−"}.collapsible-content{padding:0 18px;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;background-color:white;border-radius:0 0 5px 5px;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.collapsible-content.active{padding:18px}.collapsible-content h3{margin-top:0;color:#2c3e50}.collapsible-content h4{color:#34495e;margin-top:1.5rem}.collapsible-content ul{padding-left:1.5rem}.collapsible-content li{margin-bottom:0.5rem}h1,h2,h3,h4,h5,h6{color:#2c3e50;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:300;border-bottom:2px solid #3498db;padding-bottom:0.5rem}h2{font-size:2rem;font-weight:400}h3{font-size:1.5rem;font-weight:500}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]{scroll-margin-top:100px}p{margin-bottom:1rem;text-align:justify}a{color:#3498db;text-decoration:none}a:hover{color:#2980b9;text-decoration:underline}.btn{display:inline-block;padding:0.75rem 1.5rem;background:#3498db;color:white;text-decoration:none;border-radius:4px;transition:background 0.3s;font-weight:500;margin:0.5rem 0.5rem 0.5rem 0}.btn:hover{background:#2980b9;color:white;text-decoration:none}pre,code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:'Monaco', 'Consolas', 'Courier New', monospace}pre{padding:1rem;overflow-x:auto;margin:1rem 0}pre code{background:none;border:none;padding:0}code{padding:0.2rem 0.4rem;font-size:0.9em}table{width:100%;border-collapse:collapse;margin:1rem 0}table th,table td{padding:0.75rem;text-align:left;border-bottom:1px solid #dee2e6}table th{background:#f8f9fa;font-weight:600;color:#2c3e50}table tr:hover{background:#f8f9fa}.grid-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin:2rem 0}.grid-item{text-align:center;padding:1rem;border:1px solid #dee2e6;border-radius:8px;background:white;transition:box-shadow 0.3s}.grid-item:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}.grid-item h3{margin-top:0;color:#2c3e50}.grid-item p{color:#666;margin-bottom:1rem}blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;font-style:italic;color:#666}.site-footer{background:#34495e;color:white;padding:2rem 0;margin-top:3rem}.site-footer p{margin:0;text-align:center}html{scroll-behavior:smooth}.interactive-link{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;padding:8px 16px !important;border-radius:20px !important;font-weight:600 !important;transition:all 0.3s ease !important;box-shadow:0 2px 4px rgba(102,126,234,0.2) !important}.interactive-link:hover{transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(102,126,234,0.3) !important;color:white !important}@media (max-width: 768px){.hero-section{padding:0.8rem 0 0.6rem 0}.hero-content{flex-direction:column;gap:1rem;text-align:center}.hero-text{order:1;max-width:100%}.hero-description{order:2}.hero-text h1{font-size:1.4rem;letter-spacing:0.8px}.hero-text h2{font-size:1.2rem;letter-spacing:0.6px}.hero-description{font-size:0.9rem}.nav-container{flex-direction:column}.nav-container a{text-align:center;padding:0.8rem;font-size:0.9rem}.dropdown .dropdown-content{position:static;display:block;box-shadow:none}.collapsible{font-size:16px;padding:15px}.grid-container{grid-template-columns:1fr}.interactive-link{margin-top:8px !important;display:block !important;text-align:center !important}}@media (max-width: 1024px) and (min-width: 769px){.hero-content{gap:1.5rem}.hero-text h1{font-size:2rem;letter-spacing:1.5px}.hero-text h2{font-size:1.6rem;letter-spacing:1px}.grid-container{grid-template-columns:repeat(2, 1fr)}}@media print{.site-nav,.site-footer,.floating-toc,.toc-toggle{display:none}.hero-section{background:#34495e !important;color:white !important}.collapsible-content{max-height:none !important;overflow:visible !important}}