.blogs-page{padding:140px 0 80px}.featured-article{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:80px;display:grid}.featured-content .badge{margin-bottom:16px}.featured-content h2{margin-bottom:16px;line-height:1.3}.featured-content h2 a:hover{color:var(--color-primary)}.featured-content p{margin-bottom:24px}.featured-author{align-items:center;gap:12px;display:flex}.featured-author img{object-fit:cover;border-radius:50%;width:40px;height:40px}.featured-author span{font-family:var(--font-heading), "Montserrat", sans-serif;font-size:14px;font-weight:500}.featured-img-wrapper{border-radius:var(--radius-lg);position:relative;overflow:hidden}.featured-img-wrapper img{width:100%;height:auto;display:block}.featured-img-tag{background:var(--color-text);color:var(--color-bg);font-family:var(--font-heading), "Montserrat", sans-serif;text-transform:uppercase;padding:7px 15px;font-size:13px;font-weight:500;position:absolute;top:15px;right:15px}.blog-listing-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.blog-listing-header h2{font-size:1.5rem}.blog-filters{flex-wrap:wrap;gap:12px;display:flex}.blog-filter-btn{font-family:var(--font-heading), "Montserrat", sans-serif;border-radius:var(--radius-pill);border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:var(--transition);background:0 0;padding:10px 20px;font-size:14px;font-weight:500}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--color-primary);color:#fff}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.blog-card-img{object-fit:cover;width:100%;height:220px}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-category{font-family:var(--font-heading), "Montserrat", sans-serif;text-transform:uppercase;color:var(--color-primary);margin-bottom:12px;font-size:12px;font-weight:600}.blog-card-body h3{margin-bottom:12px;font-size:1.05rem;font-weight:600;line-height:1.4}.blog-card-body h3 a:hover{color:var(--color-primary)}.blog-card-excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}.blog-card-link{font-family:var(--font-heading), "Montserrat", sans-serif;color:var(--color-text);border-radius:var(--radius-pill);transition:var(--transition);border:1px solid #fff3;align-self:flex-start;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.blog-card-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.blog-section-cta{text-align:center}.blog-detail{padding:140px 0 80px}.blog-detail-breadcrumbs{color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.blog-detail-breadcrumbs a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.blog-detail-breadcrumbs a:hover{color:var(--color-primary)}.blog-detail-breadcrumb-sep{opacity:.4}.blog-detail-header{text-align:center;max-width:800px;margin:0 auto 40px}.blog-detail-header .badge,.blog-detail-header h1{margin-bottom:16px}.blog-detail-excerpt{color:var(--color-text-muted);margin-bottom:24px;font-size:18px;line-height:1.6}.blog-detail-meta{color:var(--color-text-muted);justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.blog-detail-meta img{object-fit:cover;border-radius:50%;width:36px;height:36px}.blog-detail-meta-cat{color:var(--color-primary)}.blog-detail-featured{border-radius:var(--radius-lg);max-width:900px;margin:0 auto 48px;overflow:hidden}.blog-detail-featured img{width:100%;height:auto}.blog-detail-layout{grid-template-columns:240px 1fr;align-items:start;gap:48px;display:grid}.blog-detail-sidebar{position:sticky;top:110px}.blog-detail-sidebar-inner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 20px}.blog-sidebar-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);font-size:14px;font-weight:700;font-family:var(--font-heading), "Montserrat", sans-serif;margin-bottom:12px}.blog-toc{flex-direction:column;gap:4px;display:flex}.blog-toc-item{color:var(--color-text-muted);border-radius:var(--radius-sm);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 8px;font-size:13px;line-height:1.4;text-decoration:none;transition:all .2s;display:-webkit-box;overflow:hidden}.blog-toc-item:hover{color:var(--color-primary);background:#ef4b700d}.blog-toc-sub{padding-left:16px;font-size:12px}.blog-share-links{gap:12px;display:flex}.blog-share-links a{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.blog-share-links a:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ef4b700d}.blog-detail-body{max-width:none;margin:0}.blog-detail-body h2{margin-top:40px;margin-bottom:16px;scroll-margin-top:100px}.blog-detail-body h3{color:var(--color-primary);margin-top:32px;margin-bottom:12px;scroll-margin-top:100px}.blog-detail-body h4{color:var(--color-primary);margin-top:24px;margin-bottom:8px}.blog-detail-body p{margin-bottom:20px;font-size:16px;line-height:1.8}.blog-detail-body ul,.blog-detail-body ol{margin-bottom:20px;padding-left:24px}.blog-detail-body li{color:var(--color-text-muted);margin-bottom:8px;line-height:1.7;list-style:outside}.blog-detail-body ol li{list-style:decimal}.blog-detail-body blockquote{border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-muted);background:#ef4b700d;margin:24px 0;padding:16px 24px;font-style:italic}.blog-detail-body a{color:var(--color-primary);text-decoration:underline}.blog-detail-body img{border-radius:var(--radius-md);margin:24px 0}.pt-table-wrapper{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;background:0 0;border:1px solid #fff3;margin:24px 0 30px;padding:4px 0;overflow-x:auto;box-shadow:0 4px 15px #ef4b7026}.pt-table-wrapper::-webkit-scrollbar{height:4px}.pt-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.pt-table{border-collapse:collapse;width:100%;min-width:400px}.pt-table th{color:var(--color-primary);font-family:var(--font-heading), "Montserrat", sans-serif;text-align:left;white-space:nowrap;border-bottom:1px solid #fff3;padding:14px 20px;font-size:16px;font-weight:600}.pt-table td{color:var(--color-text-muted);vertical-align:top;border-bottom:1px solid #ffffff1a;padding:12px 20px;font-size:14px;line-height:1.6}.pt-table tbody tr:last-child td{border-bottom:none}.pt-table tbody tr:hover td{color:var(--color-text);transition:color .15s}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.featured-article{grid-template-columns:1fr;gap:24px}.featured-img-wrapper{order:-1}.blog-detail-layout{grid-template-columns:1fr;gap:32px}.blog-detail-sidebar{order:-1;position:static}}
