:root{--bg:#fafafa;--bg-surface:#fff;--bg-elevated:#fff;--text:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--primary:#2d6a4f;--primary-hover:#1b4332;--primary-light:#d1fae5;--accent:#52b788;--danger:#ef4444;--danger-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fffbeb;--success:#10b981;--info:#3b82f6;--info-bg:#3b82f61a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:.15s ease;--max-width:1200px;--font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Helvetica Neue", arial, sans-serif}html.dark{--bg:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#8b9bb0;--border:#334155;--border-hover:#475569;--primary:#52b788;--primary-hover:#6ec898;--primary-light:#52b78826;--accent:#86efac;--danger:#f87171;--danger-bg:#ef44441a;--warning:#fbbf24;--warning-bg:#f59e0b1a;--success:#34d399;--info:#60a5fa;--info-bg:#3b82f626;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#8b9bb0;--border:#334155;--border-hover:#475569;--primary:#52b788;--primary-hover:#6ec898;--primary-light:#52b78826;--accent:#86efac;--danger:#f87171;--danger-bg:#ef44441a;--warning:#fbbf24;--warning-bg:#f59e0b1a;--success:#34d399;--info:#60a5fa;--info-bg:#3b82f626;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}.blog-nav{background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;padding:12px 0;position:sticky;top:0}.blog-nav .container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.blog-nav .logo{color:var(--primary);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.blog-nav .logo-icon{width:28px;height:28px}.blog-nav .nav-links{align-items:center;gap:24px;display:flex}.blog-nav .nav-links a{color:var(--text-secondary);font-size:13px;font-weight:500}.blog-nav .nav-links a:hover,.blog-nav .nav-links a.active{color:var(--text)}.blog-nav .cta-btn{background:var(--primary);border-radius:var(--radius-md);transition:background var(--transition);padding:6px 18px;font-size:13px;font-weight:600;color:#fff!important}.blog-nav .cta-btn:hover{background:var(--primary-hover)}@media (prefers-color-scheme:dark){.blog-nav .cta-btn{background:#2d6a4f}.blog-nav .cta-btn:hover{background:#1b4332}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.breadcrumb{color:var(--text-tertiary);padding:16px 0;font-size:13px}.breadcrumb a{color:var(--text-tertiary)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{margin:0 6px}.blog-hero{text-align:center;padding:56px 0 24px}.blog-hero h1{color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-size:32px;font-weight:800}.blog-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:16px}.blog-filters{flex-wrap:wrap;gap:16px;padding:0 0 24px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.filter-group select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:border-color var(--transition);padding:6px 12px;font-size:13px}.filter-group select:hover{border-color:var(--border-hover)}.filter-group select:focus{outline:2px solid var(--primary);outline-offset:1px}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;min-height:200px;padding-bottom:24px;display:grid}.article-card{background:var(--bg-surface);border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid var(--border);overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card .card-body{padding:20px}.article-card .tag{background:var(--primary-light);color:var(--primary);border-radius:100px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.article-card h2{margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4}.article-card h2 a{color:var(--text)}.article-card h2 a:hover{color:var(--primary)}.article-card p{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.6}.article-card .meta{color:var(--text-tertiary);font-size:12px}.pagination{justify-content:center;gap:8px;padding:0 0 40px;display:flex}.page-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all var(--transition);padding:6px 14px;font-size:13px}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.article-container{max-width:780px;margin:0 auto;padding:0 24px 60px}.article-container h1{letter-spacing:-.02em;margin-bottom:14px;font-size:30px;font-weight:800;line-height:1.25}.article-meta{color:var(--text-tertiary);border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px;font-size:13px}.article-body h2{color:var(--primary);margin:28px 0 10px;font-size:20px;font-weight:700}.article-body h3{margin:20px 0 8px;font-size:16px;font-weight:600}.article-body p{margin-bottom:16px}.article-body ul,.article-body ol{margin:0 0 16px 24px}.article-body li{margin-bottom:6px}.article-body blockquote{border-left:3px solid var(--primary);background:var(--primary-light);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:16px 0;padding:10px 20px}.article-body table{border-collapse:collapse;width:100%;margin:16px 0}.article-body th{background:var(--bg);color:var(--text);text-align:left;border-bottom:2px solid var(--border);padding:8px 14px;font-size:13px;font-weight:600}.article-body td{border-bottom:1px solid var(--border);padding:8px 14px;font-size:14px}.article-body tr:nth-child(2n){background:var(--bg)}.article-body img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:16px 0}.translations-bar{background:var(--primary-light);border-top:1px solid var(--border);margin-bottom:20px;padding:12px 0}.translations-bar .container{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.translations-bar span{color:var(--text-secondary);font-weight:500}.translation-links{flex-wrap:wrap;gap:8px;display:flex}.translation-link{border:1px solid var(--border);color:var(--primary);transition:all var(--transition);border-radius:100px;padding:3px 12px;font-size:12px;font-weight:500}.translation-link:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cta-section{background:var(--primary-light);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-top:36px;padding:36px}.cta-section h3{color:var(--text);margin-bottom:10px;font-size:20px;font-weight:700}.cta-section p{color:var(--text-secondary);margin-bottom:16px}.cta-section .btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:all var(--transition);padding:10px 28px;font-size:14px;font-weight:600;display:inline-block}.cta-section .btn:hover{background:var(--primary-hover)}.article-cta{background:var(--primary-light);border-top:1px solid var(--border);text-align:center;margin-top:36px;padding:40px 0}.article-cta h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.article-cta p{color:var(--text-secondary);margin-bottom:16px;font-size:15px}.article-cta .cta-btn{background:var(--primary);border-radius:var(--radius-md);transition:background var(--transition);padding:10px 28px;font-size:14px;font-weight:600;display:inline-block;color:#fff!important}.article-cta .cta-btn:hover{background:var(--primary-hover)}@media (prefers-color-scheme:dark){.article-cta .cta-btn{background:#2d6a4f}.article-cta .cta-btn:hover{background:#1b4332}}.loading-spinner,.no-results,.error{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:40px 0;font-size:14px}.error{color:#ef4444}.blog-footer{background:var(--bg-surface);border-top:1px solid var(--border);text-align:center;color:var(--text-tertiary);padding:20px 0;font-size:12px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (width<=768px){.blog-hero h1{font-size:24px}.blog-hero{padding:36px 0 16px}.articles-grid{grid-template-columns:1fr}.article-container h1{font-size:24px}.cta-section{padding:24px 16px}.blog-nav .nav-links{gap:12px}.blog-filters{flex-direction:column;gap:12px}.article-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (pointer:coarse){.blog-nav .nav-links a{align-items:center;min-height:44px;display:inline-flex}.article-card{min-height:44px}.cta-section .btn{align-items:center;min-height:48px;display:inline-flex}}@media print{.blog-nav,.blog-footer,.cta-section,.translations-bar,.blog-filters,.pagination{display:none!important}body{color:#000;background:#fff}.article-container{max-width:100%}.article-container a{color:#000}.article-container a:after{content:" (" attr(href) ")";color:#666;font-size:.8em}}