:root{--primary:#1B8C3D;--primary-dark:#14692E;--primary-light:#E8F5E9;--text-dark:#1a1a1a;--text-medium:#444;--text-light:#666;--text-muted:#999;--border:#e5e5e5;--bg-white:#fff;--bg-light:#f5f5f5;--bg-card:#fff;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.1);--radius:8px}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}

/* Topbar */
.topbar{background:var(--primary);color:#fff;padding:8px 0;font-size:13px}.topbar .container{display:flex;align-items:center;justify-content:space-between}.topbar-social{display:flex;gap:12px;align-items:center}.topbar-social a{color:#fff;opacity:0.85;transition:opacity 0.2s}.topbar-social a:hover{opacity:1}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-search{display:flex;align-items:center;gap:6px;cursor:pointer}.topbar-search svg{width:16px;height:16px}

/* Logo */
.logo-bar{background:var(--bg-white);padding:12px 0;border-bottom:3px solid var(--primary)}.logo-bar .container{display:flex;align-items:center;justify-content:center}.logo{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;color:var(--primary);letter-spacing:-0.5px}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:24px;height:24px;fill:#fff}

/* Navigation */
.main-nav{background:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.main-nav .container{display:flex;align-items:center}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger svg{width:24px;height:24px}.nav-links{display:flex;list-style:none;gap:0;width:100%;justify-content:center}.nav-links li a{display:block;padding:14px 16px;font-size:14px;font-weight:500;color:var(--text-medium);transition:color 0.2s,background 0.2s;white-space:nowrap}.nav-links li a:hover,.nav-links li a.active{color:var(--primary);background:var(--primary-light)}

/* Layout */
.container{max-width:1280px;margin:0 auto;padding:0 16px}.page-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:24px 0}

/* Article */
.article-section{min-width:0}.breadcrumb{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.breadcrumb a{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:4px}.article-title{font-size:28px;font-weight:800;line-height:1.3;color:var(--text-dark);margin-bottom:12px}.article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.article-author{font-size:14px;color:var(--text-light)}.article-author strong{color:var(--text-dark);font-weight:600}.article-date{font-size:13px;color:var(--primary)}

/* Share buttons */
.share-buttons{display:flex;gap:8px}.share-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;border:none;transition:transform 0.2s}.share-btn:hover{transform:scale(1.1)}.share-btn.fb{background:#1877F2}.share-btn.tw{background:#1DA1F2}.share-btn.wa{background:#25D366}.share-btn.link{background:#555}

/* Article image */
.article-image{border-radius:var(--radius);overflow:hidden;margin-bottom:8px}.article-image img{width:100%;height:auto;display:block}.image-caption{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:20px;line-height:1.5}

/* Article body */
.article-body{background:var(--bg-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.article-body p{font-size:15px;line-height:1.8;color:var(--text-medium);margin-bottom:16px}.article-body p:last-child{margin-bottom:0}.article-body h2{font-size:20px;font-weight:700;color:var(--text-dark);margin:28px 0 12px;border-left:4px solid var(--primary);padding-left:12px}.article-body .drop-cap::first-letter{font-size:3.2em;float:left;line-height:1;margin-right:8px;font-weight:700;color:var(--primary)}.article-body blockquote{border-left:4px solid var(--primary);margin:20px 0;padding:16px 20px;background:var(--primary-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text-medium);font-size:15px;line-height:1.7}

/* FAQ */
.faq-section{margin-top:32px}.faq-title{font-size:1.4em;color:var(--text-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block}.faq-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:box-shadow 0.2s}.faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.faq-question{width:100%;background:#f8f9fa;border:none;padding:16px 48px 16px 20px;font-size:15px;font-weight:600;color:var(--text-dark);text-align:left;cursor:pointer;position:relative;font-family:inherit;line-height:1.5}.faq-question::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:300;color:var(--primary);transition:transform 0.3s}.faq-item.active .faq-question{background:var(--primary-light);color:var(--primary-dark)}.faq-item.active .faq-question::after{content:'\2212'}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-answer-inner{padding:16px 20px;font-size:14.5px;line-height:1.8;color:var(--text-medium);border-top:1px solid #e8e8e8}.faq-item.active .faq-answer{max-height:500px}

/* Sidebar */
.sidebar-main{min-width:0}.sidebar-section{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:24px}.sidebar-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary)}.popular-item{padding:12px 0;border-bottom:1px solid var(--border)}.popular-item:last-child{border-bottom:none}.popular-item .cat-tag{font-size:11px;font-weight:600;color:var(--primary);display:inline-block;margin-bottom:4px}.popular-item h4{font-size:14px;font-weight:600;line-height:1.4;color:var(--text-dark)}.popular-item h4 a:hover{color:var(--primary)}
.topic-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);align-items:flex-start}.topic-item:last-child{border-bottom:none}.topic-thumb{width:72px;height:72px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#ddd}.topic-thumb img{width:100%;height:100%;object-fit:cover}.topic-info h4{font-size:13px;font-weight:600;line-height:1.4;color:var(--text-dark);margin-bottom:4px}.topic-info h4 a:hover{color:var(--primary)}.topic-info .topic-date{font-size:12px;color:var(--text-muted)}

/* Article card grid */
.article-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:32px}.article-card{background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow 0.2s}.article-card:hover{box-shadow:var(--shadow-md)}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card-body{padding:12px 16px}.article-card .cat-tag{font-size:11px;font-weight:600;color:var(--primary)}.article-card h3{font-size:15px;font-weight:600;margin:4px 0 8px;line-height:1.4;color:var(--text-dark)}.article-card .date{font-size:12px;color:var(--text-muted)}

/* Read also */
.read-also{background:#FFF8E1;border-left:4px solid #FFC107;padding:14px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0}.read-also strong{font-size:13px;color:#F57F17;display:block;margin-bottom:4px}.read-also a{font-size:14px;color:var(--primary);font-weight:500}.read-also a:hover{text-decoration:underline}

/* Pagination */
.pagination{display:flex;gap:8px;justify-content:center;margin:32px 0}.pagination a,.pagination span{padding:8px 14px;border-radius:6px;font-size:14px;font-weight:500}.pagination a{background:var(--bg-white);color:var(--text-medium);border:1px solid var(--border)}.pagination a:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.pagination .active{background:var(--primary);color:#fff;border:1px solid var(--primary)}

/* Mobile nav */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200}.nav-overlay.active{display:block}.mobile-nav{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--bg-white);z-index:201;transition:left 0.3s ease;overflow-y:auto;padding:20px 0}.mobile-nav.active{left:0}.mobile-nav .logo{padding:0 20px;margin-bottom:20px;font-size:22px}.mobile-nav a{display:block;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-medium);border-bottom:1px solid var(--border)}.mobile-nav a:hover{color:var(--primary);background:var(--primary-light)}

/* Footer */
.site-footer{background:#1a1a1a;color:#ccc;padding:48px 0 0;margin-top:40px;font-size:14px;line-height:1.7}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid #333}.footer-brand .logo{color:#fff;font-size:22px;margin-bottom:12px}.footer-brand .logo .logo-icon{width:32px;height:32px}.footer-brand p{color:#999;font-size:13px;line-height:1.7;margin-bottom:16px}.footer-social{display:flex;gap:10px}.footer-social a{width:34px;height:34px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;color:#fff;transition:background 0.2s}.footer-social a:hover{background:var(--primary)}.footer-col h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px;position:relative;padding-bottom:10px}.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary)}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{color:#999;transition:color 0.2s;font-size:13px}.footer-col ul li a:hover{color:var(--primary)}.footer-contact li{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;color:#999;font-size:13px}.footer-contact li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;fill:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0;flex-wrap:wrap;gap:12px}.footer-bottom p{color:#666;font-size:12px}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:#666;font-size:12px;transition:color 0.2s}.footer-bottom-links a:hover{color:var(--primary)}

/* Section heading */
.section-heading{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--primary);display:inline-block}

/* Responsive */
@media(max-width:1100px){.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.topbar{display:none}.logo-bar{padding:10px 0}.logo-bar .container{justify-content:space-between}.logo{font-size:22px}.logo-icon{width:34px;height:34px}.hamburger{display:flex}.nav-links{display:none}.main-nav .container{justify-content:space-between}.main-nav{padding:8px 0}.page-layout{grid-template-columns:1fr;gap:16px;padding:16px 0}.article-title{font-size:22px}.article-body{padding:16px}.article-body p{font-size:14px}.breadcrumb{margin-bottom:12px}.article-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:480px){.article-title{font-size:20px}.share-buttons{gap:6px}.share-btn{width:30px;height:30px;font-size:12px}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}