.blogWrapper{--primary:#0d9488;--primary-dark:#115e59;--primary-light:#ccfbf1;--accent:#f97316;--text-dark:#1f2937;--text-medium:#6b7280;--text-light:#9ca3af;--bg-light:#f9fafb;--bg-white:#fff;--border:#e5e7eb;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}.blogWrapper header{background-color:var(--bg-white);border-bottom:1px solid var(--border);padding:var(--spacing-lg) var(--spacing-xl);z-index:100;position:sticky;top:0}.blogWrapper .header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.blogWrapper .logo{color:var(--primary);font-family:Arial,sans-serif;font-size:24px;font-weight:700}.blogWrapper nav a{color:var(--text-medium);margin-left:var(--spacing-lg);font-size:14px;text-decoration:none;transition:color .2s}.blogWrapper nav a:hover{color:var(--primary)}.blogWrapper .hero-section{width:100%;height:400px;margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}@media (min-width:1024px){.blogWrapper .hero-section{height:500px}}.blogWrapper .hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.blogWrapper .hero-overlay{background:linear-gradient(#0003,#00000080);position:absolute;inset:0}.blogWrapper .hero-content{bottom:var(--spacing-xl);left:var(--spacing-xl);right:var(--spacing-xl);color:var(--bg-white);max-width:700px;position:absolute}.blogWrapper .hero-badge{background-color:var(--accent);color:var(--bg-white);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:6px 12px;font-family:Arial,sans-serif;font-size:12px;font-weight:600;display:inline-block}.blogWrapper .hero-title{margin-bottom:var(--spacing-md);font-family:Arial,sans-serif;font-size:32px;font-weight:700;line-height:1.2}@media (min-width:1024px){.blogWrapper .hero-title{font-size:48px}}.blogWrapper .hero-excerpt{margin-bottom:var(--spacing-lg);max-height:4em;font-size:16px;font-style:italic;line-height:1.6;overflow:hidden}.blogWrapper .hero-meta{gap:var(--spacing-md);opacity:.9;align-items:center;font-size:13px;display:flex}.blogWrapper .hero-meta span{display:inline-block}.blogWrapper .hero-cta{background-color:var(--primary);color:var(--bg-white);margin-top:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:6px;padding:12px 28px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.blogWrapper .hero-cta:hover{background-color:var(--primary-dark)}.blogWrapper .container{max-width:1400px;padding:0 var(--spacing-xl);margin:0 auto}.blogWrapper .blog-header{margin-bottom:var(--spacing-2xl)}.blogWrapper .blog-header h1{margin-bottom:var(--spacing-md);font-family:Arial,sans-serif;font-size:36px;font-weight:700}.blogWrapper .blog-header p{color:var(--text-medium);max-width:600px;font-size:16px}.blogWrapper .blog-layout{gap:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.blogWrapper .blog-layout{grid-template-columns:1fr 280px}}.blogWrapper .article-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.blogWrapper .article-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blogWrapper .article-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}.blogWrapper .article-card{background:var(--bg-white);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:8px;flex-direction:column;min-height:400px;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.blogWrapper .article-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.blogWrapper .article-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.blogWrapper .article-card-image{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;overflow:hidden}.blogWrapper .article-card-content{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.blogWrapper .article-card-title{margin-bottom:var(--spacing-sm);color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (min-width:1024px){.blogWrapper .article-card-title{font-size:20px}}.blogWrapper .article-card-excerpt{color:var(--text-medium);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blogWrapper .article-card-meta{color:var(--text-light);border-top:1px solid var(--border);padding-top:var(--spacing-sm);justify-content:space-between;align-items:center;font-size:12px;display:flex}.blogWrapper .article-card-author{color:var(--text-medium);font-weight:500}.blogWrapper .article-card-date{color:var(--text-light)}.blogWrapper .sidebar{display:none}@media (min-width:1024px){.blogWrapper .sidebar{display:block}}.blogWrapper .sidebar-widget{background:var(--bg-white);border:1px solid var(--border);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:8px}.blogWrapper .sidebar-widget h3{text-transform:uppercase;color:var(--text-dark);margin-bottom:var(--spacing-md);letter-spacing:.5px;font-family:Arial,sans-serif;font-size:14px;font-weight:600}.blogWrapper .search-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:10px 12px;font-family:Arial,sans-serif;font-size:14px;transition:border-color .2s}.blogWrapper .search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d94881a}.blogWrapper .search-input::placeholder{color:var(--text-light)}.blogWrapper .category-filters{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.blogWrapper .category-btn{border:1px solid var(--border);background:var(--bg-white);color:var(--text-medium);cursor:pointer;border-radius:6px;padding:8px 12px;font-family:Arial,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.blogWrapper .category-btn:hover{border-color:var(--primary);background:var(--primary-light)}.blogWrapper .category-btn.active{background:var(--primary);color:var(--bg-white);border-color:var(--primary)}.blogWrapper .category-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blogWrapper .recent-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.blogWrapper .recent-item:last-child{border-bottom:none}.blogWrapper .recent-item a{color:var(--text-medium);font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.blogWrapper .recent-item a:hover{color:var(--primary)}.blogWrapper .recent-date{color:var(--text-light);margin-top:4px;font-size:11px}.blogWrapper .pagination{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border);display:flex}.blogWrapper .pagination button{border:1px solid var(--border);background:var(--bg-white);color:var(--text-medium);cursor:pointer;border-radius:6px;padding:10px 16px;font-family:Arial,sans-serif;font-size:14px;transition:all .2s}.blogWrapper .pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.blogWrapper .pagination button.active{background:var(--primary);color:var(--bg-white);border-color:var(--primary)}.blogWrapper .pagination button:disabled{opacity:.5;cursor:not-allowed}.blogWrapper footer{background:var(--text-dark);color:var(--bg-white);padding:var(--spacing-2xl) var(--spacing-xl);margin-top:var(--spacing-2xl);text-align:center;font-size:14px}