.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 a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-underline-offset:2px;transition:color var(--transition), text-decoration-color var(--transition)}.article-body a:hover{color:var(--primary-hover);-webkit-text-decoration-color:var(--primary-hover);text-decoration-color:var(--primary-hover)}.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)}html.dark .article-cta .cta-btn{background:#2d6a4f}html.dark .article-cta .cta-btn:hover{background:#1b4332}.related-articles{border-top:1px solid var(--border);max-width:780px;margin:0 auto;padding:40px 24px 0}.related-articles h2{color:var(--text);margin-bottom:20px;font-size:20px;font-weight:700}.related-articles .articles-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.no-results,.error{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:40px 0;font-size:14px}.error{color:#ef4444}@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-filters{flex-direction:column;gap:12px}.article-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (pointer:coarse){.article-card{min-height:44px}.cta-section .btn{align-items:center;min-height:48px;display:inline-flex}}@media print{.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}}