:root{--color-primary:#55ba47;--color-primary-dark:#449636;--color-primary-light:#e8f5e6;--color-text:#222;--color-text-light:#555;--color-bg:#fff;--color-bg-alt:#f8f9fa;--color-border:#e0e0e0;--color-white:#fff;--max-width:1100px;--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,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;font-size:16px}a{color:var(--color-primary-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{background:var(--color-white);border-bottom:3px solid var(--color-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;justify-content:space-between;height:var(--header-height)}.header-inner,.logo-link{display:flex;align-items:center}.logo-link{gap:10px;font-weight:700;font-size:1.2rem;color:var(--color-text)}.logo-link:hover{color:var(--color-primary)}.logo-svg{width:42px;height:42px}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:.3s}.main-nav{display:flex;list-style:none;gap:4px}.main-nav a{display:block;padding:8px 14px;color:var(--color-text);font-size:.9rem;font-weight:500;border-radius:6px;transition:background .2s,color .2s}.main-nav a.active,.main-nav a:hover{background:var(--color-primary);color:var(--color-white)}@media (max-width:768px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-white);flex-direction:column;padding:10px 20px 20px;border-bottom:3px solid var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.1)}.main-nav.open{display:flex}.main-nav a{padding:12px 14px;font-size:1rem}}.hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);padding:60px 20px;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:16px;font-weight:700}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.95}@media (max-width:768px){.hero{padding:40px 20px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}}.page-content{max-width:var(--max-width);margin:0 auto;padding:40px 20px}.page-content h1{font-size:2rem;margin-bottom:20px;color:var(--color-text);border-bottom:3px solid var(--color-primary);padding-bottom:10px}.page-content h2{font-size:1.5rem;margin:36px 0 16px;color:var(--color-text)}.page-content h3{font-size:1.25rem;margin:28px 0 12px;color:var(--color-text)}.page-content p{margin-bottom:16px;color:var(--color-text-light)}.page-content ol,.page-content ul{margin:0 0 16px 24px;color:var(--color-text-light)}.page-content li{margin-bottom:6px}.article-content{max-width:800px;margin:0 auto}.article-content h1{font-size:2rem;margin-bottom:20px;border-bottom:3px solid var(--color-primary);padding-bottom:10px}.article-content h2{font-size:1.5rem;margin:36px 0 16px;color:var(--color-text);padding-top:10px}.article-content h3{font-size:1.2rem;margin:24px 0 12px}.article-content p{margin-bottom:16px;color:var(--color-text-light);line-height:1.8}.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem;overflow-x:auto;display:block}.article-content thead{background:var(--color-primary);color:var(--color-white)}.article-content th{padding:10px 12px;text-align:left;font-weight:600;white-space:nowrap}.article-content td{padding:10px 12px;border-bottom:1px solid var(--color-border)}.article-content tbody tr:nth-child(2n){background:var(--color-bg-alt)}.article-content ol,.article-content ul{margin:0 0 16px 24px}.article-content li{margin-bottom:8px;color:var(--color-text-light)}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:30px 0}.article-content strong{color:var(--color-text)}.toc{background:var(--color-bg-alt);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:6px;padding:20px 24px;margin:20px 0 30px}.toc-title{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--color-text)}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin-bottom:6px}.toc li.toc-h2{padding-left:16px;font-size:.9rem}.toc a{color:var(--color-text-light);font-size:.95rem}.toc a:hover{color:var(--color-primary)}.faq-section{margin:40px 0;padding:30px 0;border-top:2px solid var(--color-border)}.faq-section h2{font-size:1.6rem;margin-bottom:24px;color:var(--color-text)}.faq-item{margin-bottom:20px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-question{width:100%;text-align:left;padding:16px 20px;background:var(--color-bg-alt);border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text);font-family:inherit;line-height:1.4}.faq-question:hover{background:var(--color-primary-light)}.faq-arrow{font-size:.8rem;transition:transform .3s;flex-shrink:0;margin-left:12px}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{display:none;padding:16px 20px;color:var(--color-text-light);line-height:1.7}.faq-item.open .faq-answer{display:block}.faq-answer p{margin-bottom:12px}.faq-answer p:last-child{margin-bottom:0}.section-block{padding:50px 20px}.section-block:nth-child(2n){background:var(--color-bg-alt)}.section-block h2{font-size:1.8rem;text-align:center;margin-bottom:30px;color:var(--color-text)}.section-block p{max-width:800px;margin:0 auto 16px;color:var(--color-text-light);text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;max-width:var(--max-width);margin:0 auto}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;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.1rem;margin-bottom:8px;color:var(--color-text)}.card p{font-size:.95rem;color:var(--color-text-light);text-align:left}.card a{display:inline-block;margin-top:12px;color:var(--color-primary);font-weight:600}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-white);padding:50px 20px;text-align:center}.cta-section h2{color:var(--color-white);font-size:1.8rem;margin-bottom:16px}.cta-section p{color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto 24px}.cta-btn{display:inline-block;background:var(--color-white);padding:12px 32px;border-radius:6px;font-weight:700;font-size:1rem;transition:background .2s,transform .2s}.cta-btn,.cta-btn:hover{color:var(--color-primary-dark)}.cta-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.site-footer{background:var(--color-text);color:hsla(0,0%,100%,.8);padding:40px 20px 20px}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px}@media (max-width:768px){.footer-inner{grid-template-columns:1fr;text-align:center}}.footer-col h3{color:var(--color-white);font-size:1rem;margin-bottom:16px;font-weight:700}.footer-col p{font-size:.9rem;line-height:1.6}.footer-nav{list-style:none;padding:0}.footer-nav li{margin-bottom:8px}.footer-nav a{color:hsla(0,0%,100%,.7);font-size:.9rem}.footer-nav a:hover{color:var(--color-primary)}.footer-bottom{max-width:var(--max-width);margin:30px auto 0;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.15);text-align:center;font-size:.85rem;color:hsla(0,0%,100%,.5)}.page-404{text-align:center;padding:80px 20px;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-404 h1{font-size:4rem;color:var(--color-primary);margin-bottom:10px;border:none}.page-404 h2{font-size:1.5rem;margin-bottom:16px}.page-404 p{margin-bottom:24px;color:var(--color-text-light)}.page-404 a{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:12px 28px;border-radius:6px;font-weight:600}.page-404 a:hover{background:var(--color-primary-dark);color:var(--color-white)}.breadcrumb{font-size:.85rem;color:var(--color-text-light);padding:12px 0;margin-bottom:10px}.breadcrumb a{color:var(--color-primary)}.breadcrumb span{margin:0 6px;color:var(--color-border)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-2{margin-top:20px}