:root{--color-primary:#1a5276;--color-primary-dark:#0e3a54;--color-primary-light:#2980b9;--color-secondary:#e67e22;--color-secondary-dark:#d35400;--color-secondary-light:#f39c12;--color-bg:#fff;--color-bg-alt:#f4f6f8;--color-bg-dark:#ecf0f1;--color-text:#2c3e50;--color-text-light:#5a6c7d;--color-text-muted:#7f8c8d;--color-border:#dce1e6;--color-white:#fff;--max-width:800px;--header-height:70px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}a{color:var(--color-primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--color-secondary)}img{max-width:100%;height:auto}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;width:100%;max-width:var(--max-width);margin:0 auto;padding:40px 20px}.site-header{background:var(--color-primary);color:var(--color-white);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;justify-content:space-between;height:var(--header-height)}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:10px;color:var(--color-white);font-weight:700;font-size:1.2rem;text-decoration:none}.header-logo:hover{color:var(--color-secondary-light)}.header-logo svg{width:40px;height:40px}.header-nav{display:flex;align-items:center;gap:6px}.header-nav a{color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:500;padding:6px 12px;border-radius:4px;transition:background .2s,color .2s;text-decoration:none}.header-nav a.active,.header-nav a:hover{background:hsla(0,0%,100%,.15);color:var(--color-white)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.site-footer{background:var(--color-primary-dark);color:hsla(0,0%,100%,.85);padding:48px 20px 24px;margin-top:60px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:40px}.footer-brand p{font-size:.9rem;line-height:1.6;opacity:.8;margin-top:12px}.footer-section h3{color:var(--color-white);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:hsla(0,0%,100%,.7);font-size:.9rem;transition:color .2s;text-decoration:none}.footer-links a:hover{color:var(--color-secondary-light)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.15);padding-top:20px;text-align:center;font-size:.85rem;opacity:.6}.hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);padding:80px 20px;text-align:center;margin:-40px -20px 40px}.hero h1{font-size:2.4rem;font-weight:800;margin-bottom:16px;line-height:1.2}.hero p{font-size:1.15rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--color-bg-dark)}.article-header h1{font-size:2rem;font-weight:800;line-height:1.25;color:var(--color-primary-dark);margin-bottom:8px}.article-content h2{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin:40px 0 16px;padding-top:16px}.article-content h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin:28px 0 12px}.article-content p{margin-bottom:16px}.article-content ol,.article-content ul{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content strong{color:var(--color-primary-dark)}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.article-content table th{background:var(--color-primary);color:var(--color-white);padding:12px 16px;text-align:left;font-weight:600}.article-content table td{padding:10px 16px;border-bottom:1px solid var(--color-border)}.article-content table tr:nth-child(2n),.toc{background:var(--color-bg-alt)}.toc{border:1px solid var(--color-border);border-radius:8px;padding:20px 24px;margin-bottom:32px}.toc-title{font-size:1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:12px}.toc-list{list-style:none;padding:0}.toc-list li{margin-bottom:6px}.toc-list a{color:var(--color-text-light);font-size:.92rem;text-decoration:none;display:block;padding:3px 0;transition:color .2s}.toc-list a:hover{color:var(--color-secondary)}.toc-list .toc-h2{padding-left:0;font-weight:600}.toc-list .toc-h3{padding-left:16px;font-weight:400}.faq-section{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-bg-dark)}.faq-section h2{font-size:1.5rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:24px}.faq-item{margin-bottom:20px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-question{width:100%;text-align:left;background:var(--color-bg-alt);border:none;padding:16px 20px;font-size:1rem;font-weight:600;color:var(--color-primary-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;font-family:inherit;line-height:1.4}.faq-question:hover{background:var(--color-bg-dark)}.faq-question:after{content:"+";font-size:1.3rem;font-weight:400;color:var(--color-secondary);flex-shrink:0;margin-left:12px;transition:transform .2s}.faq-item.open .faq-question:after{content:"\2212"}.faq-answer{display:none;padding:16px 20px;font-size:.95rem;line-height:1.7;color:var(--color-text-light)}.faq-item.open .faq-answer{display:block}.faq-answer p{margin-bottom:12px}.faq-answer p:last-child{margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin:32px 0}.card{border:1px solid var(--color-border);border-radius:8px;padding:24px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.card h3{font-size:1.05rem;color:var(--color-primary-dark);margin-bottom:8px;font-weight:600}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--color-secondary)}.card p{font-size:.9rem;color:var(--color-text-light);line-height:1.5}.cta-banner{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:var(--color-white);padding:40px 32px;border-radius:12px;text-align:center;margin:48px 0}.cta-banner h2{font-size:1.5rem;margin-bottom:12px}.cta-banner p{font-size:1rem;opacity:.9;margin-bottom:20px}.cta-button{display:inline-block;background:var(--color-white);padding:12px 32px;border-radius:6px;font-weight:700;font-size:1rem;transition:transform .2s,box-shadow .2s;text-decoration:none}.cta-button,.cta-button:hover{color:var(--color-secondary-dark)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin:40px 0}.feature-item{text-align:center;padding:24px 16px}.feature-icon{font-size:2.5rem;margin-bottom:12px;display:block}.feature-item h3{font-size:1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:8px}.feature-item p{font-size:.9rem;color:var(--color-text-light);line-height:1.5}.error-page{text-align:center;padding:80px 20px}.error-page h1{font-size:5rem;font-weight:800;color:var(--color-primary);margin-bottom:8px}.error-page h2{font-size:1.5rem;color:var(--color-text);margin-bottom:16px}.error-page p{color:var(--color-text-light);margin-bottom:32px;font-size:1.05rem}.error-page a{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:12px 32px;border-radius:6px;font-weight:600;transition:background .2s;text-decoration:none}.error-page a:hover{background:var(--color-primary-light);color:var(--color-white)}@media (max-width:768px){:root{--header-height:60px}body{font-size:16px}.header-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-primary);flex-direction:column;padding:12px 20px;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.header-nav.open{display:flex}.header-nav a{padding:10px 12px;font-size:1rem}.mobile-menu-btn{display:block}.hero{padding:48px 20px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.article-header h1{font-size:1.6rem}.footer-grid{gap:28px}.cards-grid,.features,.footer-grid{grid-template-columns:1fr}.features{gap:16px}.article-content table{display:block;overflow-x:auto}.cta-banner{padding:28px 20px}}